/* =====================================================================
   ShyamSutra — Premium product-page + Add to Cart polish
   Loaded AFTER every other stylesheet (via $extra_head), so nothing
   else needs to change. Uses ONLY the existing palette and fonts:
     Fonts : Cormorant Garamond (headings) + Jost (body)  — weights 300-500 only
     Colors: gold #B06F14 · deep gold #8F5A0E · cream #FFFBF2 · line #EBD9B8
             tint #F5E7CC · ink #120E0C · muted brown #7A644E · dark brown #4A3321
   ===================================================================== */

:root{
  --pp-gold:#B06F14;
  --pp-gold-deep:#8F5A0E;
  --pp-gold-press:#9A5F10;
  --pp-cream:#FFFBF2;
  --pp-line:#EBD9B8;
  --pp-tint:#F5E7CC;
  --pp-ink:#120E0C;
  --pp-muted:#7A644E;
  --pp-brown:#4A3321;
  --pp-head:'Cormorant Garamond',Georgia,serif;
  --pp-body:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;
  --pp-ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------------------------------------------------------------
   1) PRICE + BUTTONS BLOCK (product page)
   --------------------------------------------------------------- */
.product-detail-info .product-price-row{
  display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
  gap:20px;margin:10px 0 18px;
}

/* price line */
.product-detail-info .product-price-row .product-price{
  display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px 14px;margin:0;
  font-family:var(--pp-body);
}
.product-detail-info .product-price .now{
  font-family:var(--pp-body);font-weight:300;font-size:2.15rem;line-height:1;
  letter-spacing:.01em;color:var(--pp-ink);
}
.product-detail-info .product-price .was{
  font-family:var(--pp-body);font-weight:300;font-size:1.02rem;
  color:var(--pp-muted);opacity:.85;text-decoration:line-through;
}
.product-detail-info .product-price .product-off{
  display:inline-flex;align-items:center;
  font-family:var(--pp-body);font-weight:500;font-size:.68rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--pp-gold-deep);
  background:var(--pp-tint);border:1px solid var(--pp-line);
  padding:6px 11px;border-radius:2px;
}

/* actions row: [ Add to Cart ] [ Buy Now ] [ ♡ ] */
.product-detail-info .product-price-row .product-actions{
  display:flex;align-items:stretch;gap:12px;margin:0;width:100%;
}
.product-detail-info .pdp-purchase-buttons{display:flex;flex:1 1 auto;min-width:0;gap:12px;}
.product-detail-info .product-price-row .product-actions .pdp-btn{
  position:relative;overflow:hidden;
  flex:1 1 0;min-width:0;width:auto;height:56px;padding:0 22px;margin:0;
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--pp-body)!important;font-weight:500!important;font-size:.76rem!important;
  letter-spacing:.2em!important;text-transform:uppercase!important;line-height:1;white-space:nowrap;
  border-radius:2px!important;cursor:pointer;
  transition:background-color .35s var(--pp-ease),color .35s var(--pp-ease),
             border-color .35s var(--pp-ease),box-shadow .35s var(--pp-ease),transform .35s var(--pp-ease);
}

/* Add to Cart — refined outline */
.product-detail-info .product-price-row .product-actions .pdp-btn-cart{
  background:transparent!important;color:var(--pp-gold-deep)!important;
  border:1px solid var(--pp-gold)!important;box-shadow:none;
}
.product-detail-info .product-price-row .product-actions .pdp-btn-cart:hover{
  background:var(--pp-tint)!important;color:var(--pp-gold-deep)!important;
  border-color:var(--pp-gold-deep)!important;transform:translateY(-1px);
  box-shadow:0 10px 22px -14px rgba(143,90,14,.55);
}
.product-detail-info .product-price-row .product-actions .pdp-btn-cart.added{
  background:var(--pp-tint)!important;color:var(--pp-gold-deep)!important;
}

/* Buy Now — solid gold, hairline inner frame, soft shimmer on hover */
.product-detail-info .product-price-row .product-actions .pdp-btn-buy{
  background:linear-gradient(180deg,var(--pp-gold) 0%,var(--pp-gold-press) 100%)!important;
  color:var(--pp-cream)!important;border:1px solid var(--pp-gold-deep)!important;
  box-shadow:inset 0 0 0 1px rgba(255,251,242,.22),0 12px 24px -14px rgba(143,90,14,.7);
}
.product-detail-info .product-price-row .product-actions .pdp-btn-buy::after{
  content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
  background:linear-gradient(100deg,transparent,rgba(255,251,242,.28),transparent);
  transform:skewX(-20deg);transition:left .8s var(--pp-ease);pointer-events:none;
}
.product-detail-info .product-price-row .product-actions .pdp-btn-buy:hover{
  background:linear-gradient(180deg,var(--pp-gold-press) 0%,var(--pp-gold-deep) 100%)!important;
  color:var(--pp-cream)!important;transform:translateY(-1px);
  box-shadow:inset 0 0 0 1px rgba(255,251,242,.28),0 16px 28px -14px rgba(143,90,14,.8);
}
.product-detail-info .product-price-row .product-actions .pdp-btn-buy:hover::after{left:120%;}
.product-detail-info .product-price-row .product-actions .pdp-btn:active{transform:translateY(0);}
.product-detail-info .product-price-row .product-actions .pdp-btn:focus-visible,
.product-detail-info .product-wish-inline:focus-visible{
  outline:2px solid var(--pp-gold);outline-offset:3px;
}

/* wishlist heart — matches the button height */
.product-detail-info .product-wish-inline{
  width:56px;height:56px;flex:0 0 56px;border-radius:2px;
  border:1px solid var(--pp-line);background:transparent;
  transition:border-color .3s var(--pp-ease),background-color .3s var(--pp-ease),transform .3s var(--pp-ease);
}
.product-detail-info .product-wish-inline svg{width:20px;height:20px;stroke:var(--pp-gold-deep);}
.product-detail-info .product-wish-inline:hover{
  border-color:var(--pp-gold);background:var(--pp-tint);transform:translateY(-1px);
}
.product-detail-info .product-wish-inline.is-liked{border-color:var(--pp-gold);}
.product-detail-info .product-wish-inline.is-liked svg{fill:var(--pp-gold);stroke:var(--pp-gold);}

/* "Free delivery" line under the buttons */
.product-detail-info .pdp-tax{
  font-family:var(--pp-body);font-weight:400;font-size:.7rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--pp-muted);
}

/* ---------------------------------------------------------------
   2) CHECK DELIVERY DATE  (replaces the old inline styles)
   --------------------------------------------------------------- */
.pincode-check{margin:14px 0 6px!important;}
.pincode-check .pin-label{
  display:block;margin:0 0 10px;
  font-family:var(--pp-body);font-weight:500;font-size:.7rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--pp-gold-deep);
}
.pincode-check .pin-row{display:flex;gap:10px;align-items:stretch;}
.pincode-check .pin-input{
  flex:1;min-width:0;height:54px;padding:0 18px;
  background:#fff;border:1px solid var(--pp-line);border-radius:2px!important;
  font-family:var(--pp-body);font-weight:300;font-size:.95rem;letter-spacing:.06em;color:var(--pp-ink);
  transition:border-color .3s var(--pp-ease),box-shadow .3s var(--pp-ease);
}
.pincode-check .pin-input::placeholder{color:var(--pp-muted);opacity:.75;letter-spacing:.04em;}
.pincode-check .pin-input:focus{
  outline:none;border-color:var(--pp-gold);box-shadow:0 0 0 3px rgba(176,111,20,.14);
}
.pincode-check .pin-btn{
  height:54px;padding:0 30px;border-radius:2px;cursor:pointer;
  background:transparent;color:var(--pp-gold-deep);border:1px solid var(--pp-gold);
  font-family:var(--pp-body);font-weight:500;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;
  transition:background-color .3s var(--pp-ease),color .3s var(--pp-ease);
}
.pincode-check .pin-btn:hover{background:var(--pp-gold);color:var(--pp-cream);}
.pincode-check .pincode-result{
  font-family:var(--pp-body);font-weight:400;font-size:.85rem;margin:8px 0 0;min-height:1.2em;
}

/* ---------------------------------------------------------------
   3) TRUST BADGES  (Hand-blessed · Secure · Tracking · Free delivery)
   --------------------------------------------------------------- */
.product-trust-badges{border-color:var(--pp-line);padding:24px 4px;}
.product-trust-badge .ic{
  width:46px;height:46px;background:var(--pp-tint);border:1px solid var(--pp-line);margin-bottom:12px;
}
.product-trust-badge svg{color:var(--pp-gold-deep);}
.product-trust-badge span:not(.ic){
  font-family:var(--pp-body)!important;font-weight:500!important;font-size:.64rem!important;
  letter-spacing:.16em!important;text-transform:uppercase;color:var(--pp-muted);line-height:1.55;
}

/* ---------------------------------------------------------------
   4) DESCRIPTION / SPECIFICATION / BENEFITS / FAQ accordion
      — now in the site's own Cormorant Garamond + Jost
   --------------------------------------------------------------- */
.product-accordion{border-top:1px solid var(--pp-line);margin-top:22px;}
.acc-item{border-bottom:1px solid var(--pp-line);padding:22px 0;}
.acc-item summary{
  font-family:var(--pp-head)!important;font-weight:500!important;font-size:1.4rem!important;
  letter-spacing:.01em;text-transform:none;color:var(--pp-ink)!important;line-height:1.2;
  transition:color .3s var(--pp-ease);
}
.acc-item summary:hover{color:var(--pp-gold-deep)!important;}
.acc-item summary .acc-chevron{stroke:var(--pp-gold-deep);stroke-width:1.5;}
.acc-item .acc-body{
  font-family:var(--pp-body);font-weight:300;font-size:.95rem;line-height:1.85;color:var(--pp-muted);
}
.acc-item .acc-body p{font-family:inherit;font-weight:inherit;}
.product-spec-table th,.product-spec-table td{font-family:var(--pp-body);font-weight:300;font-size:.92rem;}
.product-spec-table th{font-weight:500;color:var(--pp-ink);}
.product-benefits-list li,
.product-faq-item p{font-family:var(--pp-body);font-weight:300;}
.product-faq-item summary{
  font-family:var(--pp-body)!important;font-weight:500!important;font-size:.95rem!important;color:var(--pp-ink);
}

/* ---------------------------------------------------------------
   5) STICKY MOBILE BAR on product page (same look, compact)
   --------------------------------------------------------------- */
.pdp-sticky-bar .product-actions .pdp-btn{
  height:48px;padding:0 16px;border-radius:2px!important;
  font-family:var(--pp-body)!important;font-weight:500!important;font-size:.68rem!important;
  letter-spacing:.16em!important;text-transform:uppercase!important;
  display:inline-flex;align-items:center;justify-content:center;flex:1;
}
.pdp-sticky-bar .product-actions .pdp-btn-cart{
  background:transparent!important;color:var(--pp-gold-deep)!important;border:1px solid var(--pp-gold)!important;
}
.pdp-sticky-bar .product-actions .pdp-btn-buy{
  background:linear-gradient(180deg,var(--pp-gold),var(--pp-gold-press))!important;
  color:var(--pp-cream)!important;border:1px solid var(--pp-gold-deep)!important;
}

/* ---------------------------------------------------------------
   6) SHOP / LISTING CARD  "ADD TO CART"
      Fixes the clipped label and gives it a luxury finish.
   --------------------------------------------------------------- */
.product-card .product-actions .buy-now-btn{
  position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  width:100%;height:50px;padding:0 18px!important;margin-top:14px;
  background:var(--pp-brown)!important;color:var(--pp-cream)!important;
  border:1px solid var(--pp-brown)!important;border-radius:2px!important;
  box-shadow:inset 0 0 0 1px rgba(235,217,184,.28);
  font-family:var(--pp-body)!important;font-weight:500!important;font-size:.72rem!important;
  letter-spacing:.24em!important;text-transform:uppercase!important;line-height:1;white-space:nowrap;
  transition:background-color .35s var(--pp-ease),border-color .35s var(--pp-ease),
             box-shadow .35s var(--pp-ease),transform .35s var(--pp-ease);
}
.product-card .product-actions .buy-now-btn::after{
  content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
  background:linear-gradient(100deg,transparent,rgba(255,251,242,.2),transparent);
  transform:skewX(-20deg);transition:left .8s var(--pp-ease);pointer-events:none;
}
.product-card .product-actions .buy-now-btn:hover{
  background:linear-gradient(180deg,var(--pp-gold),var(--pp-gold-press))!important;
  border-color:var(--pp-gold-deep)!important;color:var(--pp-cream)!important;
  transform:translateY(-1px);
  box-shadow:inset 0 0 0 1px rgba(255,251,242,.25),0 14px 24px -14px rgba(143,90,14,.75);
}
.product-card .product-actions .buy-now-btn:hover::after{left:120%;}
.product-card .product-actions .buy-now-btn:active{transform:translateY(0);}
.product-card .product-actions .buy-now-btn:focus-visible{outline:2px solid var(--pp-gold);outline-offset:3px;}
.product-card .product-actions .buy-now-btn[disabled],
.product-card .product-actions .buy-now-btn.ss-disabled{
  background:transparent!important;color:var(--pp-muted)!important;border:1px solid var(--pp-line)!important;
  box-shadow:none;cursor:not-allowed;transform:none;
}
.product-card .product-actions .buy-now-btn[disabled]::after,
.product-card .product-actions .buy-now-btn.ss-disabled::after{display:none;}

/* ---------------------------------------------------------------
   7) MOBILE
   --------------------------------------------------------------- */
@media (max-width:560px){
  .product-card .product-actions .buy-now-btn{
    height:44px;padding:0 6px!important;margin-top:10px;
    font-size:.6rem!important;letter-spacing:.14em!important;
  }
  .product-detail-info .product-price .now{font-size:1.85rem;}
  .product-detail-info .product-price-row .product-actions{gap:8px;}
  .product-detail-info .product-price-row .product-actions .pdp-btn{
    height:52px;padding:0 10px;font-size:.68rem!important;letter-spacing:.14em!important;
  }
  .product-detail-info .product-wish-inline{width:52px;height:52px;flex-basis:52px;}
  /* Keep the product controls inside the phone viewport: quantity + wishlist
     share the first row, with both purchase actions evenly sized below. */
  .product-detail-info .product-price-row .product-actions{
    display:grid!important;grid-template-columns:minmax(0,1fr) 52px;grid-template-rows:52px 52px;gap:10px;width:100%;min-width:0;
  }
  .product-detail-info .product-price-row .product-actions .pdp-qty{grid-column:1;grid-row:1;width:max-content;max-width:100%;height:52px;}
  .product-detail-info .product-price-row .product-actions .product-wish-inline{grid-column:2;grid-row:1;justify-self:end;width:52px;height:52px;}
  .product-detail-info .pdp-purchase-buttons{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;min-width:0;}
  .product-detail-info .pdp-purchase-buttons .pdp-btn{width:100%;min-width:0;height:52px;padding:0 8px;letter-spacing:.1em!important;}
  .pincode-check .pin-btn{padding:0 20px;}
  .acc-item summary{font-size:1.25rem!important;}
  .product-trust-badge span:not(.ic){font-size:.54rem!important;letter-spacing:.08em!important;}
}

@media (prefers-reduced-motion:reduce){
  .pdp-btn,.pdp-btn::after,.product-card .product-actions .buy-now-btn,
  .product-card .product-actions .buy-now-btn::after{transition:none!important;}
}

/* Keep mobile purchase actions visible and contained in the product layout.
   The inline row remains the only mobile purchase control; there is no
   separate fixed bar at the bottom of the screen. */
@media (max-width:767px){
  .product-detail-info .product-price-row .product-actions{
    display:grid!important;grid-template-columns:minmax(0,1fr) 52px;grid-template-rows:52px 52px;
    gap:10px;width:100%;min-width:0;
  }
  .product-detail-info .product-price-row .product-actions .pdp-qty{grid-column:1;grid-row:1;width:max-content;max-width:100%;}
  .product-detail-info .product-price-row .product-actions .product-wish-inline{grid-column:2;grid-row:1;justify-self:end;width:52px;height:52px;}
  .product-detail-info .pdp-purchase-buttons{
    grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;width:100%;min-width:0;
  }
  .product-detail-info .pdp-purchase-buttons .pdp-btn{width:100%;min-width:0;height:52px;padding:0 8px;letter-spacing:.1em!important;}
}