/* Global ATC popup fixes */

/* Prevent background hover/focus weirdness while the popup is open */
html.noitar-atc-open,
body.noitar-atc-open{
  overflow: hidden;
}

/* Hide WooCommerce injected “View cart” link under add-to-cart buttons
   (we provide the action buttons inside the popup). */
.woocommerce a.added_to_cart.wc-forward,
.woocommerce a.added_to_cart,
.added_to_cart.wc-forward{
  display: none !important;
}

/* NÕIATAR – Add-to-cart popup: clean (no bubbles) + centered modal */

/* Force centered modal (override base theme that puts it top-right) */
.noitar-atc__panel{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  width: min(520px, calc(100vw - 32px)) !important;
  transform: translate(-50%, -50%) scale(.98) !important;
  opacity: 0 !important;
  transition: transform .18s ease, opacity .18s ease !important;

  border-radius: 18px !important;
  /* Make the panel effectively opaque so page elements can't "shine through" */
  background: rgba(16,22,36,.98) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.55) !important;
  padding: 16px !important;
}

/* Darker overlay so hover states behind don't flicker visually */
.noitar-atc__overlay{
  background: rgba(0,0,0,.62) !important;
}

/* While popup is open, lock scroll and prevent accidental hover bleed */
html.noitar-atc-open,
body.noitar-atc-open{
  overflow: hidden !important;
}

/* Hide WooCommerce's injected "View cart" link that appears after add-to-cart */
.woocommerce a.added_to_cart.wc-forward,
.woocommerce a.added_to_cart,
a.added_to_cart.wc-forward,
a.added_to_cart{
  display: none !important;
}

.noitar-atc[aria-hidden="false"] .noitar-atc__panel{
  transform: translate(-50%, -50%) scale(1) !important;
  opacity: 1 !important;
}

/* remove round check icon */
.noitar-atc__icon{ display:none !important; }

.noitar-atc__content{ gap: 12px !important; }

/* close button – not a circle */
.noitar-atc__close{
  width: auto !important;
  height: auto !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.06) !important;
}

/* buttons – rectangular, premium */
.noitar-atc__btn{
  border-radius: 14px !important;
  padding: 12px 14px !important;
  height: auto !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.1 !important;
}

.noitar-atc__btn--ghost{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

.noitar-atc__btn--primary{
  background: rgba(200,169,120,.95) !important;
  border: 1px solid rgba(200,169,120,.55) !important;
  color: #0b0f18 !important;
}