/* conversion.css — gift progress bar, WhatsApp help prompt, UPI-first payment,
   product-page stock / hand-strung notes, sticky buy bar extras.
   Uses the editorial theme's variables (--ed-*) with safe fallbacks. */

/* ---------- Gift progress bar (cart page + mini cart) ---------- */
.ss-prog{border:1px solid var(--ed-line,#E6DED2);background:var(--ed-tint,#F4EFE7);padding:14px 16px 12px;margin:0 0 18px}
.ss-prog-msg{margin:0 0 10px;font-size:.92rem;line-height:1.45;color:var(--ed-ink,#1C1714)}
.ss-prog-msg strong{font-weight:600}
.ss-prog-track{position:relative;height:4px;background:var(--ed-line,#E6DED2);overflow:hidden}
.ss-prog-fill{display:block;height:100%;width:0;background:var(--ed-gold-lt,#1C1714);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.ss-prog.is-done .ss-prog-fill{background:var(--ed-gold-hover,#8C6B3A)}
.ss-prog-scale{display:flex;justify-content:space-between;margin-top:6px;font-size:.74rem;color:var(--ed-mut,#6F655B)}
.ss-prog.is-done{background:#fff;border-color:var(--ed-gold,#8C6B3A)}
.cart-drawer .ss-prog{margin:0;border-width:1px 0 0;padding:12px 18px}
.cart-drawer .ss-prog-msg{font-size:.84rem}
/* gift line in the checkout order summary */
.ss-gift-line{display:flex;gap:10px;align-items:center;margin:10px 0 4px;padding:10px 12px;border:1px dashed var(--ed-gold,#8C6B3A);background:#fff;font-size:.86rem}
.ss-gift-line b{font-weight:600}
.ss-gift-line small{display:block;color:var(--ed-mut,#6F655B);font-size:.76rem}
.ss-gift-line .ss-om{font-size:1.3rem;line-height:1;color:var(--ed-gold,#8C6B3A)}

/* ---------- WhatsApp "complete your order" prompt ---------- */
.ss-wa-help{position:fixed;z-index:1800;left:26px;bottom:96px;width:min(340px,calc(100vw - 32px));background:#fff;border:1px solid var(--ed-line,#E6DED2);box-shadow:0 14px 40px rgba(28,23,20,.16);padding:18px 18px 14px;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.ss-wa-help.is-open{opacity:1;transform:none;pointer-events:auto}
.ss-wa-help h4{margin:0 0 6px;font-family:var(--font-head,Georgia,serif);font-size:1.15rem;font-weight:500;color:var(--ed-ink,#1C1714)}
.ss-wa-help p{margin:0 0 12px;font-size:.86rem;line-height:1.5;color:var(--ed-mut,#6F655B)}
.ss-wa-help-x{position:absolute;right:6px;top:4px;width:36px;height:36px;border:0;background:none;font-size:1.4rem;line-height:1;color:var(--ed-mut,#6F655B);cursor:pointer}
.ss-wa-help-go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 14px;background:#1F7A45;color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;border:0;cursor:pointer}
.ss-wa-help-go:hover{background:#17623a;color:#fff}
.ss-wa-help-later{display:block;margin:10px auto 0;border:0;background:none;padding:6px;font:inherit;font-size:.8rem;color:var(--ed-mut,#6F655B);text-decoration:underline;cursor:pointer}
@media(max-width:860px){
  .ss-wa-help{left:12px;right:12px;width:auto;bottom:calc(148px + env(safe-area-inset-bottom,0px))}
  body.has-checkout-sticky-bar .ss-wa-help{bottom:calc(156px + env(safe-area-inset-bottom,0px))}
}

/* ---------- UPI-first payment choice (checkout) ---------- */
.ss-pay .payment-option{align-items:flex-start}
.ss-pay .ss-pay-upi .p-name{font-size:1rem}
.ss-pay .ss-upi-apps span{letter-spacing:.04em}
.ss-pay-note{margin:10px 0 0;font-size:.8rem;color:var(--ed-mut,#6F655B);line-height:1.5}
.ss-pay-other .p-name{font-weight:500}

/* ---------- Product page: stock + hand-strung notes ---------- */
.ss-stock-note{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:.9rem;font-weight:500;color:#8a3b00}
.ss-stock-note::before{content:"";width:8px;height:8px;border-radius:50%;background:#c0561a;flex:none}
.ss-made-note{margin:8px 0;font-size:.88rem;line-height:1.5;color:var(--ed-ink,#1C1714)}

/* ---------- Sticky mobile buy bar extras ---------- */
.pdp-sticky-bar .pdp-sticky-sub{display:block;font-size:.68rem;line-height:1.3;color:var(--ed-mut,#6F655B);max-width:120px}
.pdp-sticky-bar .pdp-sticky-sub .ss-low{color:#8a3b00;font-weight:600}
.pdp-sticky-bar .pdp-sticky-oos{display:flex;flex:1;gap:8px;align-items:center;justify-content:flex-end}
.pdp-sticky-bar .pdp-sticky-oos span{font-size:.8rem;color:var(--ed-mut,#6F655B)}
.pdp-sticky-bar .pdp-sticky-oos a{padding:12px 16px;font-size:.7rem;white-space:nowrap}
.pdp-sticky-bar .add-cart-btn,.pdp-sticky-bar .buy-now-btn{min-height:44px}

@media (prefers-reduced-motion:reduce){
  .ss-prog-fill,.ss-wa-help{transition:none}
}