/* ============================================================
   MASSIVE BAITS SIGNATURE HEADER
   ============================================================ */

.mb26-header--signature{
    position:sticky;
    top:0;
    z-index:900;
    background:rgba(8,9,8,.96);
    backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(242,139,38,.22);
    box-shadow:0 8px 24px rgba(0,0,0,.16);
}

body.admin-bar .mb26-header--signature{top:32px}

.mb26-header-signature__inner{
    min-height:72px;
    display:grid;
    grid-template-columns:180px minmax(0,1fr) auto;
    align-items:center;
    gap:26px;
}

.mb26-logo--signature{display:flex;align-items:center}
.mb26-logo--signature img{display:block;width:150px;max-height:48px;object-fit:contain;object-position:left center}

.mb26-primary-nav--signature{height:72px;min-width:0}
.mb26-primary-nav--signature .mb26-nav-menu{height:100%;display:flex;align-items:stretch;justify-content:center;gap:4px;list-style:none;margin:0;padding:0}
.mb26-primary-nav--signature .mb26-nav-menu>li{position:relative;display:flex;align-items:stretch}
.mb26-primary-nav--signature .mb26-nav-menu>li>a{
    position:relative;
    min-height:72px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 13px;
    color:#d8d1c7;
    font-size:11px;
    font-weight:760;
    white-space:nowrap;
    transition:color .18s ease;
}
.mb26-primary-nav--signature .mb26-nav-menu>li>a::after{
    content:"";
    position:absolute;
    left:13px;
    right:13px;
    bottom:0;
    height:2px;
    background:var(--mb26-orange);
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .18s ease;
}
.mb26-primary-nav--signature .mb26-nav-menu>li>a:hover,
.mb26-primary-nav--signature .mb26-nav-menu>li.current-menu-item>a,
.mb26-primary-nav--signature .mb26-nav-menu>li.current-menu-ancestor>a{color:#fff}
.mb26-primary-nav--signature .mb26-nav-menu>li>a:hover::after,
.mb26-primary-nav--signature .mb26-nav-menu>li.current-menu-item>a::after,
.mb26-primary-nav--signature .mb26-nav-menu>li.current-menu-ancestor>a::after{transform:scaleX(1)}
.mb26-primary-nav--signature .mb26-nav-menu>li.current-menu-item>a{color:var(--mb26-orange)}
.mb26-primary-nav--signature .mb26-nav-menu .mb26-icon{display:none}
.mb26-primary-nav--signature .mb26-caret{font-size:10px;opacity:.55}

.mb26-primary-nav--signature .sub-menu{
    position:absolute;
    left:0;
    top:calc(100% - 1px);
    min-width:245px;
    list-style:none;
    margin:0;
    padding:9px;
    background:#11120f;
    border:1px solid rgba(255,255,255,.09);
    border-top:2px solid var(--mb26-orange);
    box-shadow:0 24px 50px rgba(0,0,0,.42);
    opacity:0;
    visibility:hidden;
    transform:translateY(7px);
    transition:.18s ease;
    z-index:50;
}
.mb26-primary-nav--signature li:hover>.sub-menu,
.mb26-primary-nav--signature li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.mb26-primary-nav--signature .sub-menu li{position:relative}
.mb26-primary-nav--signature .sub-menu a{display:flex;padding:10px 11px;color:#a9a198;font-size:11px;font-weight:650;border-radius:3px}
.mb26-primary-nav--signature .sub-menu a:hover{background:rgba(242,139,38,.07);color:#fff}
.mb26-primary-nav--signature .sub-menu .sub-menu{left:calc(100% + 7px);top:-9px}

.mb26-header-tools{display:flex;align-items:center;gap:2px}
.mb26-header-tool,
.mb26-header-search-popover>summary{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    color:#d8d1c7;
    border:0;
    background:transparent;
    border-radius:50%;
    cursor:pointer;
    transition:color .18s ease,background .18s ease;
}
.mb26-header-tool:hover,
.mb26-header-search-popover>summary:hover{color:var(--mb26-orange);background:rgba(255,255,255,.035)}
.mb26-header-tool .mb26-icon,
.mb26-header-search-popover>summary .mb26-icon{font-size:20px}
.mb26-header-search-popover{position:relative}
.mb26-header-search-popover>summary{list-style:none}
.mb26-header-search-popover>summary::-webkit-details-marker{display:none}
.mb26-header-search-popover__panel{
    position:absolute;
    right:-90px;
    top:54px;
    width:min(390px,calc(100vw - 30px));
    padding:17px;
    background:#11120f;
    border:1px solid rgba(255,255,255,.10);
    border-top:2px solid var(--mb26-orange);
    box-shadow:0 24px 60px rgba(0,0,0,.45);
}
.mb26-header-search-popover__panel>span{display:block;margin-bottom:9px;color:#716b64;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.mb26-header-search-popover__panel form{position:relative;display:flex;margin:0}
.mb26-header-search-popover__panel input[type="search"]{width:100%;height:46px;padding:0 52px 0 13px;color:#f4efe7;background:#191a17;border:1px solid rgba(255,255,255,.10);border-radius:4px;outline:0}
.mb26-header-search-popover__panel input[type="search"]:focus{border-color:rgba(242,139,38,.55);box-shadow:0 0 0 3px rgba(242,139,38,.07)}
.mb26-header-search-popover__panel button{position:absolute;right:0;top:0;width:46px;height:46px;border:0;border-radius:0 4px 4px 0;background:var(--mb26-orange);color:#17120d;font-size:0}
.mb26-header-search-popover__panel button::before{content:"";display:block;width:15px;height:15px;margin:auto;border:2px solid currentColor;border-radius:50%}
.mb26-header-search-popover__panel button::after{content:"";position:absolute;width:6px;height:2px;background:currentColor;transform:rotate(45deg);right:11px;bottom:12px}

.mb26-cart-zone--signature{display:flex;align-items:center;margin-left:3px}
.mb26-cart-zone--signature .mb26-cart-trigger{min-height:42px;padding:0 2px 0 8px;gap:7px;color:#ddd6cc;background:transparent;border:0}
.mb26-cart-zone--signature .mb26-cart-trigger:hover{color:#fff}
.mb26-cart-zone--signature .mb26-cart-trigger__amount{display:none}
.mb26-cart-zone--signature .mb26-cart-trigger .mb26-icon{font-size:21px;color:#d8d1c7}
.mb26-cart-zone--signature .mb26-cart-trigger__count{min-width:18px;height:18px;padding:0 4px;border-radius:50%;background:var(--mb26-orange);color:#17120d;font-size:9px;font-weight:950}

.mb26-mobile-menu-toggle{display:none;border:0;background:transparent;color:#fff;padding:7px}
.mb26-mobile-menu-toggle .mb26-icon{font-size:24px}

/* overlay / drawers */
.mb26-site-overlay{position:fixed;inset:0;border:0;background:rgba(0,0,0,.74);opacity:0;visibility:hidden;z-index:997;transition:.22s ease}
.menu-open .mb26-site-overlay,.cart-open .mb26-site-overlay,.filter-open .mb26-site-overlay{opacity:1;visibility:visible}
body.mb26.menu-open,body.mb26.cart-open,body.mb26.filter-open{overflow:hidden}

.mb26-mobile-nav,.mb26-mini-cart{position:fixed;top:0;bottom:0;width:min(410px,92vw);background:#0f100e;color:#fff;z-index:10000;box-shadow:0 0 70px rgba(0,0,0,.65);transition:transform .27s cubic-bezier(.2,.7,.2,1);overflow:auto}
.mb26-mobile-nav{left:0;transform:translateX(-102%)}
.menu-open .mb26-mobile-nav{transform:none}
.mb26-mini-cart{right:0;transform:translateX(102%);display:flex;flex-direction:column}
.cart-open .mb26-mini-cart{transform:none}

.mb26-mobile-nav__head,.mb26-mini-cart__head{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.07)}
.mb26-mobile-nav__head img{width:145px}
.mb26-mobile-nav-close,.mb26-mini-cart-close{border:0;background:transparent;color:#fff;padding:8px}
.mb26-mobile-nav-close .mb26-icon,.mb26-mini-cart-close .mb26-icon{font-size:23px}
.mb26-mobile-nav__eyebrow{padding:16px 19px 0;color:var(--mb26-orange);font-size:7.5px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.mb26-mobile-nav__search{padding:13px 18px 17px;border-bottom:1px solid rgba(255,255,255,.07)}
.mb26-mobile-nav__search form{position:relative;display:flex;margin:0}
.mb26-mobile-nav__search input{width:100%;height:44px;padding:0 50px 0 12px;color:#fff;background:#181916;border:1px solid rgba(255,255,255,.09);border-radius:4px}
.mb26-mobile-nav__search button{position:absolute;right:0;top:0;width:44px;height:44px;border:0;background:var(--mb26-orange);font-size:10px;color:#fff!important;}
.mb26-mobile-nav nav{padding:10px 18px}
.mb26-nav-menu--mobile{display:block!important;list-style:none;margin:0;padding:0}
.mb26-nav-menu--mobile>li{display:block!important}
.mb26-nav-menu--mobile>li>a{min-height:49px!important;padding:0 2px!important;display:flex!important;align-items:center!important;justify-content:space-between;color:#e9e3da!important;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px!important;font-weight:760!important}
.mb26-nav-menu--mobile .sub-menu{position:static!important;display:none;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:0!important;background:transparent!important;padding:5px 0 8px 13px!important;list-style:none}
.mb26-nav-menu--mobile li.submenu-open>.sub-menu{display:block!important}
.mb26-nav-menu--mobile .sub-menu a{display:block;padding:8px 0;color:#8f8981;font-size:11px}
.mb26-mobile-nav__links{display:grid;padding:12px 20px;border-top:1px solid rgba(255,255,255,.07)}
.mb26-mobile-nav__links a{display:flex;align-items:center;gap:9px;padding:9px 0;color:#bdb6ad;font-size:11px}
.mb26-mobile-nav__contact{margin:12px 18px 25px;padding:16px;background:#151613;border:1px solid rgba(242,139,38,.18);border-radius:5px}
.mb26-mobile-nav__contact small,.mb26-mobile-nav__contact strong{display:block}
.mb26-mobile-nav__contact small{color:#68625c;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
.mb26-mobile-nav__contact strong{margin-top:3px;font-size:12px}
.mb26-mobile-nav__contact a{display:inline-flex;align-items:center;gap:7px;margin-top:10px;color:var(--mb26-orange);font-size:10px;font-weight:850}
.mb26-mobile-nav__contact a svg{width:12px;height:12px}

.mb26-mini-cart__head>div{display:flex;flex-direction:column}
.mb26-mini-cart__head small{color:#6c665f;font-size:7.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.mb26-mini-cart__head strong{margin-top:2px;font-size:18px}
.mb26-mini-cart__content{flex:1;display:flex;flex-direction:column;min-height:0}
.mb26-mini-cart__content .widget_shopping_cart_content{height:100%;display:flex;flex-direction:column}
.mb26-mini-cart .woocommerce-mini-cart{list-style:none;margin:0;padding:13px 18px;flex:1;overflow:auto}
.mb26-mini-cart .mini_cart_item{position:relative;min-height:92px;padding:11px 30px 14px 82px!important;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px}
.mb26-mini-cart .mini_cart_item>a:not(.remove){display:block;color:#f2ece3;font-weight:750}
.mb26-mini-cart .mini_cart_item img{position:absolute;left:0;top:11px;width:64px!important;height:64px!important;object-fit:contain;background:#f2f2ef;border-radius:4px}
.mb26-mini-cart .remove{position:absolute;right:0;top:9px;color:#c75c50;font-size:21px}
.mb26-mini-cart .quantity{display:block;margin-top:5px;color:#8d867d}
.mb26-mini-cart__content .woocommerce-mini-cart__total{margin:0;padding:17px 19px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;font-size:14px}
.mb26-mini-cart__content .woocommerce-mini-cart__buttons{margin:0;padding:0 19px 19px;display:grid;gap:8px}
.mb26-mini-cart__content .woocommerce-mini-cart__buttons .button{width:100%;background:#f4efe7;color:#171613}
.mb26-mini-cart__content .woocommerce-mini-cart__buttons .checkout{background:var(--mb26-orange);color:#17120d}
.mb26-mini-cart .woocommerce-mini-cart__empty-message{padding:34px 20px;color:#807970}

@media(max-width:980px){
    .mb26-header-signature__inner{grid-template-columns:150px minmax(0,1fr) auto;gap:15px}
    .mb26-logo--signature img{width:138px}
    .mb26-primary-nav--signature .mb26-nav-menu>li>a{padding:0 9px;font-size:10.5px}
    .mb26-primary-nav--signature .mb26-nav-menu>li>a::after{left:9px;right:9px}
    .mb26-header-tool--wishlist{display:none}
}

@media(max-width:820px){
    .mb26-header--signature{top:0}
    body.admin-bar .mb26-header--signature{top:46px}
    .mb26-header-signature__inner{min-height:66px;grid-template-columns:42px 1fr auto;gap:10px}
    .mb26-mobile-menu-toggle{display:grid;place-items:center}
    .mb26-logo--signature{justify-content:center}
    .mb26-logo--signature img{width:128px;max-height:42px}
    .mb26-primary-nav--signature{display:none}
    .mb26-header-search-popover,.mb26-header-tool{display:none}
    .mb26-cart-zone--signature{margin:0}
    .mb26-cart-zone--signature .mb26-cart-trigger{padding:0;min-width:42px;justify-content:flex-end}
}

@media(max-width:600px){
    .mb26-header-signature__inner{width:calc(100% - 24px)}
    .mb26-mini-cart,.mb26-mobile-nav{width:94vw}
}

/* =========================================================
   SIGNATURE HEADER — VOERPLAN
   ========================================================= */

/* Menu + voerplan daadwerkelijk op één regel */
.mb26-primary-nav--signature{
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:28px;
    height:100%;
}

/* Wrapper van bestaand WP-menu */
.mb26-primary-nav__menu{
    display:flex;
    align-items:center;
    height:100%;
}

.mb26-primary-nav__menu > ul,
.mb26-primary-nav__menu .menu{
    display:flex!important;
    align-items:center;
    gap:28px;
    height:100%;
    margin:0!important;
    padding:0!important;
}


/* Voerplan als echt header-item */
.mb26-header-voerplan-link{
    position:relative;

    height:100%;

    display:inline-flex;
    align-items:center;

    gap:7px;

    margin:0!important;
    padding:0!important;

    color:#f79333!important;

    font-size:10px;
    line-height:1;
    font-weight:900;

    letter-spacing:.025em;

    white-space:nowrap;

    transition:
        color .18s ease,
        opacity .18s ease;
}

.mb26-header-voerplan-dot{
    width:5px;
    height:5px;

    flex:0 0 auto;

    border-radius:50%;

    background:#f79333;

    box-shadow:
        0 0 0 3px rgba(247,147,51,.09);
}

.mb26-header-voerplan-link:hover{
    color:#ffad58!important;
}


/* subtiele underline zoals actieve navigatie */
.mb26-header-voerplan-link::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:2px;

    background:#f79333;

    transform:scaleX(0);
    transform-origin:center;

    transition:transform .2s ease;
}

.mb26-header-voerplan-link:hover::after{
    transform:scaleX(1);
}


/* =========================================================
   MOBILE VOERPLAN BUTTON
   ========================================================= */

.mb26-mobile-voerplan-link{
    width:100%;

    min-height:50px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:15px;

    margin:14px 0 0;
    padding:0 15px;

    color:#17120d!important;

    background:
        linear-gradient(
            180deg,
            #ff9d3d 0%,
            #e97821 100%
        );

    border:1px solid rgba(255,255,255,.10);
    border-radius:4px;

    font-size:10px;
    font-weight:900;

    letter-spacing:.035em;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20);
}

.mb26-mobile-voerplan-link svg{
    width:14px;
    height:14px;
}


/* Desktop-item nooit mobiel ertussen drukken */
@media (max-width:820px){

    .mb26-header-voerplan-link{
        display:none!important;
    }

}

/* =========================================================
   MOBILE HEADER — SIMPLE CLEAN VERSION
   ========================================================= */

@media (max-width:820px){

    .mb26-header--signature{
        min-height:68px!important;
        height:68px!important;
        background:#080907!important;
    }

    .mb26-header-signature__inner{
        position:relative;

        min-height:68px!important;
        height:68px!important;

        display:grid!important;
        grid-template-columns:48px 1fr 58px!important;

        align-items:center!important;

        padding-top:0!important;
        padding-bottom:0!important;
    }

    /* desktop menu volledig weg */
    .mb26-primary-nav--signature{
        display:none!important;
    }

    /* hamburger links */
    .mb26-mobile-menu-toggle{
        grid-column:1;

        width:42px!important;
        height:42px!important;

        display:flex!important;
        align-items:center;
        justify-content:flex-start;

        margin:0!important;
        padding:0!important;

        color:#f4eee6!important;
    }

    .mb26-mobile-menu-toggle svg{
        width:23px!important;
        height:23px!important;
    }

    /* logo exact midden */
    .mb26-logo--signature{
        position:absolute!important;

        left:50%!important;
        top:50%!important;

        transform:translate(-50%,-50%)!important;

        width:auto!important;
        margin:0!important;
    }

    .mb26-logo--signature img{
        display:block;

        width:auto!important;
        max-width:128px!important;
        max-height:48px!important;
    }

    /* tools rechts */
    .mb26-header-tools{
        grid-column:3;

        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;

        margin:0!important;
        padding:0!important;
    }

    /* zoek/account/wishlist nu niet nodig */
    .mb26-header-search-popover,
    .mb26-header-tool{
        display:none!important;
    }

    /* alleen cart zichtbaar */
    .mb26-cart-zone--signature{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;

        margin:0!important;
    }

    .mb26-cart-zone--signature .mb26-cart-trigger{
        min-width:45px!important;
        height:44px!important;

        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;

        margin:0!important;
        padding:0!important;
    }

}

.mb26-primary-nav--signature .sub-menu a #menu-item-9489 {color:orange!important;}

/* ============================================================
   MINI CART — VERPAKKINGSGEWICHT
   ============================================================ */

.mb26-mini-cart-weight{
	display:flex;
	align-items:center;
	gap:6px;

	margin:4px 0 3px;
}

.mb26-mini-cart-weight span{
	color:#8f887f;

	font-size:10px;
	line-height:1.3;

	font-weight:650;
}

.mb26-mini-cart-weight strong{
	color:#f79333;

	font-size:10px;
	line-height:1.3;

	font-weight:850;
}

.mb26-mini-cart-weight strong::before{
	content:"·";
	margin-right:6px;

	color:#514c46;
}

/* ============================================================
   HEADER MENU — OUTLET HIGHLIGHT
   ============================================================ */

.mb26-primary-nav--signature
.sub-menu a[href*="/product-categorie/outlet/"]{
    margin:3px 6px;

    padding:10px 12px !important;

    color:#ff9a38 !important;

    background:linear-gradient(
        90deg,
        rgba(139,67,25,.42),
        rgba(79,38,17,.26)
    );

    border-left:3px solid #f79333;

    border-radius:3px !important;

    font-weight:900 !important;
}

.mb26-primary-nav--signature
.sub-menu a[href*="/product-categorie/outlet/"]:hover{
    color:#fff !important;

    background:linear-gradient(
        90deg,
        #a95020,
        #713517
    );

    border-left-color:#ffad58;

    transform:translateX(2px);
}

/* ============================================================
   HEADER + MOBILE NAV — TYPE SCALE OVERRIDE
   ============================================================ */

/* hoofdmenu */
.mb26-primary-nav--signature .mb26-primary-nav__menu a{
    font-size:13.5px;
    letter-spacing:.02em;
}

.mb26-header-voerplan-link{
    font-size:13.5px;
    letter-spacing:.02em;
}

.mb26-header-voerplan-dot{
    width:7px;
    height:7px;
}

/* tools rechtsboven */
.mb26-header-tools .mb26-header-tool svg,
.mb26-header-search-popover > summary svg{
    width:21px;
    height:21px;
}

.mb26-mobile-menu-toggle svg{
    width:23px;
    height:23px;
}

/* zoekpopover */
.mb26-header-search-popover__panel > span{
    font-size:10.5px;
    letter-spacing:.11em;
}

.mb26-header-search-popover__panel input[type="search"],
.mb26-header-search-popover__panel input[type="text"]{
    font-size:14px;
}

.mb26-header-search-popover__panel button[type="submit"]{
    font-size:11.5px;
}


/* ---------- MOBIELE NAV ---------- */

.mb26-mobile-nav__eyebrow{
    font-size:10px;
    letter-spacing:.12em;
}

.mb26-mobile-nav__search input[type="search"],
.mb26-mobile-nav__search input[type="text"]{
    min-height:46px;
    font-size:16px; /* onder 16px zoomt iOS in bij focus */
}

.mb26-mobile-nav nav a{
    font-size:17px;
    line-height:1.35;
}

.mb26-mobile-voerplan-link{
    min-height:52px;
    font-size:15px;
}

.mb26-mobile-voerplan-link svg{
    width:14px;
    height:14px;
}

.mb26-mobile-nav__links a{
    min-height:48px;
    gap:11px;
    font-size:14.5px;
}

.mb26-mobile-nav__links a svg{
    width:18px;
    height:18px;
}

.mb26-mobile-nav__contact small{
    font-size:10px;
    letter-spacing:.12em;
}

.mb26-mobile-nav__contact strong{
    font-size:17px;
    line-height:1.25;
}

.mb26-mobile-nav__contact a{
    min-height:46px;
    font-size:12.5px;
}


/* ---------- MINI CART ---------- */

.mb26-mini-cart__head small{
    font-size:10px;
    letter-spacing:.12em;
}

.mb26-mini-cart__head strong{
    font-size:18px;
}

/* ============================================================
   LANGUAGE SWITCH — DESKTOP NAAST LOGO
   ============================================================ */

@media (min-width:821px){

    .mb26-header-signature__inner{
        grid-template-columns:
            180px
            auto
            minmax(0,1fr)
            auto !important;

        gap:18px !important;
    }

    .mb26-header-language{
        display:flex;
        align-items:center;
        justify-content:flex-start;
    }

    .mb26-header-language .mbl-switcher{
        margin:0 !important;
    }
}


/* MOBILE */
@media (max-width:820px){

    .mb26-header-language{
        display:none !important;
    }

    .mb26-mobile-language{
        display:block;
        margin:12px 0 16px;
    }
}

.mb26-translation-notice{
    width:100%;
    padding:9px 20px;
    background:#15130f;
    border-bottom:1px solid rgba(247,147,51,.22);
    color:#bdb6aa;
    text-align:center;
    font-size:12px;
    line-height:1.5;
    letter-spacing:.01em;
}

.mb26-translation-notice strong{
    color:#f79333;
    font-weight:700;
}

.mb26-translation-notice span{
    color:#d3cec5;
}

@media(max-width:820px){
    .mb26-translation-notice{
        padding:8px 14px;
        font-size:11px;
    }

    .mb26-translation-notice strong,
    .mb26-translation-notice span{
        display:inline;
    }
}