/* Suppress first-frame flashes: images become visible as soon as their display overlays are installed. */
html.gac2-wait .woocommerce ul.products li.product:not(.wd-product) img:not(.gac2-done),
html.gac2-wait .woocommerce-page ul.products li.product:not(.wd-product) img:not(.gac2-done),
html.gac2-wait .woocommerce-product-gallery img:not(.gac2-done),
html.gac2-wait .flex-control-thumbs img:not(.gac2-done),
html.gac2-wait .woocommerce .related li.product:not(.wd-product) img:not(.gac2-done),
html.gac2-wait .woocommerce .upsells li.product:not(.wd-product) img:not(.gac2-done),
html.gac2-wait .woocommerce .cross-sells li.product:not(.wd-product) img:not(.gac2-done),
html.gac2-wait .woocommerce .product_list_widget img:not(.gac2-done),
html.gac2-wait .wc-block-grid__product img:not(.gac2-done),
html.gac2-wait .wc-block-components-product-image img:not(.gac2-done),
html.gac2-wait .wp-block-woocommerce-product-image img:not(.gac2-done),
html.gac2-wait .wc-block-product-gallery img:not(.gac2-done),
html.gac2-wait .wc-block-product-template img:not(.gac2-done),
html.gac2-wait .elementor-widget-woocommerce-products img:not(.gac2-done),
html.gac2-wait .elementor-widget-wc-archive-products img:not(.gac2-done),
html.gac2-wait .elementor-widget-woocommerce-product-images img:not(.gac2-done),
html.gac2-wait .elementor-widget-woocommerce-related-products img:not(.gac2-done),
html.gac2-wait .elementor-widget-loop-grid img:not(.gac2-done):not(.wd-product img) {
  visibility: hidden !important;
}

/* Do not wrap or reparent native gallery nodes. Hosts retain their original markup and links. */
.gac2-host { /* Keep WoodMart and gallery elements at their existing positioning. */ }
.gac2-frame {
  position: absolute !important;
  box-sizing: border-box !important;
  display: block !important;
  overflow: hidden !important;
  pointer-events: none !important;
  user-select: none !important;
  isolation: isolate !important;
  z-index: 99 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  line-height: normal !important;
  background: transparent !important;
}
.gac2-mask {
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  left: var(--gac2-x, 54%) !important;
  top: var(--gac2-y, 54%) !important;
  width: var(--gac2-w, 62%) !important;
  height: var(--gac2-h, 13%) !important;
  transform: translate(-50%, -50%) !important;
  box-sizing: border-box !important;
  padding: 0 2px !important;
  border-radius: var(--gac2-radius,3px) !important;
  border: 0 !important;
  background: var(--gac2-bg, #20252c) !important;
  opacity: var(--gac2-opacity, 0.98) !important;
  -webkit-backdrop-filter: blur(var(--gac2-blur, 16px));
  backdrop-filter: blur(var(--gac2-blur, 16px));
  color: var(--gac2-color,#fff) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: var(--gac2-fit-font, var(--gac2-font, 13px)) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-shadow: none !important;
}
.gac2-done.gac2-crop {
  transform: scale(var(--gac2-zoom,1)) !important;
  transform-origin: var(--gac2-origin-x,50%) var(--gac2-origin-y,50%) !important;
  -webkit-clip-path: inset(var(--gac2-crop-inset, 0 0 0 0)) !important;
  clip-path: inset(var(--gac2-crop-inset, 0 0 0 0)) !important;
}
.gac2-no-gallery-zoom .woocommerce-product-gallery__trigger,
.gac2-no-gallery-zoom .woocommerce-product-gallery .zoomImg {display:none!important;}



/* =======================================================================
   Global Atelier v2.2 -- WoodMart listing overlays without layout changes.
   The actual badge is an ABSOLUTE child of the existing .wd-product-thumb.
   Never style .wd-product-img-hover positioning: WoodMart hover depends on it.
   ======================================================================= */
/* Hide only the image pixels during initial overlay attachment. This does
   not reserve extra space, resize cards, or conceal price/title/buttons. */
html.gac2-wait.gac2-has-listing .wd-product .wd-product-thumb:not(.gac2-card-ready) img,
html.gac2-wait.gac2-has-listing .product-grid-item .product-element-top:not(.gac2-card-ready) img {
  visibility: hidden !important;
}
/* Never alter flex/grid dimensions or positioning of product wrapper/card. */
.wd-product .wd-product-thumb.gac2-card-host,
.product-grid-item .product-element-top.gac2-card-host {
  position: relative;
}
.wd-product .wd-product-thumb > .gac2-card-cover,
.product-grid-item .product-element-top > .gac2-card-cover {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  transform: none !important;
  display: block !important;
  background: transparent !important;
  pointer-events: none !important;
  user-select: none !important;
  overflow: visible !important;
  z-index: 850 !important;
  line-height: normal !important;
}
/* A separate element, not ::after, avoids WoodMart's competing pseudo rules. */
.gac2-card-cover > .gac2-card-mask {
  position: absolute !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  left: var(--gac2-list-x, 54%) !important;
  top: var(--gac2-list-y, 54%) !important;
  width: var(--gac2-list-w, 62%) !important;
  height: var(--gac2-list-h, 13%) !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-radius: var(--gac2-radius, 3px) !important;
  opacity: var(--gac2-opacity, 1) !important;
  background: var(--gac2-bg, #20252c) !important;
  -webkit-backdrop-filter: blur(var(--gac2-blur, 0px));
  backdrop-filter: blur(var(--gac2-blur, 0px));
  color: var(--gac2-color,#fff) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: var(--gac2-card-fit, 11px) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
/* Keep native WoodMart product controls clickable, above the badge if needed. */
.wd-product .wd-product-thumb > .wd-buttons,
.wd-product .wd-product-thumb > .wd-product-labels {
  z-index: 860 !important;
}
/* DO NOT set position on theme hover-image containers or the image links. */