/* COD buy-box — uses the theme's shadcn tokens; falls back gracefully. */
.cod-buybox{--b:var(--wp--preset--color--shadcn-border,#e4e4e7);--fg:var(--wp--preset--color--shadcn-foreground,#18181b);
  --muted:var(--wp--preset--color--shadcn-muted-foreground,#71717a);--primary:var(--wp--preset--color--shadcn-primary,#18181b);
  --pfg:var(--wp--preset--color--shadcn-primary-foreground,#fafafa);--accent:#16a34a;
  border:1px solid var(--b);border-radius:16px;padding:1.25rem;margin:1.5rem 0;max-width:520px;font-size:15px}
.cod-price{display:flex;flex-direction:column;margin-bottom:1rem}
.cod-price-now{font-size:1.9rem;font-weight:800;line-height:1}
.cod-price-note{color:var(--muted);font-size:.85rem;margin-top:.25rem}
.cod-field{margin:1rem 0}
.cod-label{display:block;font-weight:600;margin-bottom:.5rem}
.cod-label em{color:#dc2626;font-style:normal}
.cod-swatches,.cod-methods{display:flex;flex-wrap:wrap;gap:.5rem}
.cod-swatch,.cod-method,.cod-bundle{border:1.5px solid var(--b);background:#fff;border-radius:10px;padding:.6rem 1rem;
  cursor:pointer;font:inherit;font-weight:500;transition:border-color .15s,background .15s}
.cod-swatch.is-selected,.cod-method.is-selected{border-color:var(--primary);background:var(--primary);color:var(--pfg)}
.cod-swatch:hover,.cod-method:hover,.cod-bundle:hover{border-color:var(--primary)}
.cod-bundles{display:grid;gap:.5rem}
.cod-bundle{display:flex;align-items:center;justify-content:space-between;text-align:left;position:relative}
.cod-bundle.is-selected{border-color:var(--accent);background:#f0fdf4}
.cod-bundle-tag{position:absolute;top:-9px;right:12px;background:var(--accent);color:#fff;font-size:.7rem;
  font-weight:700;padding:.1rem .5rem;border-radius:999px}
.cod-qtyrow{display:flex;align-items:center;justify-content:space-between}
.cod-qty{display:flex;align-items:center;border:1.5px solid var(--b);border-radius:10px;overflow:hidden}
.cod-qty button{width:2.6rem;height:2.6rem;border:0;background:#fff;font-size:1.2rem;cursor:pointer}
.cod-qty input{width:2.6rem;height:2.6rem;text-align:center;border:0;border-left:1px solid var(--b);border-right:1px solid var(--b);font:inherit}
.cod-method-note{color:var(--muted);font-size:.85rem;margin:.5rem 0 0}
.cod-form{display:grid;gap:.6rem;margin-top:1rem}
.cod-input{padding:.8rem;border:1.5px solid var(--b);border-radius:10px;font:inherit;width:100%}
.cod-input:focus{outline:2px solid var(--primary);outline-offset:1px}
.cod-input.is-invalid{border-color:#dc2626}
.cod-error{color:#dc2626;font-size:.85rem;margin:0}
.cod-cta{background:var(--primary);color:var(--pfg);border:0;border-radius:999px;padding:1rem 1.5rem;
  font:inherit;font-weight:700;font-size:1.05rem;cursor:pointer;width:100%}
.cod-cta:hover{opacity:.92}
.cod-cta:disabled{opacity:.6;cursor:not-allowed}
.cod-trust{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:1rem 0 0;margin:0;
  color:var(--muted);font-size:.85rem}
.cod-wa{text-align:center;margin:.75rem 0 0}
.cod-wa a{color:var(--accent);font-weight:600;text-decoration:none}
.cod-success{text-align:center;padding:1rem;background:#f0fdf4;border-radius:12px;margin-top:1rem}
.cod-success-id{color:var(--muted);font-size:.9rem}
/* sticky mobile buy bar */
.cod-stickybar{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;gap:1rem;
  padding:.7rem 1rem;background:#fff;border-top:1px solid var(--b);box-shadow:0 -6px 20px rgb(0 0 0/.08)}
.cod-stickybar-price{font-weight:800;font-size:1.1rem}
.cod-stickybar .cod-cta{width:auto;flex:1;padding:.8rem 1rem}
@media(min-width:768px){.cod-stickybar{display:none!important}}

/* On COD pages the reusable buy-box replaces the native WooCommerce add-to-cart */
.wp-block-woocommerce-add-to-cart-with-options{display:none!important}

/* ---- CRO tier styles ---- */
.cod-urgency{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:-.5rem 0 1rem;font-size:.85rem;font-weight:600}
.cod-scarcity{color:#dc2626}
.cod-countdown{color:var(--fg)}
.cod-countdown strong{font-variant-numeric:tabular-nums}
.cod-toast{position:fixed;left:1rem;bottom:5rem;z-index:9998;background:#fff;border:1px solid var(--b);
  border-radius:10px;padding:.6rem .9rem;font-size:.85rem;box-shadow:0 8px 24px rgb(0 0 0/.12);
  opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;pointer-events:none;max-width:80vw}
.cod-toast.is-in{opacity:1;transform:translateY(0)}
@media(min-width:768px){.cod-toast{bottom:1rem}}

/* WhatsApp order button — same shape/size as .cod-cta, WhatsApp green + icon */
.cod-cta-wa{background:#25D366;color:#fff;margin-top:.6rem;display:flex;align-items:center;justify-content:center;gap:.55rem}
.cod-cta-wa:hover{background:#1eb959;opacity:1}
.cod-cta-wa svg{flex:0 0 auto}