/* ==========================================================================
   HOCO REDESIGN — 85 QUICK VIEW + SWATCHES + QUANTITY
   Styles three Woodmart interactive features to match /test.
   Style only — functionality (magnific popup, variation JS, qty JS) untouched.
   Real markup:
     Quick view: .mfp-content > .wd-popup.popup-quick-view.wd-close-btn-inset
                 > #product-N.product-quick-view > .row.product-image-summary
                 > .woocommerce-product-gallery + .summary.entry-summary
                 close: .mfp-close
     Swatches:   [class*="wd-swatches"] > .wd-swatch(.wd-bg|.wd-text) , .wd-swatch-wrap
                 active: .wd-swatch.wd-active / .wd-swatch-wrap.wd-active
     Quantity:   div.quantity > input.minus + input.qty[number] + input.plus
   ========================================================================== */

/* ==========================================================================
   1) QUICK VIEW MODAL
   ========================================================================== */

/* dim overlay */
.mfp-bg.wd-popup-bg,
.popup-quick-view ~ .mfp-bg,
.mfp-ready .mfp-bg{background:#1c1420}
.mfp-bg{opacity:.55}

/* the popup card */
.mfp-content .wd-popup.popup-quick-view{
  background:var(--hoco-surface);
  border-radius:18px;
  box-shadow:0 24px 70px rgba(28,20,32,.30);
  overflow:hidden;
  max-width:960px;
  margin-inline:auto;
  padding:26px 28px;
}
.wd-popup.popup-quick-view .product-quick-view{margin:0}
.wd-popup.popup-quick-view .row.product-image-summary{
  display:flex;flex-wrap:wrap;align-items:flex-start;margin:0;
}
.wd-popup.popup-quick-view .product-images,
.wd-popup.popup-quick-view .summary.entry-summary{padding-inline:14px}

/* gallery side */
.wd-popup.popup-quick-view .woocommerce-product-gallery{
  border-radius:var(--hoco-radius);
  overflow:hidden;
  background:#f7f5f8;
}
.wd-popup.popup-quick-view .woocommerce-product-gallery img{
  mix-blend-mode:multiply;
}

/* summary side */
.wd-popup.popup-quick-view .summary.entry-summary{
  padding-block:6px;
}
.wd-popup.popup-quick-view .product_title,
.wd-popup.popup-quick-view .summary .product_title{
  font-size:22px;font-weight:800;line-height:1.4;margin-bottom:10px;color:var(--hoco-ink);
}
.wd-popup.popup-quick-view .summary .price{
  font-size:22px;font-weight:800;color:var(--hoco-price);margin-bottom:12px;
}
.wd-popup.popup-quick-view .woocommerce-product-details__short-description{
  color:var(--hoco-muted);font-size:14.5px;line-height:1.7;margin-bottom:14px;
}
.wd-popup.popup-quick-view .product_meta{
  border-top:1px solid var(--hoco-line);margin-top:14px;padding-top:12px;
  font-size:13px;color:var(--hoco-muted);
}
.wd-popup.popup-quick-view .product_meta a{color:var(--hoco-brand)}

/* primary buttons inside popup -> brand pill (variations / add-to-cart when present) */
.wd-popup.popup-quick-view .single_add_to_cart_button,
.wd-popup.popup-quick-view .add_to_cart_button,
.wd-popup.popup-quick-view .button.alt{
  border-radius:12px !important;padding:13px 24px !important;font-weight:700 !important;
  background:var(--hoco-brand) !important;color:#fff !important;border:0 !important;
}
.wd-popup.popup-quick-view .single_add_to_cart_button:hover,
.wd-popup.popup-quick-view .add_to_cart_button:hover,
.wd-popup.popup-quick-view .button.alt:hover{background:var(--hoco-brand-dark) !important}

/* "view full product" link if present */
.wd-popup.popup-quick-view .wd-quick-view-details a,
.wd-popup.popup-quick-view .quick-view-details{color:var(--hoco-brand);font-weight:700}

/* tidy close button (magnific) */
.wd-popup.popup-quick-view .mfp-close,
.popup-quick-view.wd-close-btn-inset .mfp-close{
  position:absolute;top:12px;inset-inline-end:12px;inset-inline-start:auto;
  width:38px;height:38px;line-height:38px;
  border-radius:50%;
  background:#fff;color:var(--hoco-ink);
  border:1px solid var(--hoco-line);
  box-shadow:0 3px 10px rgba(28,20,32,.10);
  font-size:24px;opacity:1;text-align:center;
  transition:.2s;
}
.wd-popup.popup-quick-view .mfp-close:hover{
  background:var(--hoco-brand);color:#fff;border-color:var(--hoco-brand);transform:rotate(90deg);
}

/* magnific preloader accent */
.mfp-preloader{color:var(--hoco-brand)}

/* quick view responsive */
@media(max-width:768px){
  .mfp-content .wd-popup.popup-quick-view{padding:18px 16px;max-width:94vw}
  .wd-popup.popup-quick-view .product-images,
  .wd-popup.popup-quick-view .summary.entry-summary{flex:0 0 100%;max-width:100%;padding-inline:6px}
  .wd-popup.popup-quick-view .summary.entry-summary{margin-top:14px}
  .wd-popup.popup-quick-view .product_title,
  .wd-popup.popup-quick-view .summary .product_title{font-size:19px}
  .wd-popup.popup-quick-view .summary .price{font-size:19px}
}

/* ==========================================================================
   2) SWATCHES  (variation form, product-card, layered-nav filter)
   ========================================================================== */

/* neat rounded swatches + comfortable ring space */
[class*="wd-swatches"] .wd-swatch{
  border-radius:8px;
  transition:box-shadow .2s,transform .2s,border-color .2s;
}
[class*="wd-swatches"].wd-shape-round .wd-swatch{border-radius:999px}

/* color / image chips get a soft frame so light colors stay visible */
[class*="wd-swatches"] .wd-swatch.wd-bg{
  box-shadow:inset 0 0 0 1px rgba(28,20,32,.10);
}
/* label / text chips: tidy bordered pill */
[class*="wd-swatches"] .wd-swatch.wd-text{
  border:1.5px solid var(--hoco-line);
  background:#fff;
  color:var(--hoco-ink);
  padding-inline:4px;
}

/* hover feel */
[class*="wd-swatches"] .wd-swatch:not(.wd-disabled):hover{
  transform:translateY(-1px);
}
[class*="wd-swatches"] .wd-swatch.wd-text:not(.wd-disabled):hover,
[class*="wd-swatches"] .wd-swatch-wrap:not(.wd-active) a:hover .wd-swatch.wd-text{
  border-color:var(--hoco-brand);color:var(--hoco-brand);
}

/* ACTIVE / selected -> brand-purple ring */
[class*="wd-swatches"] .wd-swatch.wd-active,
[class*="wd-swatches"] .wd-swatch-wrap.wd-active .wd-swatch,
[class*="wd-swatches"] .wd-swatch-wrap.wd-active a .wd-swatch{
  --wd-swatch-brd-color:var(--hoco-brand);
  box-shadow:0 0 0 2px var(--hoco-brand);
}
[class*="wd-swatches"] .wd-swatch.wd-text.wd-active,
[class*="wd-swatches"] .wd-swatch-wrap.wd-active .wd-swatch.wd-text{
  border-color:var(--hoco-brand);color:var(--hoco-brand);
  background:rgba(84,4,87,.05);
  box-shadow:0 0 0 1px var(--hoco-brand);
}
/* color chip active keeps the inset frame + brand outer ring together */
[class*="wd-swatches"] .wd-swatch.wd-bg.wd-active,
[class*="wd-swatches"] .wd-swatch-wrap.wd-active .wd-swatch.wd-bg{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 0 0 2px var(--hoco-brand);
}

/* disabled / out-of-stock */
[class*="wd-swatches"] .wd-swatch.wd-disabled{opacity:.4}

/* "reset" link on variable product */
.reset_variations{color:var(--hoco-brand);font-weight:700}

/* ==========================================================================
   3) QUANTITY STEPPER
   ========================================================================== */

div.quantity{
  --wd-form-brd-color:var(--hoco-line);
  --wd-form-brd-radius:10px;
  border-radius:10px;
  overflow:hidden;
  border:1.5px solid var(--hoco-line);
  background:#fff;
}
/* whole control has one outer border; drop the per-cell borders */
div.quantity :is(input[type="button"],input[type="number"],input[type="text"]){
  border:0 !important;background:transparent;box-shadow:none;
}
div.quantity input[type="number"],
div.quantity input[type="text"]{
  height:42px;color:var(--hoco-ink);font-weight:700;font-family:inherit;
}
/* steppers */
div.quantity input[type="button"]{
  height:42px;min-width:38px;padding:0;
  color:var(--hoco-brand);font-size:18px;font-weight:700;line-height:1;
  transition:.15s;
}
div.quantity input[type="button"]:hover{
  background:var(--hoco-brand) !important;color:#fff !important;border-color:transparent !important;
}
div.quantity input[type="button"]:active{background:var(--hoco-brand-dark) !important}
/* divider lines between cells (logical, RTL-safe) */
div.quantity .minus{border-inline-end:1px solid var(--hoco-line) !important}
div.quantity .plus{border-inline-start:1px solid var(--hoco-line) !important}