/* Kruimel Bakery - header verbergt bij omlaag scrollen, verschijnt bij omhoog */
.site-header, #masthead {
    position: sticky; top: 0; z-index: 999;
    background: #FBEFE4;
    transition: transform .32s cubic-bezier(.22,1,.36,1), box-shadow .3s ease;
    will-change: transform;
}
.admin-bar .site-header, .admin-bar #masthead { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header, .admin-bar #masthead { top: 0; } }

/* Verborgen tijdens omlaag scrollen */
.site-header.kb-header-verborgen, #masthead.kb-header-verborgen {
    transform: translateY(-105%);
}

/* Buiten de bovenkant: compacter en met schaduw */
.site-header.kb-header-klein, #masthead.kb-header-klein {
    box-shadow: 0 2px 18px rgba(90,45,28,.10);
}
.site-header .custom-logo-link img, #masthead .custom-logo-link img {
    transition: width .3s ease, max-width .3s ease;
}
.site-header.kb-header-klein .site-primary-header-wrap,
#masthead.kb-header-klein .site-primary-header-wrap {
    padding-top: 6px; padding-bottom: 6px;
}

@media (max-width: 768px) {
    .ast-woo-header-cart-info-wrap { display: none !important; }
}

/* Wie minder beweging wil, krijgt geen schuivende header */
@media (prefers-reduced-motion: reduce) {
    .site-header, #masthead { transition: none; }
    .site-header.kb-header-verborgen, #masthead.kb-header-verborgen { transform: none; }
}

/* === MOBIEL MENU: rustig en gecentreerd === */
.ast-header-break-point #ast-mobile-header .main-header-menu,
.ast-header-break-point .ast-mobile-header-wrap .main-header-menu {
    background: #FBEFE4;
    border-top: 1px solid rgba(90,45,28,.08);
    box-shadow: 0 14px 26px rgba(90,45,28,.07);
    padding: 26px 0 32px !important;
    text-align: center;
}

.ast-header-break-point #ast-mobile-header .main-header-menu > li > a,
.ast-header-break-point .ast-mobile-header-wrap .main-header-menu > li > a {
    color: #6F5A45 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: .2px;
    padding: 15px 20px !important;
    border: none !important;
    text-align: center;
    transition: color .2s ease;
}

.ast-header-break-point .main-header-menu > li.current-menu-item > a,
.ast-header-break-point .main-header-menu > li.current_page_item > a {
    color: #A65462 !important;
    font-weight: 500 !important;
}
.ast-header-break-point .main-header-menu > li > a:hover,
.ast-header-break-point .main-header-menu > li > a:active {
    color: #A65462 !important;
    background: transparent !important;
}

/* Winkelwagen als knop onderaan */
.ast-header-break-point .main-header-menu > li.kb-menu-cart { margin-top: 14px; }
.ast-header-break-point .main-header-menu > li.kb-menu-cart > a {
    display: inline-flex !important;
    align-items: center; gap: 9px;
    background: #5a2d1c !important;
    color: #ffffff !important;
    border-radius: 30px;
    padding: 13px 32px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: .3px;
}
.ast-header-break-point .main-header-menu > li.kb-menu-cart > a:hover {
    background: #A65462 !important; color: #fff !important;
}
.kb-menu-cart__aantal {
    background: #ffffff; color: #5a2d1c;
    border-radius: 20px; padding: 1px 9px;
    font-size: 12px; font-weight: 700; line-height: 1.6;
}

/* Menuknop en sluitkruisje in het roodbruin */
.ast-header-break-point .ast-mobile-menu-trigger-minimal,
.ast-header-break-point .menu-toggle { color: #5a2d1c !important; }
.ast-header-break-point .menu-toggle .ast-mobile-svg { fill: #5a2d1c !important; }

/* === CORRECTIES MOBIEL MENU === */
/* Menu-items: geen eigen witte achtergrond */
.ast-header-break-point #ast-mobile-header .main-header-menu > li,
.ast-header-break-point .ast-mobile-header-wrap .main-header-menu > li,
.ast-header-break-point #ast-mobile-header .main-header-menu > li > a,
.ast-header-break-point .ast-mobile-header-wrap .main-header-menu > li > a {
    background: transparent !important;
    border-bottom: none !important;
}
.ast-header-break-point .main-header-menu > li.current-menu-item > a,
.ast-header-break-point .main-header-menu > li.current_page_item > a {
    background: transparent !important;
}

/* Winkelwagen-knop: compact en gecentreerd, niet over de volle breedte */
.ast-header-break-point .main-header-menu > li.kb-menu-cart {
    margin-top: 16px;
    text-align: center;
    padding: 0 20px;
}
.ast-header-break-point .main-header-menu > li.kb-menu-cart > a {
    display: inline-flex !important;
    width: auto !important;
    max-width: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #5a2d1c !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    padding: 11px 26px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .3px;
    line-height: 1.2 !important;
}
.ast-header-break-point .main-header-menu > li.kb-menu-cart > a:hover,
.ast-header-break-point .main-header-menu > li.kb-menu-cart > a:active {
    background: #A65462 !important;
    color: #ffffff !important;
}
.kb-menu-cart__aantal {
    background: #ffffff; color: #5a2d1c;
    border-radius: 20px; padding: 0 8px;
    font-size: 11px; font-weight: 700; line-height: 18px;
    display: inline-block; min-width: 18px; text-align: center;
}

/* === LOGOFORMAAT OP MOBIEL === */
@media (max-width: 768px) {
    .site-header .custom-logo-link img,
    #masthead .custom-logo-link img {
        width: 165px !important; max-width: 165px !important;
    }
    /* Bedrag naast het mandje weglaten op telefoon */
    .ast-woo-header-cart-info-wrap { display: none !important; }
}

@media (max-width: 400px) {
    .site-header .custom-logo-link img, #masthead .custom-logo-link img {
        width: 140px !important; max-width: 140px !important;
    }
    }

/* === MENU ALTIJD OP EEN REGEL (boven het mobiele omslagpunt) === */
@media (min-width: 769px) {
    /* De lijst met menu-items nooit laten stapelen */
    #ast-desktop-header .main-header-menu,
    #ast-desktop-header ul.main-header-menu,
    #ast-desktop-header .main-header-menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: center;
        white-space: nowrap;
    }
    #ast-desktop-header .main-header-menu > .menu-item,
    #ast-desktop-header .main-header-menu > .menu-item {
        flex: 0 0 auto !important;
        white-space: nowrap;
    }
    #ast-desktop-header .main-header-menu > .menu-item > a,
    #ast-desktop-header .main-header-menu > .menu-item > a {
        white-space: nowrap;
        padding-left: 16px;
        padding-right: 16px;
    }
    /* De middenkolom met het menu mag meegroeien */
    #ast-desktop-header .site-header-primary-section-center,
    #ast-desktop-header .site-header-primary-section-center {
        flex: 1 1 auto !important;
        min-width: 0;
    }
}
/* Tussen tablet en laptop: logo compacter zodat er ruimte is voor het menu */
@media (min-width: 769px) and (max-width: 1100px) {
    .site-header .custom-logo-link img, #masthead .custom-logo-link img {
        width: 140px !important; max-width: 140px !important;
    }
    #ast-desktop-header .main-header-menu > .menu-item > a,
    #ast-desktop-header .main-header-menu > .menu-item > a {
        padding-left: 11px; padding-right: 11px; font-size: 15px;
    }
}