/* Home + Cases — navbar عام */

body.cases-public-nav .navbar.navbar--public {
    position: sticky;
    top: 0;
    z-index: 2000;
    width: 100%;
}

.navbar.navbar--public {
    gap: 14px;
    background: color-mix(in srgb, var(--bg-dark, #0a192f) 94%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--primary-neon, #64ffda) 14%, transparent);
}

.navbar.navbar--public .logo {
    font-weight: 800;
    letter-spacing: 0.02em;
}

.navbar.navbar--public .navbar__tools {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.navbar.navbar--public .navbar__tools .tl-toolbar {
    gap: 8px;
}

.navbar.navbar--public .navbar__tools .tl-toolbar__btn {
    min-width: 48px;
    padding: 7px 10px;
}

.navbar.navbar--public .navbar__tools .tl-toolbar__btn__icon {
    font-size: 1.1rem;
}

.navbar.navbar--public .navbar__tools .tl-toolbar__btn__code {
    font-size: 0.65rem;
}

.navbar.navbar--public .nav-links a:not(.lang-switch__btn):not(.btn-login) {
    font-weight: 600;
}

@media (min-width: 769px) {
    .navbar.navbar--public {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: clamp(16px, 2.5vw, 32px);
        padding: 14px clamp(20px, 4vw, 5%);
        min-height: 68px;
    }

    .navbar.navbar--public .logo {
        order: 1;
        flex-shrink: 0;
        font-size: clamp(1.05rem, 1.4vw + 0.6rem, 1.45rem);
    }

    .navbar.navbar--public .nav-links {
        order: 2;
        flex: 1 1 auto;
        justify-content: center;
        gap: clamp(18px, 2.5vw, 34px);
    }

    .navbar.navbar--public .nav-links a:not(.lang-switch__btn):not(.btn-login) {
        font-size: clamp(0.95rem, 0.4vw + 0.82rem, 1.05rem);
        white-space: nowrap;
    }

    .navbar.navbar--public .navbar__tools {
        order: 3;
        flex-shrink: 0;
        margin-inline-start: 0;
    }

    .navbar.navbar--public .menu-icon {
        display: none;
    }

    .navbar.navbar--public .btn-login {
        padding: 10px 22px;
        font-size: 0.95rem;
        white-space: nowrap;
    }
}

@media (max-width: 768px) {
    .navbar.navbar--public {
        display: grid;
        grid-template-columns: 1fr auto auto;
        grid-template-areas: "logo tools menu";
        align-items: center;
        padding: 12px 16px;
        gap: 10px;
        min-height: 62px;
    }

    body.cases-public-nav .container {
        padding-top: max(18px, env(safe-area-inset-top, 0px));
    }

    .navbar.navbar--public .logo {
        grid-area: logo;
        font-size: clamp(1rem, 4vw + 0.35rem, 1.18rem);
        min-width: 0;
        line-height: 1.2;
        justify-self: start;
    }

    .navbar.navbar--public .navbar__tools {
        grid-area: tools;
        justify-self: end;
    }

    .navbar.navbar--public .navbar__tools .tl-toolbar__btn {
        min-width: 46px;
        padding: 7px 9px;
    }

    .navbar.navbar--public .navbar__tools .tl-toolbar__btn__code {
        font-size: 0.62rem;
    }

    .navbar.navbar--public .menu-icon {
        grid-area: menu;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        font-size: 1.5rem;
        z-index: 2002;
        justify-self: end;
    }

    .navbar.navbar--public .nav-links {
        grid-column: 1 / -1;
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
        padding: 14px 16px 18px;
        z-index: 2200;
        background: var(--bg-dark, #0a192f);
        border-bottom: 1px solid var(--border, rgba(255, 255, 255, 0.08));
        box-shadow: 0 14px 32px rgba(0, 0, 0, 0.4);
        gap: 6px;
        flex-direction: column;
    }

    .navbar.navbar--public .nav-links.active {
        display: flex;
    }

    .navbar.navbar--public .nav-links li {
        width: 100%;
    }

    .navbar.navbar--public .nav-links a:not(.lang-switch__btn):not(.btn-login) {
        display: block;
        padding: 14px 14px;
        font-size: 1.02rem;
        font-weight: 600;
        border-radius: 12px;
        text-align: center;
    }

    .navbar.navbar--public .nav-links a:not(.lang-switch__btn):not(.btn-login):hover,
    .navbar.navbar--public .nav-links a:not(.lang-switch__btn):not(.btn-login):active {
        background: rgba(100, 255, 218, 0.08);
    }

    .navbar.navbar--public .login-links {
        width: 100%;
        padding-top: 6px;
    }

    .navbar.navbar--public .btn-login {
        display: block;
        width: 100%;
        text-align: center;
        padding: 14px 18px;
        font-size: 1rem;
    }

    .navbar.navbar--public .navbar__lang {
        grid-area: tools;
    }

    .navbar.navbar--public .lang-switch__code {
        display: none;
    }
}