/* =========================================
   MUTSAERS - modal cart clear fixes + mobile header hide
   ========================================= */

/* ---------------------------------------------------------
   MUT_MODAL_OVERLAY_SCOPE v20260202-1806
   Probleem:
   - Popup login + reCAPTCHA bframe werd geblokkeerd doordat
     .modals-overlay globaal op z-index 2147483646 stond.
   Oplossing:
   - Houd confirm-modal klikbaar (OK) via hoge z-index,
     maar scope overlay-boost alleen naar cart-clear confirm flow.
   - Laat overige modals (auth popup) hun eigen z-index regelen,
     zodat reCAPTCHA fix kan winnen.
   --------------------------------------------------------- */

/* Modal boven overlay, zodat OK klikbaar blijft (confirm only) */
body.mut-cartclear-confirm-open .modal-popup.confirm._show{z-index:2147483647 !important;}
body.mut-cartclear-confirm-open .modals-overlay{z-index:2147483646 !important;}
body.mut-cartclear-confirm-open .modal-overlay,
body.mut-cartclear-confirm-open .modals-overlay .modal-overlay{z-index:2147483646 !important;}

/* Extra ruimte boven modal zodat hij niet onder header valt (jouw eerdere fix) */
.modal-popup.confirm._show .modal-inner-wrap{margin-top:150px !important;}

/* Verberg minicart tijdens confirm op mobiel (jouw eerdere fix) */
@media (max-width:767px){
  body.mut-cartclear-confirm-open .block-minicart{display:none !important;}
}

/* MUTSAERS: verberg top panel "argento-grid" op mobiel */
@media (max-width:767px){
  .panel.header.argento-grid{
    display:none !important;
  }
}

/* =========================================
   MUT_QO_TOAST_MESSAGES v20260128-0142
   - Fixed message bar under sticky header
   - Only used by QuickOrder JS (customer-data messages)
   ========================================= */

#mt-qo-toast{
  position:fixed;
  left:0;
  right:0;
  top: calc(var(--total-header-h, 0px) + 10px);
  z-index:2147483647;
  display:none;
  pointer-events:none; /* niet klikbaar (voorkomt rare overlays) */
}

#mt-qo-toast.is-open{
  display:block;
}

#mt-qo-toast .messages{
  margin:0;
}

#mt-qo-toast .message{
  margin:0 auto;
  width: calc(100% - 40px);
  max-width: 1400px;
  border-radius: 4px;
  pointer-events:auto; /* binnenkant mag selecteerbaar zijn */
}

/* Zorg dat native top-messages geen dubbel effect geven tijdens toast */
body.mt-qo-toast-open .page.messages{
  display:none !important;
}

/* =========================================
   MUT_MOBILE_HIDE_CUSTOM_MESSAGES v20260205-1409
   Doel:
   - Op mobiel/tablet GEEN (custom) message-bar tonen
   - Alleen toast (#mt-qo-toast) laten gebruiken
   - Desktop (>=1025px) ongemoeid laten
   ========================================= */
@media (max-width:1024px){
  body .page.messages{
    display:none !important;
  }
}

/* =========================================================
   MUT_RECAPTCHA_ZINDEX v20260128-2306
   Forceer reCAPTCHA (badge + challenge overlay) boven ALLES
   (modal overlay gebruikt bij jullie extreem hoge z-index)
   ========================================================= */
:root { --mut-recaptcha-z: 2147483647; }

/* wrapper(s) die Magento/Recaptcha module gebruikt */
#recaptcha-popup-login-wrapper,
#recaptcha-popup-login,
#recaptcha-invisible {
  position: relative;
  z-index: var(--mut-recaptcha-z) !important;
}

/* reCAPTCHA badge */
.grecaptcha-badge{
  z-index: var(--mut-recaptcha-z) !important;
}

/* Google injecteert challenge overlay in BODY met inline z-index (vaak 2000000000)
   Dit forceert alles wat Google injecteert naar de top. */
body > div[style*="z-index: 2000000000"],
body > div[style*="z-index:2000000000"],
body > div[style*="z-index: 2000000001"],
body > div[style*="z-index:2000000001"]{
  z-index: var(--mut-recaptcha-z) !important;
}

/* iframe containers (anchor/bframe) */
iframe[title^="reCAPTCHA"],
iframe[src*="google.com/recaptcha"]{
  z-index: var(--mut-recaptcha-z) !important;
}
/* /MUT_RECAPTCHA_ZINDEX */

/* =========================================================
   MUT_RECAPTCHA_ACTIVE_ZFIX v20260128-2326
   Als reCAPTCHA challenge actief is, verlaag modal overlay
   zodat reCAPTCHA altijd klikbaar is (desktop + mobiel).
   ========================================================= */
body.mut-recaptcha-active .modals-overlay{
  z-index: 2147483000 !important;
}
body.mut-recaptcha-active .modal-popup{
  z-index: 2147483001 !important;
}

/* Zet reCAPTCHA zelf zo hoog mogelijk */
body.mut-recaptcha-active .grecaptcha-badge,
body.mut-recaptcha-active iframe[title^="reCAPTCHA"],
body.mut-recaptcha-active iframe[src*="google.com/recaptcha"]{
  z-index: 2147483647 !important;
  position: relative !important;
}
/* /MUT_RECAPTCHA_ACTIVE_ZFIX */

/* =========================================================
   MUT_RECAPTCHA_PARENT_FORCE_TOP v20260129-0022
   Fix: bframeParent blijft op z-index 2000000000 (lager dan modal).
   We forceren de TOP-LEVEL wrapper naar 2147483647 tijdens mut-recaptcha-active.
   ========================================================= */

/* 1) Google wrapper-div (inline z-index 2000000000/2000000001)
   LET OP:
   - Niet fullscreen maken op normale paginas (blokkeert inputs)
   - Echte fullscreen elevatie gebeurt via JS wanneer bframe verschijnt
*/
body.mut-recaptcha-active > div[style*="z-index: 2000000000"],
body.mut-recaptcha-active > div[style*="z-index:2000000000"],
body.mut-recaptcha-active > div[style*="z-index: 2000000001"],
body.mut-recaptcha-active > div[style*="z-index:2000000001"]{
  z-index: 2147483647 !important;
}

/* 2) Forceer ALLEEN de challenge iframe (bframe) boven alles */
body.mut-recaptcha-active iframe[src*="recaptcha"][src*="bframe"],
body.mut-recaptcha-active iframe[src*="recaptcha/api2/bframe"],
body.mut-recaptcha-active iframe[src*="recaptcha/enterprise/bframe"]{
  z-index: 2147483647 !important;
  position: fixed !important;
  pointer-events: auto !important;
}

/* 3) Stacking-context killer: als er transforms/filters op wrappers zitten,
      kan fixed/overlay raar doen. Alleen tijdens challenge neutraliseren. */
body.mut-recaptcha-active .page-wrapper,
body.mut-recaptcha-active .modals-wrapper,
body.mut-recaptcha-active .modal-popup{
  transform: none !important;
  filter: none !important;
}

/* /MUT_RECAPTCHA_PARENT_FORCE_TOP */

/* MUT_LOGIN_POPUP_SELECTOR_EXT v20260213-0002
   Alleen selectors uitbreiden zodat login modal dezelfde "on top" behandeling krijgt als op TEST.
   Geen nieuwe z-index waarden introduceren.
*/

/* Login popup gebruikt inline z-index (902). Forceer dat dit altijd boven sticky valt. */
.modal-popup.popup-authentication,
.modal-popup.popup-authentication._show,
.modal-popup.popup-authentication.modal-slide._show,
.modal-popup.popup-authentication .modal-inner-wrap {
  z-index: 902 !important;
}

/* Overlay band zoals al gebruikt */
.modals-overlay {
  z-index: 901 !important;
}

/* /MUT_LOGIN_POPUP_SELECTOR_EXT */

/* MUT_MODAL_BEATS_STICKY_PANEL v20260213-0003
   Alleen tijdens modals: sticky header panel onder de modal zetten.
   Dit behoudt je bestaande modal/recaptcha z-index aanpak.
*/
body._has-modal .panel.wrapper {
  z-index: 900 !important; /* onder modal (902) en overlay (901) */
}
/* /MUT_MODAL_BEATS_STICKY_PANEL */

/* MUT_MODAL_BEATS_FIXED_HEADER_WRAPPER v20260213-0005
   Alleen tijdens modals: fixed header wrapper (z=1000) onder modal (902) zetten.
*/
body._has-modal .header.wrapper {
  z-index: 900 !important;
}
/* /MUT_MODAL_BEATS_FIXED_HEADER_WRAPPER */