/* 3D Academy — navbar (light/dark, overrides newUpdated.css) */

#newUpdated-navbar.newUpdated-navbar {
    min-height: 64px;
    height: auto;
    padding: 0.65rem 0;
    background: var(--brand-nav-bg) !important;
    backdrop-filter: blur(16px) saturate(1.4);
    -webkit-backdrop-filter: blur(16px) saturate(1.4);
    border-bottom: 1px solid var(--brand-border) !important;
    box-shadow: 0 1px 0 var(--brand-shadow);
    position: sticky;
    top: 0;
    z-index: 1100;
}

#newUpdated-navbar .newUpdated-container {
    max-width: 1240px;
}

.newUpdated-logo-img--brand {
    max-height: 44px !important;
    max-width: 150px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
}

/* Nav links */
.newUpdated-nav-link {
    color: var(--brand-nav-link) !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    padding: 0.5rem 0.85rem !important;
    border-radius: 8px;
    transition: color 0.25s ease, background 0.25s ease;
}

.newUpdated-nav-link:hover {
    color: var(--brand-primary) !important;
    background: var(--nav-link-hover-bg, transparent);
}

.newUpdated-nav-link.active {
    color: var(--brand-primary) !important;
    font-weight: 700 !important;
    background: var(--nav-link-active-bg, rgba(7, 193, 243, 0.12));
}

/* Category dropdown */
.newUpdated-cat-dropdown {
    background: var(--brand-bg-elevated) !important;
    border: 1px solid var(--brand-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 40px var(--brand-shadow) !important;
    padding: 0.35rem 0 !important;
    min-width: 200px !important;
}

.newUpdated-cat-dropdown li a {
    color: var(--brand-text) !important;
    font-size: 0.85rem !important;
    border-radius: 8px;
    margin: 2px 6px;
}

.newUpdated-cat-dropdown li a:hover {
    background: var(--nav-link-hover-bg) !important;
    color: var(--brand-primary) !important;
}

/* Auth buttons */
.newUpdated-btn-login,
.newUpdated-btn-signup {
    padding: 0.55rem 1.25rem !important;
    border-radius: 999px !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    border: none !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s !important;
}

.newUpdated-btn-login {
    background: var(--brand-gradient) !important;
    color: var(--brand-btn-text) !important;
    box-shadow: 0 4px 16px var(--brand-glow) !important;
}

.newUpdated-btn-signup {
    background: transparent !important;
    color: var(--brand-primary) !important;
    border: 1px solid var(--brand-border-bright) !important;
    box-shadow: none !important;
}

.newUpdated-btn-login:hover,
.newUpdated-btn-signup:hover {
    opacity: 1 !important;
    transform: translateY(-1px);
}

.newUpdated-btn-signup:hover {
    background: var(--nav-link-active-bg) !important;
}

/* Activate course CTA */
.activate-course,
.menu-top-actions .activate-course,
.activate-course-mobile {
    background: var(--brand-gradient) !important;
    color: var(--brand-btn-text) !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 14px var(--brand-glow) !important;
    font-weight: 700 !important;
}

.activate-course-mobile:hover,
.activate-course:hover {
    background: linear-gradient(135deg, #1bace3, #37a8df) !important;
    color: var(--brand-btn-text) !important;
    transform: translateY(-1px) !important;
}

/* User greeting */
.nav-user-info .user-details,
.nav-user-info .user-name,
.nav-user-info .user-class {
    color: var(--brand-text) !important;
}

.nav-user-info .user-name {
    font-size: 0.85rem !important;
    font-weight: 700 !important;
}

.nav-user-info .user-class {
    font-size: 0.75rem !important;
    color: var(--brand-muted) !important;
}

/* Toolbar: theme + country */
.nav-toolbar {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.newUpdated-nav-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.menu-top-actions {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

/* Guest mobile auth */
.mobile-auth-btns .btn-primary {
    background: var(--brand-gradient) !important;
    border: none !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
}

.mobile-auth-btns .btn-outline-primary {
    color: var(--brand-primary) !important;
    border-color: var(--brand-border-bright) !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
}

.mobile-auth-btns .btn-outline-primary:hover {
    background: var(--nav-link-active-bg) !important;
}

.nav-country-select {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    height: 40px;
    padding: 0 10px;
    border-radius: 12px;
    background: var(--brand-surface-solid) !important;
    border: 1px solid var(--brand-border) !important;
    cursor: pointer;
    transition: border-color 0.25s, box-shadow 0.25s;
}

.nav-country-select:hover {
    border-color: var(--brand-border-bright) !important;
}

.nav-country-select img {
    border-radius: 3px;
    display: block;
}

.nav-country-dropdown {
    position: absolute;
    top: calc(100% + 6px);
    inset-inline-start: 0;
    min-width: 100%;
    background: var(--brand-bg-elevated) !important;
    border: 1px solid var(--brand-border) !important;
    border-radius: 12px;
    box-shadow: 0 12px 32px var(--brand-shadow);
    z-index: 1200;
    display: none;
    overflow: hidden;
}

.nav-country-option {
    padding: 10px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.nav-country-option:hover {
    background: var(--nav-link-hover-bg);
}

.nav-country-option + .nav-country-option {
    border-top: 1px solid var(--brand-border);
}

/* Toggler */
.newUpdated-navbar-toggler {
    color: var(--brand-nav-link) !important;
    width: 40px;
    height: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--brand-border);
    background: var(--brand-surface-solid);
}

.newUpdated-navbar-toggler i {
    color: var(--brand-nav-link) !important;
}

/* Packages dropdown in nav */
#newUpdated-navbar .custom-dropdown-body {
    background: var(--brand-bg-elevated) !important;
    border: 1px solid var(--brand-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 36px var(--brand-shadow) !important;
}

#newUpdated-navbar .navbar-auth-user-dropdown-item a {
    color: var(--brand-text) !important;
}

#newUpdated-navbar .navbar-auth-user-dropdown-item a:hover {
    background: var(--nav-link-hover-bg) !important;
    color: var(--brand-primary) !important;
}

/* Mobile drawer */
@media (max-width: 1100px) {
    .newUpdated-navbar-links {
        background: var(--brand-bg-elevated) !important;
        padding-top: 4rem !important;
    }

    .newUpdated-navbar-close,
    .newUpdated-navbar-toggler {
        color: var(--brand-text) !important;
    }

    .newUpdated-navbar-close i,
    .newUpdated-navbar-toggler i {
        color: var(--brand-text) !important;
    }

    .newUpdated-nav-link {
        font-size: 1rem !important;
        border-bottom-color: var(--brand-border) !important;
        color: var(--brand-text) !important;
    }

    .newUpdated-nav-link:hover {
        background: var(--nav-link-hover-bg) !important;
    }

    .newUpdated-navbar-toggler {
        display: inline-flex !important;
    }

    .nav-user-info {
        display: none !important;
    }
}

@media (max-width: 640px) {
    .newUpdated-logo-img--brand {
        max-height: 38px !important;
        max-width: 120px !important;
    }

    .nav-toolbar {
        gap: 0.35rem;
    }
}