/* ============================================================
   Datamoll — Restock Notify (Telegram-only), redesign
   Файл: mod/css/product-detail/14-restock-notify.css
   Подключается из product.php (уже в списке стилей).
   Самодостаточный — токены с фолбэками, не зависит от profile-redesign.
   ============================================================ */
.restock-scope{
  --rn-ink:#14210d; --rn-slate:#475569; --rn-muted:#64748b; --rn-light:#94a3b8;
  --rn-line:#e6eaf0; --rn-line2:#dfe5ec; --rn-surface:#fff; --rn-soft2:#eef1f5; --rn-soft:#f4f6f9;
  --rn-green:#16a34a; --rn-green-deep:#15803d; --rn-acc:#8cff3f; --rn-acc-press:#7bef2a;
  --rn-green-tint:#e9f7df; --rn-green-tint2:#f1fbe9; --rn-green-border:#cdeeb8;
  --rn-tg:#229ED9; --rn-tg-tint:#e7f4fb; --rn-red:#dc2626;
  --rn-r:18px; --rn-r-sm:12px;
}

/* ---- trigger buttons (hero / order form) ---- */
.restock-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;
  border-radius:14px;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;border:2px solid transparent;
  transition:.16s ease;}
.restock-cta i{font-size:16px}
.restock-cta--solid{background:var(--rn-acc);color:var(--rn-ink);box-shadow:0 10px 22px rgba(123,239,42,.4);}
.restock-cta--solid:hover{background:var(--rn-acc-press);transform:translateY(-1px)}
.restock-cta--soft{background:var(--rn-green-tint2);color:var(--rn-green);border-color:var(--rn-green-border);}
.restock-cta--soft:hover{background:var(--rn-green-tint);transform:translateY(-1px)}
.restock-cta--subscribed{background:var(--rn-green-tint2);color:var(--rn-green);border-color:var(--rn-green-border);}
.restock-cta--subscribed .dot{width:8px;height:8px;border-radius:50%;background:var(--rn-green);box-shadow:0 0 0 4px rgba(22,163,74,.18)}

/* ---- overlay + modal ---- */
.restock-overlay{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;padding:20px;
  background:rgba(30,41,59,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.restock-overlay.is-open{display:flex}
.restock-modal{width:100%;max-width:520px;background:var(--rn-surface);border-radius:var(--rn-r);
  box-shadow:0 30px 70px -20px rgba(15,30,12,.4);overflow:hidden;
  animation:rnPop .34s cubic-bezier(.22,1,.36,1);}
@keyframes rnPop{from{transform:translateY(14px) scale(.97)}to{transform:none}}
@media (prefers-reduced-motion: reduce){.restock-modal{animation:none}}

.restock-head{display:flex;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--rn-line);}
.restock-ic{flex:0 0 50px;width:50px;height:50px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:21px;}
.restock-ic--bell{background:var(--rn-green-tint);color:var(--rn-green)}
.restock-ic--tg{background:linear-gradient(180deg,#2AABEE,#229ED9);color:#fff}
.restock-head h3{flex:1;margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--rn-ink);}
.restock-x{flex:0 0 auto;width:42px;height:42px;border:0;border-radius:12px;background:var(--rn-soft2);color:var(--rn-muted);
  font-size:16px;cursor:pointer;transition:.15s ease;}
.restock-x:hover{background:#fdeaea;color:var(--rn-red)}

.restock-body{padding:22px;}
.restock-lead{margin:0 0 18px;font-size:16px;font-weight:600;line-height:1.55;color:var(--rn-slate);}

.restock-info{display:flex;gap:13px;align-items:flex-start;padding:16px 18px;border-radius:var(--rn-r-sm);font-weight:700;line-height:1.5;font-size:15px;margin-bottom:18px;}
.restock-info i{margin-top:2px;font-size:17px;flex:0 0 auto}
.restock-info--green{background:var(--rn-green-tint2);color:var(--rn-green-deep)}
.restock-info--green i{color:var(--rn-green)}
.restock-info--tg{background:var(--rn-tg-tint);color:#0f6c97}
.restock-info--tg i{color:var(--rn-tg)}
.restock-info .u{font-weight:800}

.restock-btn{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;height:58px;border:0;border-radius:14px;
  font-family:inherit;font-size:16px;font-weight:800;cursor:pointer;transition:.16s ease;text-decoration:none;}
.restock-btn i{font-size:17px}
.restock-btn--green{background:var(--rn-acc);color:var(--rn-ink);box-shadow:0 12px 26px rgba(123,239,42,.42);}
.restock-btn--green:hover{background:var(--rn-acc-press);transform:translateY(-1px)}
.restock-btn--tg{background:linear-gradient(180deg,#2AABEE,#229ED9);color:#fff;box-shadow:0 12px 26px rgba(34,158,217,.4);}
.restock-btn--tg:hover{filter:brightness(1.05);transform:translateY(-1px)}
.restock-btn--ghost{background:var(--rn-soft2);color:var(--rn-ink);}
.restock-btn--ghost:hover{background:#e3e8ef}
.restock-btn--wide{width:100%}
.restock-sub{margin:14px 0 0;text-align:center;font-size:13px;font-weight:600;color:var(--rn-muted);}
.restock-sub a{color:var(--rn-green);font-weight:800;text-decoration:none;cursor:pointer;transition:color .15s ease}
.restock-sub a:hover,.restock-sub a:focus-visible{color:var(--rn-green-deep);text-decoration:none}

/* ---- toggle item (manage state) ---- */
.restock-item{display:flex;align-items:center;gap:13px;padding:18px;border:1.5px solid var(--rn-green-border);
  border-radius:var(--rn-r-sm);background:var(--rn-green-tint2);margin-bottom:18px;}
.restock-item__ic{flex:0 0 46px;width:46px;height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
  font-size:18px;color:#fff;transition:background .28s ease;}
.restock-item__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.restock-item__t{display:block;font-size:14.5px;font-weight:800;color:var(--rn-ink)}
.restock-item__s{display:block;font-size:12.5px;font-weight:600;color:var(--rn-muted)}
.restock-sw{flex:0 0 auto;position:relative;width:46px;height:27px;border-radius:999px;background:#cbd5e1;cursor:pointer;
  transition:background .28s cubic-bezier(.4,0,.2,1);}
.restock-sw::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;
  box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .28s cubic-bezier(.34,1.4,.5,1);}
.restock-sw.on{background:var(--rn-green)}
.restock-sw.on::after{transform:translateX(19px)}
.restock-sw.is-busy{opacity:.6;pointer-events:none}

/* ---- success ---- */
.restock-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:14px 0 6px;}
.restock-success__ic{width:64px;height:64px;border-radius:50%;background:var(--rn-green-tint);color:var(--rn-green);
  display:flex;align-items:center;justify-content:center;font-size:30px;animation:rnPop2 .4s cubic-bezier(.34,1.56,.64,1);}
@keyframes rnPop2{from{transform:scale(.4)}to{transform:scale(1)}}
.restock-success__t{font-size:19px;font-weight:800;margin:6px 0 0;color:var(--rn-ink)}
.restock-success__s{font-size:14.5px;color:var(--rn-muted);font-weight:600;line-height:1.5;max-width:360px}

.restock-msg{font-size:13.5px;font-weight:700;padding:11px 14px;border-radius:var(--rn-r-sm);margin-bottom:14px;}
.restock-msg.is-error{background:#fdeaea;color:var(--rn-red)}

.restock-hidden{display:none!important}
@media (max-width:560px){.restock-head h3{font-size:19px}.restock-modal{max-width:none}}