/* ===============================
   PREMIUM NAVBAR STYLE
================================ */

.site-navbar {
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(15,23,42,.08);
    padding: 14px 0;
    transition: all .35s ease;
    z-index: 999;
}

.site-navbar.scrolled {
    padding: 10px 0;
    box-shadow: 0 10px 35px rgba(15,23,42,.10);
}


/* Brand */

.brand-lockup {
    display:flex;
    align-items:center;
    gap:10px;
    font-size:22px;
    font-weight:800;
    color:#0b1f4d;
    text-decoration:none;
}

.site-brand-logo {
    max-height:48px;
    width:auto;
    object-fit:contain;
}

.brand-symbol {
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#0b1f4d;
    color:#fff;
    font-size:20px;
}


/* Menu */

.nav-main {
    gap:6px;
}

.nav-main .nav-link {
    position:relative;
    padding:10px 15px !important;
    color:#334155;
    font-size:15px;
    font-weight:600;
    transition:.3s ease;
}

.nav-main .nav-link:hover,
.nav-main .nav-link.active {
    color:#0b1f4d;
}


/* Active underline */

.nav-main .nav-link::after {
    content:"";
    position:absolute;
    left:15px;
    bottom:3px;
    width:0;
    height:2px;
    background:#214196;
    border-radius:5px;
    transition:.3s ease;
}

.nav-main .nav-link:hover::after,
.nav-main .nav-link.active::after {
    width:calc(100% - 30px);
}



/* CTA Button */

.btn-brand,
.nav-cta {
    background:#214196;
    color:#fff !important;
    border-radius:10px;
    padding:11px 20px;
    font-weight:700;
    border:none;
    transition:.3s ease;
}

.btn-brand:hover,
.nav-cta:hover {
    background:#0b1f4d;
    transform:translateY(-2px);
}



/* Cart */

.nav-cart {
    position:relative;
    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0b1f4d;
    background:#f1f5f9;
    text-decoration:none;
    transition:.3s;
}

.nav-cart:hover {
    background:#e0e7ff;
}

.nav-cart span {
    position:absolute;
    top:-4px;
    right:-4px;
    background:#ef4444;
    color:#fff;
    width:18px;
    height:18px;
    border-radius:50%;
    font-size:11px;
    display:flex;
    align-items:center;
    justify-content:center;
}



/* Dropdown */

.site-dropdown {
    border:none;
    border-radius:18px;
    padding:10px;
    min-width:280px;
    box-shadow:0 20px 50px rgba(15,23,42,.15);
    margin-top:15px;
}

.site-dropdown .dropdown-item {
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px;
    border-radius:12px;
    color:#334155;
    transition:.25s;
}

.site-dropdown .dropdown-item i {
    font-size:20px;
    color:#214196;
}

.site-dropdown .dropdown-item strong {
    display:block;
    font-size:14px;
}

.site-dropdown .dropdown-item small {
    display:block;
    color:#64748b;
    font-size:12px;
}

.site-dropdown .dropdown-item:hover {
    background:#eff6ff;
}



/* Language Button */

.nav-item .btn-light {
    border-radius:10px;
    padding:10px 14px;
    border:1px solid #e2e8f0;
    font-weight:600;
}



/* Mobile Toggle */

.navbar-toggler {
    width:42px;
    height:42px;
    border-radius:10px;
    background:#f1f5f9;
    display:flex;
    align-items:center;
    justify-content:center;
}


.navbar-toggler-icon {
    width:22px;
    height:22px;
    background-image:none;
    position:relative;
}


.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
    content:"";
    position:absolute;
    left:0;
    width:22px;
    height:2px;
    background:#0b1f4d;
    border-radius:5px;
}

.navbar-toggler-icon::before {
    top:6px;
}

.navbar-toggler-icon::after {
    bottom:6px;
}



/* Mobile Menu */

@media(max-width:991px){

.site-navbar {
    padding:12px 0;
}


.navbar-collapse {
    margin-top:15px;
    background:#fff;
    padding:15px;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(15,23,42,.12);
}


.nav-main {
    gap:2px;
}


.nav-main .nav-link {
    padding:12px !important;
}


.nav-main .nav-link::after {
    display:none;
}


.nav-cta {
    margin-top:10px;
    width:100%;
    text-align:center;
}


.site-dropdown {
    box-shadow:none;
    border-radius:12px;
    margin-top:5px;
}


}


/* Small Screen */

@media(max-width:576px){

.brand-lockup {
    font-size:18px;
}

.site-brand-logo {
    max-height:38px;
}

.nav-cart {
    width:38px;
    height:38px;
}

}