/* =====================================
   HEADER
===================================== */

header,
.t4-header,
#t4-header,
.header-section{

    background:rgba(255,255,255,.96) !important;

    backdrop-filter:blur(20px);

    border-bottom:1px solid var(--border) !important;

    box-shadow:
    0 2px 12px rgba(15,23,42,.05);

    padding:0 !important;

    position:sticky;

    top:0;

    z-index:9999;
}

/* =====================================
   HEADER CONTAINER
===================================== */

header .container,
.t4-header .container,
#t4-header .container{

    max-width:1500px !important;

    width:100% !important;

    margin:0 auto !important;

    padding:0 30px !important;
}

/* =====================================
   NAVBAR LAYOUT
===================================== */

.navbar,
.navbar-default,
.t4-navbar{

    display:flex !important;

    align-items:center !important;

    width:100% !important;
}

/* =====================================
   SITE TITLE
===================================== */

.navbar-brand,
.site-title,
.logo-text,
header h1{

    color:var(--dark) !important;

    font-size:1.6rem !important;

    font-weight:800 !important;

    letter-spacing:-1px !important;

    white-space:nowrap !important;

    margin-right:auto !important;

    padding-right:40px !important;
}

/* =====================================
   FORCE MENU TO FAR RIGHT
===================================== */

.navbar-collapse,
#t4-megamenu,
.t4-megamenu,
.navbar-nav{

    margin-left:auto !important;

}

.navbar-nav{

    display:flex !important;

    justify-content:flex-end !important;

    align-items:center !important;

    gap:2.2rem !important;

}

/* =====================================
   MENU LINKS
===================================== */

.navbar-nav .nav-link,
.navbar-nav > li > a,
ul.menu li a{

    color:var(--text) !important;

    font-size:1rem !important;

    font-weight:600 !important;

    text-decoration:none !important;

    padding:12px 0 !important;

    border-radius:10px;

    transition:all .25s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav > li > a:hover,
ul.menu li a:hover{

    color:var(--primary) !important;
}

.navbar-nav .active > a,
.navbar-nav .active > .nav-link{

    color:var(--primary) !important;

    font-weight:700 !important;
}

/* =====================================
   ACTIVE MENU INDICATOR
===================================== */

.navbar-nav .active > a{

    position:relative;
}

.navbar-nav .active > a::after{

    content:"";

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    bottom:-10px;

    width:18px;

    height:3px;

    background:var(--primary);

    border-radius:20px;
}

/* =====================================
   DROPDOWNS
===================================== */

.dropdown-menu{

    border:none !important;

    background:white !important;

    border-radius:18px !important;

    box-shadow:
    0 20px 40px rgba(15,23,42,.12);

    padding:10px !important;
}

.dropdown-item{

    color:var(--text) !important;

    border-radius:8px;
}

.dropdown-item:hover{

    background:#f1f5f9 !important;

    color:var(--primary) !important;
}