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

header.site-header{
    position:sticky;
    top:0;
    z-index:9999;
    background:#ffffff !important;
    box-shadow:0 2px 10px rgba(0,0,0,.04);
}

/* ====================================
DESKTOP / TABLET
LET ASTRA HANDLE LAYOUT
==================================== */

.ast-primary-header-bar{
    background:#ffffff !important;
}

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

@media(max-width:768px){

    .ast-primary-header-bar{
        background:#ffffff !important;
        padding:10px 14px !important;
    }

    .ast-builder-grid-row{
        display:grid !important;
        grid-template-columns:1fr auto !important;
        align-items:center !important;
        min-height:84px !important;
    }

    .ast-builder-layout-element.site-header-focus-item{
        width:100%;
    }

    .site-branding{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:12px !important;
        width:100%;
    }

    .site-branding img{
        width:58px !important;
        height:auto !important;
        display:block;
    }

    .site-identity{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
    }

    .site-title{
        margin:0 !important;
        font-size:24px !important;
        font-weight:900 !important;
        line-height:1.1 !important;
        color:#111827 !important;
        text-align:center !important;
    }

    .site-title a{
        color:#111827 !important;
        text-decoration:none !important;
    }

    .site-description{
        margin-top:6px !important;
        font-size:14px !important;
        font-weight:800 !important;
        color:#16a34a !important;
        line-height:1.15 !important;
        text-align:center !important;
    }

    [data-section="section-header-mobile-trigger"]{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .menu-toggle.main-header-menu-toggle{
        width:58px !important;
        height:58px !important;
        border:none !important;
        border-radius:18px !important;
        background:#f3f4f6 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 !important;
    }

    .menu-toggle.main-header-menu-toggle .ast-mobile-svg{
        width:28px !important;
        height:28px !important;
        fill:#111827 !important;
    }

    .menu-toggle-text{
        display:none !important;
    }

    .ast-mobile-popup-drawer{
        background:#ffffff !important;
    }

    .ast-mobile-popup-content .menu-item a{
        display:flex !important;
        align-items:center !important;
        padding:18px 22px !important;
        border-bottom:1px solid #f3f4f6 !important;
        font-size:18px !important;
        font-weight:700 !important;
        color:#111827 !important;
    }

    .ast-mobile-popup-content .current-menu-item a{
        color:#16a34a !important;
    }

}