/* ============================================================
   Winner Salepage Toolkit — frontend styles
   ทุก selector ขึ้นต้น .wnst- เพื่อไม่ชนกับธีม / Elementor
   ============================================================ */

/* ---------- Countdown (boxes) ---------- */
.wnst-countdown{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wnst-align-center{justify-content:center}
.wnst-align-left{justify-content:flex-start}
.wnst-align-right{justify-content:flex-end}
.wnst-cd{background:#0e1020;color:#fff;border-radius:12px;padding:10px 6px;min-width:58px;text-align:center;display:flex;flex-direction:column;line-height:1}
.wnst-cd b{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}
.wnst-cd span{font-size:11px;opacity:.7;margin-top:5px}
.wnst-cd__sep{font-size:22px;font-weight:700;color:#0e1020;opacity:.4}
.wnst-cd-compact{font-variant-numeric:tabular-nums;font-weight:600}
.wnst-cd__expired{width:100%;text-align:center;font-weight:700;color:#c0392b;font-size:18px;padding:6px 0}
.wnst-countdown.is-expired .wnst-cd,
.wnst-countdown.is-expired .wnst-cd__sep{display:none}

/* ---------- Price & Seats Bar ---------- */
.wnst-pricebar{max-width:560px;margin:0 auto;text-align:center}
.wnst-pricebar__heading{font-size:22px;font-weight:800;margin-bottom:12px}
.wnst-pricebar__box{background:#fffdf5;border:2px solid #e3c987;border-radius:10px;padding:12px;box-shadow:0 4px 14px rgba(20,20,45,.08)}
.wnst-pricebar__row{display:grid;grid-template-columns:repeat(var(--wnst-cols,3),1fr);gap:8px}
.wnst-tier{border-radius:8px;padding:10px 6px;color:#fff;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.12)}
.wnst-tier::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.10) 0 10px,transparent 10px 20px);pointer-events:none}
.wnst-tier__label{font-weight:800;font-size:16px;line-height:1.25;position:relative}
.wnst-tier__sub{font-weight:700;font-size:14px;margin-top:2px;position:relative}
.wnst-tier__sub--soldout{letter-spacing:.06em}
.wnst-tier--red{background:#d64541}
.wnst-tier--gold{background:#eec95c;color:#7a1f1f}
.wnst-tier--gold::before{background:repeating-linear-gradient(-45deg,rgba(0,0,0,.06) 0 10px,transparent 10px 20px)}
.wnst-tier--green{background:#2e9e5b}
.wnst-tier--navy{background:#0e1020}
.wnst-tier.is-soldout{filter:saturate(.95)}
.wnst-pricebar__prices{display:grid;grid-template-columns:repeat(var(--wnst-cols,3),1fr);gap:8px;margin-top:10px}
.wnst-price{font-size:19px;font-weight:800;min-height:1em}
.wnst-price--red{color:#d64541}
.wnst-price--gold{color:#c9930a}
.wnst-price--green{color:#1f8a4c}
.wnst-price--navy{color:#0e1020}
.wnst-pricebar__note{margin-top:10px;font-size:13px;color:#61667a}

/* ---------- Deadline ---------- */
.wnst-deadline{font-weight:700}

/* ---------- Recent Sales Popup ---------- */
.wnst-salepop{position:fixed;bottom:22px;z-index:99994;width:322px;max-width:calc(100vw - 36px);
  background:#fff;border:1px solid #eae7df;border-radius:14px;box-shadow:0 24px 60px rgba(20,20,45,.16);
  padding:14px 40px 14px 14px;display:flex;gap:12px;align-items:center;
  transform:translateY(140%);opacity:0;pointer-events:none;
  transition:transform .45s cubic-bezier(.2,.9,.3,1.2),opacity .3s}
.wnst-salepop--left{left:18px}
.wnst-salepop--right{right:18px}
.wnst-salepop.show{transform:translateY(0);opacity:1;pointer-events:auto}
.wnst-salepop__avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,#d9694a,#e7a938);color:#fff;font-weight:700;
  display:flex;align-items:center;justify-content:center;font-size:18px}
.wnst-salepop__body{min-width:0}
.wnst-salepop__name{font-weight:600;font-size:14.5px;line-height:1.3}
.wnst-salepop__meta{font-size:12.5px;color:#61667a;line-height:1.35}
.wnst-salepop__foot{display:flex;gap:10px;align-items:center;margin-top:3px}
.wnst-salepop__verify{font-size:11px;color:#12805c;font-weight:600}
.wnst-salepop__foot span:last-child{font-size:11px;color:#99a}
.wnst-salepop__close{position:absolute;top:8px;right:10px;background:none;border:none;
  font-size:20px;color:#b9bccb;cursor:pointer;line-height:1;padding:0}

/* ---------- ปุ่มแชทไลน์ ---------- */
.wnst-linebtn{position:fixed;bottom:22px;z-index:99995;display:inline-flex;align-items:center;gap:8px;
  background:#06c755;color:#fff !important;font-weight:600;padding:13px 20px;border-radius:999px;
  box-shadow:0 10px 26px rgba(6,199,85,.45);transition:.2s;text-decoration:none !important}
.wnst-linebtn--right{right:18px}
.wnst-linebtn--left{left:18px}
.wnst-linebtn:hover{transform:translateY(-2px);background:#05a648;color:#fff}
.wnst-linebtn__ic{font-size:18px}

/* ---------- Sticky CTA Bar ---------- */
.wnst-stickybar{position:fixed;left:0;right:0;bottom:0;z-index:99993;background:#fff;
  border-top:1px solid #eae7df;box-shadow:0 -8px 24px rgba(0,0,0,.08);padding:10px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:12px}
.wnst-stickybar__info{display:flex;flex-direction:column;line-height:1.2}
.wnst-stickybar__price s{color:#61667a;font-size:12px}
.wnst-stickybar__price b{color:#d9694a;font-size:19px}
.wnst-stickybar__cd{font-size:12px;color:#61667a;font-variant-numeric:tabular-nums}
.wnst-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;
  cursor:pointer;border:none;border-radius:999px;background:linear-gradient(100deg,#d9694a,#ef8a63);
  color:#fff !important;text-decoration:none !important;box-shadow:0 8px 22px rgba(217,105,74,.35);transition:.2s}
.wnst-btn:hover{transform:translateY(-2px);color:#fff}
.wnst-btn--sm{padding:10px 18px;font-size:14px}

/* sticky bar แบบแสดงทุกจอ → ดัน popup / ปุ่มไลน์ ขึ้นพ้นแถบ */
.wnst-stickybar:not(.wnst-stickybar--mobile) ~ .wnst-salepop{bottom:84px}
.wnst-stickybar:not(.wnst-stickybar--mobile) ~ .wnst-linebtn{bottom:84px}

/* ---------- Responsive ---------- */
@media (min-width:681px){
  .wnst-stickybar--mobile{display:none}
}
@media (max-width:680px){
  .wnst-hide-mobile{display:none !important}
  .wnst-salepop--left{left:12px;bottom:74px}
  .wnst-salepop--right{right:12px;bottom:74px}
  .wnst-linebtn--right,
  .wnst-linebtn--left{bottom:74px}
  .wnst-linebtn__txt{display:none}
  .wnst-linebtn{padding:14px}
  .wnst-cd{min-width:50px}
  .wnst-cd b{font-size:22px}
  .wnst-pricebar__heading{font-size:19px}
  .wnst-tier__label{font-size:14px}
  .wnst-tier__sub{font-size:12.5px}
  .wnst-price{font-size:16px}
}