/* ============================================================
   z-index fix — menu dropdowns boven pagina-inhoud
   ============================================================ */

/* De header zelf — position: relative zodat z-index altijd werkt,
   ook vóór het scrollen wanneer hij nog niet fixed is */
.header-area {
    position: relative !important;
    z-index: 999999 !important;
}

/* Sticky state na scrollen */
.header-area.sticky-bar {
    z-index: 999999 !important;
}

/* De inner wrapper — dit is het element waar de dropdowns
   absoluut gepositioneerd uit neerkomen */
.main-header-wrap {
    position: relative !important;
    z-index: 999999 !important;
}

/* Winkelwagen */
.cart-wrap {
    position: relative !important;
    z-index: 999999 !important;
}
.shopping-cart-content {
    z-index: 999999 !important;
    position: absolute !important;
}

/* Instellingen / taal / account */
.setting-wrap {
    position: relative !important;
    z-index: 999999 !important;
}
.setting-content {
    z-index: 999999 !important;
    position: absolute !important;
}

/* Zoekbalk */
.main-search-active {
    z-index: 999998 !important;
}

/* Mobile off-canvas */
.mobile-off-canvas-active {
    z-index: 999997 !important;
}

/* Alles onder de header: z-index: 1, maar GEEN position: relative
   forceren op elementen die dat al hebben — anders breekt de layout.
   We verlagen alleen de stacking context van de directe secties. */
.bo-welcome-bar    { isolation: isolate; z-index: 1 !important; }
.bo-chooser        { isolation: isolate; z-index: 1 !important; }
.slider-area       { isolation: isolate; z-index: 1 !important; }
.banner-area       { isolation: isolate; z-index: 1 !important; }
.product-area      { isolation: isolate; z-index: 1 !important; }
.support-area      { isolation: isolate; z-index: 1 !important; }
.footer-area       { isolation: isolate; z-index: 1 !important; }
.footer-bottom-area{ isolation: isolate; z-index: 1 !important; }

/* Owl Carousel voegt inline z-index toe via JS — dit overschrijft dat */
.owl-carousel,
.owl-stage-outer,
.owl-stage,
.owl-item {
    z-index: 1 !important;
}