/* SiteForge Adapter Supplement — capability modules */

/* deadModals: uninitialised Vue/zoom/notify overlays must not steal clicks */
#desktop-image-zoom-modal,
#image-zoom-modal,
[data-modal-id="desktop-image-zoom-modal"],
[data-modal-id="image-zoom-modal"],
[data-testid="notify-modal"],
.sf-adapt-dead-modal {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  z-index: -1 !important;
}


/* cartOverlay: Dawn overlay must not cover the open drawer panel */
body.sf-cart-drawer-open #CartDrawer-Overlay,
body.sf-cart-drawer-open .cart-drawer__overlay,
body.js-drawer-open-right #CartDrawer-Overlay,
body.js-drawer-open-right .cart-drawer__overlay {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
body.sf-cart-drawer-open #CartDrawer,
body.js-drawer-open-right #CartDrawer {
  pointer-events: auto !important;
  visibility: visible !important;
}


.sf-adapt-lightbox {
  position: fixed; inset: 0; z-index: 10060;
  display: flex; align-items: center; justify-content: center;
  background: rgba(0,0,0,.9); padding: 24px;
}
.sf-adapt-lightbox[hidden] { display: none !important; }
.sf-adapt-lightbox__img {
  max-width: min(96vw, 1200px); max-height: 90vh;
  width: auto; height: auto; object-fit: contain;
}
.sf-adapt-lightbox__close {
  position: absolute; top: 18px; right: 18px;
  border: 0; background: rgba(255,255,255,.92); color: #111;
  width: 44px; height: 44px; border-radius: 999px; font-size: 22px; cursor: pointer;
}
body.sf-adapt-zoom-open { overflow: hidden !important; }
.siteforge-pdp-capture .cursor-zoom-plus,
.woocommerce-pdp-capture .cursor-zoom-plus { cursor: zoom-in; }


/* sizeBridge: keep size buttons clickable above dead layers */
.btn-size, [data-pdp-size-selector] button, [data-variant-title] button {
  position: relative; z-index: 2; pointer-events: auto !important;
}


/* checkoutGuard: minimal readable checkout when companion plugin is inactive */
body.sf-adapt-checkout-fallback,
body.sf-adapt-checkout-fallback .LoadingShell {
  background: #f5f5f5 !important;
  color: #111 !important;
  min-height: 100vh;
}
body.sf-adapt-checkout-fallback .LoadingShell {
  display: block !important;
  padding: 32px 16px !important;
}
body.sf-adapt-checkout-fallback .woocommerce {
  max-width: 960px; margin: 0 auto; background: #fff;
  padding: 24px; border-radius: 8px;
}
