/* ==========================================================================
   GOLAZO — Inventory / stock states
   THREE states, used on catalogue cards AND the PDP buy panel:

   1. IN STOCK   (default)        — nothing extra.
   2. LOW STOCK  (.stock-low)     — gold urgency: „დარჩა N ცალი" pill/line.
   3. OUT OF STOCK (.stock-out)   — desaturated imagery, „ამოიწურა" pill
      (boot-black/white — NO red, brand rule), buy actions replaced by
      a NOTIFY-ME action. Card stays clickable (PDP carries the notify form);
      the wishlist heart STAYS ACTIVE (sold-out interest feeds accounts).

   Pairings used (verified): white on boot-black 18.7:1 · black on gold 10.64:1
   · green on white 7.24:1. Notify = secondary visual weight, never primary green
   (the buy action stays the only green CTA in the system).
   ========================================================================== */

/* ---------- shared pills ---------- */
.pill-out{background:var(--boot-black); color:#fff; font-weight:600; font-size:12px; padding:5px 12px; border-radius:var(--radius-pill); display:inline-flex; align-items:center; gap:6px}
.pill-out svg{width:13px; height:13px}
.pill-low{background:var(--strike-gold); color:var(--boot-black); font-weight:600; font-size:12px; padding:5px 12px; border-radius:var(--radius-pill); display:inline-flex; align-items:center; gap:6px}
.pill-low svg{width:13px; height:13px}

/* ==========================================================================
   CATALOGUE CARD STATES  (add .stock-low / .stock-out to .card)
   ========================================================================== */
/* low stock: gold pill sits under the category tag (or replaces it) */
.card.stock-low .card__lowpill{position:absolute; top:46px; left:var(--s3); z-index:2}

/* out of stock */
.card.stock-out .card__img img{filter:grayscale(.85) opacity(.55); transition:filter .25s}
.card.stock-out:hover .card__img img{filter:grayscale(.5) opacity(.7)}
.card.stock-out .card__price{color:var(--neutral-600)}
.card.stock-out .card__tag{display:none}                  /* sold-out replaces new/retro tag */
.card.stock-out .card__outpill{position:absolute; top:var(--s3); left:var(--s3); z-index:2}
.card.stock-out:hover{border-color:var(--neutral-300); box-shadow:0 18px 34px -18px rgba(0,0,0,.18)} /* calmer hover */
/* CTA swaps to notify (secondary weight) — markup swap, plus safety net: */
.card.stock-out .card__cta.btn--primary{display:none}
.card .card__notify{width:100%}

/* ==========================================================================
   PDP BUY-PANEL STATES  (add .stock-low / .stock-out to the buy column)
   ========================================================================== */
/* stock lines */
.stockline{display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:13px; margin-bottom:var(--s5)}
.stockline .dot{width:8px; height:8px; border-radius:50%}
.stockline--in{color:var(--golazo-green)}  .stockline--in .dot{background:var(--fresh-grass); box-shadow:0 0 0 3px rgba(26,140,82,.2)}
.stockline--low{color:#7a5a00}             .stockline--low .dot{background:var(--strike-gold); box-shadow:0 0 0 3px rgba(230,184,60,.25)}
.stockline--out{color:var(--neutral-600)}  .stockline--out .dot{background:var(--neutral-300); box-shadow:0 0 0 3px rgba(210,214,208,.4)}

/* full out-of-stock: sizes all disabled, qty hidden, buy row replaced by notify */
.pinfo.stock-out .sizes .size{opacity:.4; cursor:not-allowed; text-decoration:line-through; pointer-events:none}
.pinfo.stock-out .qty{display:none}
.pinfo.stock-out .buy-primary{display:none}

/* ---------- NOTIFY-ME block (PDP) ---------- */
.notify{border:1.5px dashed var(--neutral-300); background:var(--neutral-100); border-radius:var(--radius); padding:var(--s5); margin-bottom:var(--s5)}
.notify__t{display:flex; align-items:center; gap:10px; font-weight:700; font-size:14.5px; margin-bottom:6px}
.notify__t svg{width:19px; height:19px; color:var(--golazo-green); flex:0 0 auto}
.notify p{color:var(--neutral-600); font-size:13.5px; line-height:1.55; margin-bottom:var(--s4)}
.notify__row{display:flex; gap:10px}
.notify__row input{flex:1; min-width:0; font-family:var(--font-ka); font-size:14.5px; border:1.5px solid var(--neutral-300); border-radius:var(--radius-pill); padding:12px 18px; outline:none; background:#fff}
.notify__row input:focus{border-color:var(--golazo-green); box-shadow:0 0 0 3px rgba(13,98,57,.12)}
/* logged-in variant: input hidden, one-click button + email note */
.notify.is-user .notify__row input{display:none}
.notify__done{display:none; align-items:center; gap:9px; color:var(--golazo-green); font-weight:600; font-size:14px}
.notify__done svg{width:18px; height:18px}
.notify.done .notify__row, .notify.done p{display:none}
.notify.done .notify__done{display:inline-flex}