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

.main-header{
position:sticky;
top:0;
z-index:999;
background:#fff;
box-shadow:0 8px 25px rgba(0,0,0,.05);
font-family:Inter,Arial,sans-serif;
}

.header-container{
max-width:1400px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
padding:14px 20px;
}

.logo-area img{
height:48px;
}


/* =====================
 MAIN NAV
===================== */

.main-nav{
display:flex;
gap:26px;
align-items:center;
}

.main-nav a{
font-weight:600;
color:#0b3c5d;
font-size:15px;
transition:.2s;
}

.main-nav a:hover{
color:#f36f21;
}

.main-nav a.active{
color:#f36f21;
}


/* =====================
 DROPDOWN
===================== */

.nav-dropdown{
position:relative;
}

.dropdown-toggle{
display:flex;
align-items:center;
gap:6px;
cursor:pointer;
}

.arrow{
font-size:12px;
transition:.2s;
}

.dropdown-menu{
position:absolute;
top:100%;
left:0;
background:#fff;
min-width:240px;
border-radius:14px;
box-shadow:0 12px 35px rgba(0,0,0,.15);
padding:8px 0;
display:none;
z-index:999;
}

.dropdown-menu a{
display:block;
padding:12px 18px;
font-size:15px;
color:#222;
transition:.2s;
}

.dropdown-menu a:hover{
background:#f2f6fb;
color:#f36f21;
}

.nav-dropdown:hover .dropdown-menu{
display:block;
}

.nav-dropdown:hover .arrow{
transform:rotate(180deg);
}


/* =====================
 BUTTON
===================== */

.btn-header{
background:#f36f21;
color:#fff;
padding:10px 22px;
border-radius:30px;
font-weight:600;
box-shadow:0 8px 20px rgba(243,111,33,.35);
}


/* =====================
 MOBILE
===================== */

.mobile-toggle{
display:none;
font-size:26px;
cursor:pointer;
}

.mobile-menu{
display:none;
flex-direction:column;
background:#fff;
padding:20px;
border-top:1px solid #e2e8f0;
}

.mobile-menu a,
.mobile-dropdown span{
padding:12px 0;
border-bottom:1px solid #e5e7eb;
color:#0b3c5d;
font-weight:600;
cursor:pointer;
}

.mobile-menu.open{
display:flex;
}

/* Mobile submenu */

.mobile-submenu{
display:none;
background:#f6f8fb;
padding-left:10px;
}

.mobile-submenu a{
font-size:14px;
}

.mobile-submenu.open{
display:block;
}


/* =====================
 RESPONSIVE
===================== */

@media(max-width:900px){

.main-nav{
display:none;
}

.header-action{
display:none;
}

.mobile-toggle{
display:block;
}

}