/* ===== Font-face overrides (PageSpeed fix) =====
   این‌ها فقط «نمایش» فونت را به swap تغییر می‌دهند تا متن سریع‌تر دیده شود.
   نام خانواده‌ها را طوری انتخاب کرده‌ام که رایج‌ترین استفاده‌ها را پوشش دهد.
   اگر در قالب‌تان family نام دیگری دارد، بگو تا دقیقاً همان را ست کنم.
*/

/* IRANSansWeb (FaNum) */
@font-face{
  font-family: 'IRANSansWeb(FaNum)';
  src: url('/wp-content/uploads/2018/11/IRANSansWebFaNum.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* YekanBakh SemiBold */
@font-face{
  font-family: 'YekanBakh';
  src: url('/wp-content/uploads/2022/11/YekanBakh-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* FontAwesome v4 (theme icons) */
@font-face{
  font-family: 'FontAwesome';
  src: url('/wp-content/themes/multinews/fonts/icons/fa/fontawesome-webfont.woff2?v=4.4.0') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Momizat icon font */
@font-face{
  font-family: 'momizat';
  src: url('/wp-content/themes/multinews/fonts/icons/momizat/momizat.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Steadysets icon font */
@font-face{
  font-family: 'steadysets';
  src: url('/wp-content/themes/multinews/fonts/icons/steadysets/steadysets.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Enotype icon font */
@font-face{
  font-family: 'enotype';
  src: url('/wp-content/themes/multinews/fonts/icons/enotype/enotype.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Gravity Forms theme icons */
@font-face{
  font-family: 'gform-icons-theme';
  src: url('/wp-content/plugins/gravityforms/fonts/gform-icons-theme.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* اگر خواستی CLS را باز هم کمتر کنی، می‌تونی برای خانواده‌های متنی، 
   متریک‌اوررایدها را فعال کنی (بعد از تست A/B):
   مثال:
   @font-face{ ... size-adjust: 100%; ascent-override: 90%; descent-override: 22%; line-gap-override: 0%; }
*/

/* ===== اصل استایل شما از اینجا به بعد بدون تغییر ===== */

:root{
  /* بک‌گراند کلی صفحه و رنگ ستون‌های 2 و 3 */
  --bg:#f3f4f6;

  /* ستون 1: کمی روشن‌تر از قبل، اما هنوز تیره‌تر از bg */
  --surface-col1:#eceff4;

  /* سایر رنگ‌ها/متغیرها مثل قبل */
  --panel:transparent; --text:#0f172a; --muted:#6b7280;
  --primary:#2f6bff; --primary-2:#285BFF; --accent:#7c3aed;
  --border:transparent; --shadow:none;
}

/* ===== PERF+: سوییچ‌های رندر/ایزوله‌سازی ===== */
.flow{ contain: paint; }
.grid-1,.grid-2,.flow__step{ contain: layout; }
.panel{
  content-visibility:auto;
  contain: layout paint style;
  contain-intrinsic-size: 600px 800px;
}
/* Step 2 معمولاً بلندتره */
#flowStep2 .panel{ contain-intrinsic-size: 680px 980px; }

/* Reduced motion برای کاهش هزینه‌ی انیمیشن‌ها روی سیستم‌های حساس */
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
}

/* ===== Base ===== */
*{ box-sizing:border-box }
img{ max-width:100%; height:auto }
.flow{
  font-family:"Vazirmatn",system-ui,-apple-system,"Segoe UI",Roboto,Arial;
  background:var(--bg); color:var(--text);
  padding:16px;
}

/* آیکن‌ها */
.i{display:inline-flex;align-items:center;justify-content:center;color:#111827}
.i--box{width:44px;height:44px;border-radius:12px;background:#111827;color:#fff;border:0}
.i--pin{width:32px;height:32px;border-radius:10px;background:transparent;border:0;color:var(--primary)}

/* هدر مرحله ۱ را مخفی کن؛ تیتر را در ستون ۱ تولید می‌کنیم */
.flow__head{ display:none !important }

/* ===== سه ستون فلت و نزدیک به هم ===== */
.grid-1{
  display:grid; direction:ltr;
  grid-template-columns:300px 1fr 340px;
  grid-template-areas:"total center card";
  gap:8px;
}
.col{min-width:0;padding:8px;border-radius:12px}
.grid-1>.col{direction:rtl}

/* رنگ پس‌زمینه ستون‌ها */
.total-col{grid-area:total;  background:#c8d2ec; display:flex; flex-direction:column; padding-top:26px;}
.form-col {grid-area:center; background:var(--bg)}
.card-col {grid-area:card;   background:var(--bg)}

/* تیتر «مشخصات سفارش» در ابتدای ستون ۱ (وسط‌چین) */
.total-col::before{
  content:"مشخصات سفارش";
  display:block;
  text-align:center;
  font-weight:900;
  font-size:20px;
  margin:0 0 12px;
  color:#0f172a;
}

/* ترتیب داخل ستون 1 (دسکتاپ): تیتر (pseudo) → مراحل → مبلغ نهایی */
.steps-over-total{ order:1; }
.total-panel     { order:3; margin-top:14px; }

/* مراحل: زیر هم، وسط‌چین، با فاصله مناسب و ستون آیکونِ تراز */
.steps-over-total{
  display:flex; flex-direction:column; align-items:center;
  width:100%; max-width:320px; margin:8px auto 0;
  gap:16px;
}
.steps-over-total .crumb{
  display:grid;
  grid-template-columns:44px 1fr;
  column-gap:10px;
  align-items:center;
  justify-items:center;
  width:100%;
  padding:0; border:0; background:transparent;
}
.steps-over-total .crumb.is-active{outline:none}
.steps-over-total .crumb .i--box{justify-self:start}
.steps-over-total .crumb .crumb__txt{text-align:center;padding: 0px 0px 0px 80px}
.steps-over-total .crumb .crumb__txt b{display:block}
.steps-over-total .crumb .crumb__txt small{color:var(--muted)}

/* پنل‌ها تخت؛ هیچ مرزی نیست */
.panel{background:transparent;border:0;border-radius:0;box-shadow:none;padding:16px}
.card-img{width:100%;border-radius:14px;border:0}
.title-inline{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.title-inline h2{margin:0;font-weight:900;font-size: larger}

/* ورودی‌ها */
.lbl{display:block;margin:12px 2px 8px;font-weight:700}
.input,.select,.textarea,.qty__input{
  width:100%; background:#fff; border:2px solid #e5e7ef;
  border-radius:14px; padding:12px 14px; font-size:15px; outline:none;
}
.input.accent,.select.accent,.textarea.accent,.qty__input.accent{border-color:#c7b4ff}
.input.accent:focus,.select.accent:focus,.textarea.accent:focus,.qty__input.accent:focus{
  border-color:var(--accent); box-shadow:0 0 0 3px rgba(124,58,237,.18);
}
.input-wrap{position:relative}

/* مبلغ: متن وسط + واحد داخل فیلد */
#fAmount{ text-align:center; padding-inline-end:64px; }
span.unit{ font-size: larger; margin: -10px 0 0 0; }
.unit{position:absolute;inset-inline-end:16px;inset-block:50%;transform:translateY(-50%);font-size:12px;color:#6b7280}

/* سلکت ارز و توضیحات را در UI مخفی کن (GF همچنان مقدار می‌گیرد) */
.select-wrap{ display:none !important; }
#fNote{ display:none !important; }

/* ===== PERF+: محدود کردن استفاده از :has به مرورگرهای پشتیبان ===== */
@supports selector(:has(*)){
  .lbl:has(+ .select-wrap){ display:none !important; }
  .lbl:has(+ #fNote){ display:none !important; }
}

.caret{display:none !important}
.textarea{min-height:140px;resize:vertical}

/* تعداد */
.qty{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}
.qty__label{color:#374151;line-height:1.2}
.qty__ctrls{display:flex;align-items:center;gap:10px}
.qty__btn{width:48px;height:48px;border-radius:14px;background:#fff;border:1.5px solid #e5e7ef;font-size:22px}
.qty__input{text-align:center;width:200px}

/* دکمه‌ها */
.actions{display:flex;gap:12px;margin-top:18px}
.actions .btn{flex:1}
.btn{height:52px;border-radius:14px;font-weight:800;border:1px solid rgba(2,6,23,.06);cursor:pointer;display:inline-flex;align-items:center;gap:10px;justify-content:center}
.btn--primary{background:var(--primary);color:#fff}
.btn--primary:hover{background:var(--primary-2)}
.btn--ghost{background:#fff;color:#0f172a;border:1.5px solid #e5e7ef}
.btn--xl{height:56px;width:100%}

/* مبلغ نهایی */
.side-title{margin:0 0 10px;font-weight:900}
.total-box{background:transparent;border:0;border-radius:0;padding:8px 0}
.total-head{color:#374151;margin-bottom:6px;font-weight:700}
.total-val{font-size:32px;font-weight:900;color:var(--primary)}

/* ===== مرحله ۲ ===== */
.flow__step{display:none}
.flow__step.is-active{display:block}
.inv__top{margin-bottom:12px}
.back-link{display:inline-flex;gap:8px;align-items:center;color:#64748b;text-decoration:none;border-bottom:1px dashed #cfd7ff}

/* فاصله‌ی بهتر کرامب‌ها و شروع ستون اصلی در صفحه ۲ */
.grid-2{display:grid;grid-template-columns:1.15fr .85fr;grid-template-areas:"main side";gap:12px}
.main-pane{grid-area:main}
.side-pane{grid-area:side}
.main-pane .crumbs{margin-top:10px;margin-bottom:18px}
.main-pane .field:first-of-type{margin-top:16px}

/* مخفی‌سازی چک‌باکس «صدور فاکتور رسمی» + متن «سامانه مودیان…» */
.checks{margin-top:8px}
.check{display:flex;gap:10px;align-items:center;margin:10px 0;cursor:pointer}
.check input{display:none}
.check span{width:20px;height:20px;border:1.8px solid #e5e7ef;border-radius:6px;display:inline-block;position:relative;background:#fff}
.check input:checked+span::after{content:"";position:absolute;inset:3px;background:var(--primary);border-radius:4px}
.small-muted{color:#6b7280;font-size:12px;line-height:1.9;margin-top:2px}

/* فقط در مرورگرهای پشتیبان :has */
@supports selector(:has(*)){
  .check:has(#invInvoice){ display:none !important; }
}

/* کرامب‌ها */
.crumbs{display:flex;gap:12px;margin-bottom:8px}
.crumb{display:flex;gap:8px;align-items:center;padding:0;border:0;border-radius:0;background:transparent}
.crumb.is-active{outline:none}
.crumb.is-done{opacity:.9}
.crumb__txt b{display:block}
.crumb__txt small{color:var(--muted)}

.field label{display:block;font-weight:700;margin:8px 2px 8px}

.prices{margin-top:12px;border-top:1px dashed #e5e7ef;padding-top:10px}
.row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed #eef1fb}
.row:last-child{border-bottom:0}
.row.total{font-weight:900;color:var(--primary)}

/* وضعیت سفارش → آبی برند فقط در این کامپوننت */
.flow .badge{
  display:inline-block;
  border:1px solid #cfd7ff;
  border-radius:999px;
  padding:4px 10px;
  font-size:12px;
  background:#e8efff;
  color:var(--primary);
}

.actions--full{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}
.timer{ position:relative; color:transparent; display:inline-flex; align-items:center; gap:6px; }
.timer::before{ content:"زمان باقی‌مانده پرداخت:"; color:#111827; }
.timer b{ color:#111827; }

/* مشاهده پیش‌فاکتور: رنگ عنوان + فاصله و فاصله‌های آیتم‌ها */
.side-pane .side-title{ color:var(--primary); margin-top:6px; }
.dl{display:grid;grid-template-columns:auto 1fr;gap:14px 18px;margin:8px 0 18px}
.dl dt{color:#6b7280}
.coupon label{display:block;font-weight:700;margin-bottom:6px}
.coupon__row{display:flex;gap:8px}
.coupon small.muted{display:block;margin-top:12px}

.points{display:flex;justify-content:space-between;align-items:center;background:#eafff1;border:1px solid #c8f5dc;border-radius:12px;padding:12px;margin-top:14px}
.star{color:#16a34a;font-size:18px}

/* ردیف‌های دوتایی */
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field-group .lbl{margin-top:12px}

/* --- شرایط و توضیحات: جمع‌شونده با CSS-only --- */
.terms{
  max-height:120px; overflow:hidden; position:relative;
  transition:max-height .25s ease;
}
.terms::after{
  content:""; position:absolute; inset:0 0 0 0;
  background:linear-gradient(to bottom, rgba(243,244,246,0) 0%, var(--bg) 85%);
  pointer-events:none;
}
.terms-link{
  display:inline-flex; align-items:center; gap:8px;
  color:#2563eb; text-decoration:none; cursor:pointer;
}
.terms-link::after{
  content:"▾"; font-size:12px; transform:rotate(0deg); transition:transform .2s ease;
}
.panel:focus-within .terms{ max-height:9999px; }
.panel:focus-within .terms::after{ display:none; }
.panel:focus-within .terms-link::after{ transform:rotate(180deg); }

/* ریسپانسیو */
@media (max-width:1360px){
  .grid-1{grid-template-columns:280px 1fr 300px;gap:8px}
}
@media (max-width:1200px){
  /* ترتیب موبایل: اول ستون 3 (card)، بعد 2 (center)، بعد 1 (total) */
  .grid-1{
    grid-template-columns:1fr;
    grid-template-areas:"card" "center" "total";
  }
  .row-2{grid-template-columns:1fr}

  /* داخل ستون ۱ (موبایل): تیتر → مبلغ نهایی → مراحل */
  .total-col{ padding-top:20px; }
  .steps-over-total{ order:2; align-items:center; margin-top:10px; }
  .total-panel{ order:1; margin-top:12px; }

  .steps-over-total{ gap:18px; max-width:360px; }
}

/* ===== v4.6.4 spacing overrides ===== */
.main-pane{ padding-top:12px; }
.main-pane > * + *{ margin-top:18px; }
.main-pane .crumbs{ margin-top:12px; margin-bottom:24px; }
.main-pane .field{ margin-top:0; }
.main-pane .field:first-of-type{ margin-top:18px; }
.checks{ margin-top:18px; }
.prices{ margin-top:18px; padding-top:14px; border-top:1px dashed #e5e7ef; }
.row{ padding:14px 0; }

.side-pane{ padding-top:14px; }
.side-pane > * + *{ margin-top:16px; }
.side-pane .side-title{ color:var(--primary); margin:0 0 16px; }
.dl{ gap:16px 20px; margin:0 0 18px; }
.coupon{ margin-top:18px; }
.coupon__row{ gap:10px; }
.coupon small.muted{ display:block; margin-top:18px; }

.side-pane, .main-pane{ overflow-wrap:anywhere; }

/* ===== v4.6.5 ===== */
@media (min-width:1201px){
  .grid-2{ grid-template-columns:.85fr 1.15fr; grid-template-areas:"side main"; }
}
@media (max-width:1200px){
  .grid-2{ grid-template-columns:1fr; grid-template-areas:"side" "main"; }
  .steps-over-total, .crumbs{ display:none !important; }
}

/* ===== v4.6.6 (کدهای قبلی تو) ===== */
.bank-field{ display:flex; align-items:center; justify-content:space-between; gap:12px; background:#fff; border:1.5px solid #e5e7ef; border-radius:12px; padding:12px 14px; }
.bank-field label{ margin:0; color:#6b7280; font-weight:700; }
.bank-field select{ order:-1; appearance:none; background:transparent; border:0; padding:0; color:var(--primary); font-weight:800; width:auto; min-width:88px; white-space:nowrap; cursor:pointer; }
.bank-field::before{ content:"▾"; color:var(--primary); font-size:12px; order:-2; }

.side-pane .coupon__row{ align-items:center; }
.side-pane .coupon__row .input{ flex:1; min-width:0; }
.side-pane .coupon__row .btn{ white-space:nowrap; height:40px; padding:0 14px; font-weight:800; border-radius:10px; }

.btn--xl{ height:48px; font-size:16px; border-radius:12px; }

.card-col .terms-link{ color:var(--primary); font-weight:800; }
.card-col .panel.is-open .terms{ max-height:9999px; }
.card-col .panel.is-open .terms::after{ display:none; }
.card-col .panel.is-open .terms-link::after{ transform:rotate(180deg); }

@media (max-width:1200px){
  .card-col .terms, .card-col .terms-link{ display:none !important; }
}

/* فاصله‌های عمومی */
.main-pane > * + *{ margin-top:20px; }
.side-pane > * + *{ margin-top:18px; }

/* مرحله ۲: کانتینر و پنل‌ها */
#flowStep2 .inv{max-width:1080px;margin:0 auto;}
#flowStep2 .panel{
  background:#f3f4f6;
  border:1px solid #f3f4f6;
  border-radius:16px;
  box-shadow:0 8px 20px rgba(2,6,23,.04)
}
#flowStep2 .main-pane,#flowStep2 .side-pane{padding:20px}
#flowStep2 .actions--full .btn--primary.btn--xl{
  height:48px;max-width:420px;width:100%;margin:0 auto;border-radius:12px;font-size:16px
}

/* بانک: نسخه قدیمی با برچسب روی فیلد — حذف شد و نسخه inline فعال است (پایین) */

/* نسخه inline و بدون overlap (v4.6.10) */
#flowStep2 .main-pane .field:has(#invBank){
  display:grid;
  grid-template-columns: 1fr auto;
  align-items:center;
  gap:12px;
  background:#fff;
  border:1.5px solid #e6eaf5;
  border-radius:16px;
  padding:12px 16px;
}
#flowStep2 .main-pane .field:has(#invBank) > label{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  margin:0;
  color:#6b7280;
  font-weight:800;
  pointer-events:none;
  max-width:100%;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  font-size:clamp(13px,1.1vw,15px);
}
#flowStep2 .main-pane .field:has(#invBank) #invBank{
  width:auto;
  max-width:55%;
  min-width:130px;
  height:auto;
  padding:8px 28px;
  border-radius:14px;
  border:2px solid #e5e7ef;
  background:#fff;
  color:#0f172a;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  appearance:auto; -webkit-appearance:auto; -moz-appearance:auto;
  box-shadow:0 12px 30px rgba(31,38,135,.08);
}
/* حذف فلش شبیه‌سازی‌شده */
#flowStep2 .main-pane .field:has(#invBank)::after{ content:none !important; }

/* مخفی‌سازی کامل فیلد انتخاب درگاه در مرحله ۲ (فقط UI) + فول‌بک */
#flowStep2 .main-pane .field:has(#invBank){ display: none !important; }
#flowStep2 .main-pane .field.is-bank-hidden{ display: none !important; }

/* قیمت‌ها و تایمر مرحله ۲ */
#flowStep2 .prices{margin-top:18px;padding-top:14px;border-top:1px dashed #e5e7ef}
#flowStep2 .row{padding:14px 0}
#flowStep2 .timer{ color:transparent; text-align:center }
#flowStep2 .timer::before{ content:"زمان باقی‌مانده پرداخت:"; color:#111827; margin-inline-end:6px }
#flowStep2 #invTimer{ color:#111827 }

@media (min-width:1201px){
  #flowStep2 .grid-2{grid-template-columns:.85fr 1.15fr;grid-template-areas:"side main"}
}
@media (max-width:1200px){
  #flowStep2 .grid-2{grid-template-columns:1fr;grid-template-areas:"side" "main"}
  .steps-over-total,.crumbs{display:none !important}
}

/* صفحه ۱ – شرایط و توضیحات */
@media (min-width:1201px){
  #flowStep1 .card-col .panel:has(.terms){background:#f3f4f6;border:1px solid #f3f4f6;border-radius:16px}
  #flowStep1 .terms-link{color:var(--primary);font-weight:800;display:flex;align-items:center;gap:6px;cursor:pointer}
  #flowStep1 .terms{max-height:140px;overflow:hidden;position:relative;transition:max-height .25s ease}
  #flowStep1 .panel.terms-open .terms{max-height:9999px}
  #flowStep1 .terms::after{
    content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%, var(--bg) 85%);
    pointer-events:none
  }
  #flowStep1 .panel.terms-open .terms::after{display:none}
  #flowStep1 .terms-link::after{content:"▾";font-size:12px;transform:rotate(0);transition:transform .2s ease}
  #flowStep1 .panel.terms-open .terms-link::after{transform:rotate(180deg)}
}
@supports selector(:has(*)){
  @media (min-width:1201px){
    #flowStep1 .card-col .panel:has(.terms){background:#f3f4f6;border:1px solid #f3f4f6;border-radius:16px}
  }
}
@media (max-width:1200px){
  #flowStep1 .card-col .panel:has(.terms){display:none !important}
}

/* فضاهای عمومی صفحه ۲ */
#flowStep2 .main-pane{padding-top:14px}
#flowStep2 .main-pane > * + *{margin-top:18px}
#flowStep2 .side-pane{padding-top:14px}
#flowStep2 .side-pane > * + *{margin-top:16px}
#flowStep2 .side-pane .side-title{color:var(--primary);margin:0 0 16px}
#flowStep2 .dl{gap:16px 20px;margin:0 0 18px}
#flowStep2 .side-pane,#flowStep2 .main-pane{overflow-wrap:anywhere}

/* صفحه ۱ – محدود کردن عرض گرید */
#flowStep1 .grid-1{ max-width:1080px; margin:0 auto; }
#flowStep1 .form-col > .panel{ padding:20px; }
@media (max-width:1200px){ #flowStep1 .grid-1{max-width:100%} }

/* پس‌زمینه‌ی کلی قالب وقتی .flow هست */
body:has(.flow), .site:has(.flow), .site-main:has(.flow),
.content-area:has(.flow), .entry-content:has(.flow){
  background:#f3f4f6 !important;
}
@supports not selector(:has(*)){
  body, .site, .site-main, .content-area, .entry-content{ background:inherit; }
}

/* ===== Mobile patch: keep card image; only show Terms link ===== */
@media (max-width:1200px){
  #flowStep1 .card-col .panel:first-of-type img,
  #flowStep1 .card-col .panel:first-of-type .card-img{
    display:block !important;
  }
  #flowStep1 .card-col .panel + .panel{ display:block !important; }
  #flowStep1 .card-col .panel + .panel .terms-link{ display:inline-flex !important; }
  #flowStep1 .card-col .panel + .panel .terms{ display:none !important; }
  #flowStep1 .card-col .panel + .panel.is-open .terms,
  #flowStep1 .card-col .panel + .panel.terms-open .terms{ display:block !important; }
  #flowStep1 .card-col .panel + .panel.is-open .terms-link::after,
  #flowStep1 .card-col .panel + .panel.terms-open .terms-link::after{ transform: rotate(180deg); }
}

/* ===== Success Page (exact look) ===== */
.rtlom-success{
  --bg:#F6F7FF; --box:#FFFFFF; --line:#E6EAF5; --muted:#6B7280; --ink:#0F172A;
  --green:#22C55E; --blue:#1D4ED8; --chip:#EFF2F9;
  min-height: 100vh; display:flex; align-items:center; justify-content:center;
  padding:64px 16px; background:var(--bg);
}
.rtlom-success__box{
  text-align:center; max-width:680px; width:100%;
  content-visibility:auto; contain: layout paint style;
  contain-intrinsic-size: 540px 720px;
}
.rtlom-success__icon{ margin:0 auto 8px; }
.rtlom-success__title{
  margin:8px 0 4px; color:var(--green); font-weight:800; font-size:28px; line-height:1.2;
}
.rtlom-success__desc{
  margin:0 0 18px; color:var(--muted); font-size:15px;
}
.rtlom-success__code{
  display:flex; align-items:center; justify-content:center; gap:10px; margin:8px 0 18px;
}
.rtlom-success__chip{
  direction:ltr; background:var(--box);
  border:2px dashed #595A5D; border-radius:12px;
  padding:6px 14px; display:flex; align-items:center; gap:12px;
  box-shadow:0 1px 0 rgba(17,24,39,.03);
  max-width:600px; width:100%;
}
.rtlom-success__chip-label{
  direction:rtl; order:2; background:var(--chip);
  color:#94A3B8; border:1px dashed #CBD5E1;
  border-radius:8px; padding:6px 10px; font-weight:700; white-space:nowrap;
}
.rtlom-success__chip-code{
  order:1; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  font-size:14px; color:var(--ink); user-select:all; overflow:hidden; text-overflow:ellipsis;
  direction:ltr; unicode-bidi:embed; text-align:right; font-weight:700;
}
.rtlom-success__copy{
  background:#F1F5FF; color:#334155; border:1px solid #CFDAFF;
  height:42px; padding:0 14px; border-radius:10px; font-weight:700; cursor:pointer;
  transition:background .2s, transform .06s;
}
.rtlom-success__copy:hover{ background:#E7EEFF; }
.rtlom-success__copy:active{ transform:translateY(1px); }

.rtlom-success__hint{ color:#475569; margin:0 0 18px; font-size:14px; }
.rtlom-success__actions{ display:flex; align-items:center; justify-content:center; gap:12px; margin-top:8px; }
.rtlom-success__btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:48px; padding:0 22px; border-radius:12px; background:#1D4ED8; color:#fff;
  font-weight:800; text-decoration:none; box-shadow:0 10px 24px rgba(29,78,216,.25);
  transition:transform .06s, box-shadow .2s, filter .2s;
}
.rtlom-success__btn:hover{ filter:brightness(1.03); box-shadow:0 14px 28px rgba(29,78,216,.28); }
.rtlom-success__btn:active{ transform:translateY(1px); }
.rtlom-success__btn--ghost{
  background:#fff; color:#0F172A;
  border:1.5px solid #CFDAFF; box-shadow:none;
  font-weight:800;
}
.rtlom-success__btn--ghost:hover{ filter:brightness(1.02); }
.rtlom-success__note{ color:#1D4ED8; font-weight:800; font-size:14px; margin:-2px 0 10px; }
.rtlom-success__timer{ color:#475569; font-size:14px; }
.rtlom-success__timer b{ color:#1D4ED8; font-weight:900; }

/* کوچک‌تر */
@media (max-width:480px){
  .rtlom-success{ padding:48px 12px; }
  .rtlom-success__title{ font-size:24px; }
  .rtlom-success__chip{ padding:10px 12px; }
  .rtlom-success__btn{ width:100%; }
}

/* چیدمان بهتر روی موبایل */
@media (max-width:640px){
  .rtlom-success__actions{ flex-direction:column; }
  .rtlom-success__btn, .rtlom-success__btn--ghost{ width:100%; }
}

/* حالت فوکوس برای دسترس‌پذیری */
.rtlom-success__btn:focus,
.rtlom-success__btn--ghost:focus,
.rtlom-success__copy:focus{
  outline:3px solid rgba(29,78,216,.25); outline-offset:2px;
  border-radius:12px;
}

/* فقط در برگهٔ پرداخت موفق (ID=6372) نمایش بده */
body:not(.page-id-6372) .rtlom-success{ display:none !important; }

/* پچ‌های کوچک */
.err{ color:#e70909; }
button#addCart{ display:none; }
div#fTotal{ margin-top:30px; }

/* ===== موبایل: کاهش هزینه‌های رندر ===== */
@media (max-width:640px){
  .panel{ box-shadow:none !important; }
}