/*
|--------------------------------------------------------------------------
| IQ Connect Navigation CMS V3
|--------------------------------------------------------------------------
| CMS behavior only.
| Existing iq-header-v4 visual design remains authoritative.
|--------------------------------------------------------------------------
*/


/* ==========================================================
   BRAND PICTURE
========================================================== */

.iq-header-v4 .iq-brand-picture{
    display:inline-flex;
    align-items:center;
    line-height:0;
}

.iq-header-v4 .iq-brand-picture .brand-logo{
    display:block;
}


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

.iq-header-v4.iq-header-cms-sticky{
    position:sticky;
    top:0;
    z-index:1000;
}


/* ==========================================================
   TRANSPARENT HOME HEADER

   Only activated when:
   1. CMS Transparent Homepage is ON
   2. Current route is home

   Existing header layout and typography remain unchanged.
========================================================== */

.iq-header-v4.iq-header-cms-transparent{
    background:transparent;
}


/* ==========================================================
   NAVIGATION RESPONSIVE VISIBILITY
========================================================== */

.iq-header-v4 .iq-nav-hidden-all{
    display:none !important;
}

.iq-header-v4 .iq-nav-mobile-only{
    display:none !important;
}

@media (max-width:900px){

    .iq-header-v4 .iq-nav-mobile-only{
        display:revert !important;
    }

    .iq-header-v4 .iq-nav-desktop-only{
        display:none !important;
    }

}


/* ==========================================================
   MOBILE CTA CONTROL
========================================================== */

@media (max-width:900px){

    .iq-header-v4.iq-header-cms-hide-mobile-cta
    .nav-actions .button.compact{
        display:none !important;
    }

}


/* ==========================================================
   NAVIGATION BADGES
========================================================== */

.iq-header-v4 .iq-nav-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:18px;
    padding:2px 6px;

    margin-left:5px;

    border-radius:999px;

    font-size:9px;
    font-weight:800;
    line-height:1;

    letter-spacing:.04em;
    text-transform:uppercase;

    vertical-align:middle;
}


/* ==========================================================
   ACCESSIBILITY
========================================================== */

@media (prefers-reduced-motion:reduce){

    .iq-header-v4 *,
    .iq-header-v4 *::before,
    .iq-header-v4 *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }

}