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

.main-header{
    background:#fff !important;
    position:relative;
    z-index:1000;
}

.header-top{
    min-height:48px !important;
    border-bottom:1px solid #ededed !important;
    background:#fff !important;
}

.header-top .header-container{
    width:min(var(--fd-container),calc(100% - 80px)) !important;
    min-height:48px !important;
    margin:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
}

.header-emergency,
.header-contact{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    font-size:11px !important;
    color:#222 !important;
    white-space:nowrap;
}

.header-emergency strong{
    color:var(--fd-green) !important;
}

.header-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto;
}

.header-icon img{
    width:20px !important;
    height:20px !important;
    object-fit:contain;
}

.header-navigation{
    height:88px !important;
    background:#fff !important;
    border-bottom:0 !important;
}

.header-navigation .nav-container{
    width:min(var(--fd-container),calc(100% - 80px)) !important;
    height:100% !important;
    min-height:88px !important;
    margin:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
}

.header-logo{
    width:auto !important;
    margin:0 !important;
}

.header-logo img{
    width:128px !important;
    max-width:128px !important;
    height:auto !important;
}

.main-navigation{
    margin-left:auto !important;
}

.main-navigation > ul{
    display:flex !important;
    align-items:center !important;
    gap:31px !important;
    margin:0 !important;
    padding:0 !important;
}

.main-navigation > ul > li{
    padding:0 !important;
    margin:0 !important;
}

.main-navigation > ul > li > a{
    min-height:auto !important;
    padding:31px 0 !important;
    color:#111 !important;
    font-size:12px !important;
    font-weight:400 !important;
    transition:.2s ease;
}

.main-navigation > ul > li > a:hover,
.main-navigation > ul > li.active > a{
    color:var(--fd-teal) !important;
}

.main-navigation .dropdown-menu{
    top:72px !important;
    border-radius:0 !important;
}

/* =========================================================
   SHARED HEADER - base rules (desktop)
   Pages that use includes/site-header.php had no dropdown styling and
   no container width fallback. Mobile/tablet rules live in
   css/css/nav-responsive.css.
   ========================================================= */

:root {
    --fd-container: 1240px;
    --fd-green: #8acb32;
    --fd-teal: #35b9a9;
}

.nav-toggle {
    display: none;
}

.nav-toggle:focus-visible,
.header-menu-toggle:focus-visible,
.main-navigation a:focus-visible {
    outline: 2px solid #1fa4e0;
    outline-offset: 2px;
}

@media (min-width: 992px) {

    .main-navigation .dropdown {
        position: relative;
    }

    .main-navigation .dropdown-toggle {
        cursor: pointer;
    }

    .main-navigation .dropdown-arrow {
        margin-left: 6px;
        font-size: 15px;
        line-height: 1;
        transition: transform .25s ease;
    }

    .main-navigation .dropdown.show .dropdown-arrow {
        transform: rotate(180deg);
    }

    .main-navigation .dropdown-menu {
        position: absolute;
        left: 0;
        z-index: 10000;
        min-width: 230px;
        margin: 0;
        padding: 7px 0;
        list-style: none;
        background: #fff;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
        display: none;
    }

    .main-navigation .dropdown.show > .dropdown-menu {
        display: block;
    }

    .main-navigation .dropdown-menu li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .main-navigation .dropdown-menu a {
        display: block;
        width: 100%;
        padding: 11px 17px;
        white-space: normal;
        text-decoration: none;
        line-height: 1.4;
    }
}