/* =====================================================================
   Rate Sudan v2 — صفحات الإعلانات (أعلن معنا / حجز / دفع / نجاح / إعلاناتي)
   ملف أنماط مستقل يُحمَّل في صفحات الإعلانات فقط. بلا style مضمّن (CSP صارمة).
   يعتمد على رموز الألوان في theme.css ولا يعدّل أي قاعدة فيه.
   ===================================================================== */

.rs-ads{display:flex;flex-direction:column;gap:18px}
.rs-ads h2.rs-ads__h{font-size:19px;font-weight:700}
.rs-ads .rs-sec-t{margin-top:4px}
.rs-ads__sub{font-size:13px;color:var(--muted);line-height:1.8;margin-top:-10px}

/* ---------- البطل ---------- */
.rs-adhero{position:relative;overflow:hidden;padding:26px 20px;border-radius:24px;background:var(--surface);border:1px solid var(--gold-line-2);display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.rs-adhero::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% -20%,var(--gold-soft),transparent 60%);pointer-events:none}
.rs-adhero>*{position:relative}
.rs-adhero h1{font-size:26px;font-weight:700;line-height:1.4}
.rs-adhero p{font-size:15px;color:var(--text-2);line-height:1.9;max-width:520px}
.rs-adhero .rs-btn--cta{max-width:340px}
.rs-adchips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.rs-adchip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-2)}
.rs-adchip svg{color:var(--gold)}

/* ---------- أرقام الجمهور (تظهر فقط إن وُجدت أرقام حقيقية) ---------- */
.rs-aud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.rs-aud div{padding:14px 8px;border-radius:16px;background:var(--surface);border:1px solid var(--border);text-align:center}
.rs-aud b{display:block;font-size:20px;font-weight:700;color:var(--gold)}
.rs-aud span{display:block;font-size:12px;color:var(--muted);margin-top:2px}

/* ---------- خريطة المواضع ---------- */
.rs-map{display:grid;gap:14px}
.rs-mock{display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:20px;background:var(--surface-2);border:1px solid var(--border);font-size:11px;max-width:420px;width:100%;margin-inline:auto}
.rs-mock__hd{display:flex;align-items:center;justify-content:space-between;height:20px;padding:0 6px;border-radius:7px;background:var(--raised)}
.rs-mock__hd i{display:block;width:34px;height:6px;border-radius:4px;background:var(--border-strong)}
.rs-mock__ln{height:9px;border-radius:5px;background:var(--raised)}
.rs-mock__ln--s{width:55%}
.rs-mock__ln--t{height:14px;width:40%}
.rs-mock__tbl{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}
.rs-mock__tbl .rs-mock__ln{height:11px}
.rs-mock__cols{display:grid;grid-template-columns:1.6fr 1fr;gap:7px}
.rs-mock__ch{border-radius:10px;background:var(--surface);border:1px solid var(--border);min-height:62px;position:relative;overflow:hidden}
.rs-mock__ch::after{content:"";position:absolute;inset:auto 8px 10px 8px;height:22px;border-radius:2px;background:linear-gradient(90deg,var(--raised),var(--border-strong),var(--raised));opacity:.7;clip-path:polygon(0 80%,20% 55%,40% 70%,60% 30%,80% 45%,100% 10%,100% 100%,0 100%)}
.rs-mock__z{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:26px;padding:4px 8px;border-radius:10px;border:1.5px dashed var(--border-strong);color:var(--faint);font-weight:600;font-size:11px;text-align:center;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.rs-mock__z--tall{min-height:44px}
.rs-mock__z--side{min-height:62px;flex-direction:column}
.rs-mock__z--chip{min-height:20px;width:46%;font-size:10px}
.rs-mock__z.is-closed{opacity:.45;border-style:dotted}
.rs-mock__z.is-on{border-style:solid;border-color:var(--gold);background:var(--gold-soft);color:var(--gold);box-shadow:0 0 0 4px var(--gold-soft)}
.rs-mock__z.is-on::after{content:"";position:absolute;inset:-1.5px;border-radius:10px;border:1.5px solid var(--gold);animation:rspulse 1.8s ease-out infinite;pointer-events:none}
.rs-mock__req{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}
@keyframes rspulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.06,1.35);opacity:0}}

.rs-slots{display:flex;flex-direction:column;gap:10px}
.rs-slot{position:relative;border-radius:18px;background:var(--surface);border:2px solid var(--border);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.rs-slot.is-on{border-color:var(--gold);box-shadow:var(--shadow-card)}
.rs-slot.is-closed,.rs-slot.is-full{opacity:.8}
.rs-slot__pick{all:unset;box-sizing:border-box;display:flex;gap:12px;align-items:center;width:100%;padding:14px;cursor:pointer}
.rs-slot__pick:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.rs-slot__ic{width:44px;height:44px;flex:0 0 auto;border-radius:14px;background:var(--gold-soft);color:var(--gold);display:flex;align-items:center;justify-content:center}
.rs-slot__t{flex:1;min-width:0}
.rs-slot__t b{display:block;font-size:15px}
.rs-slot__t small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.rs-slot__p{text-align:end;white-space:nowrap}
.rs-slot__p b{display:block;font-size:17px;color:var(--text)}
.rs-slot__p small{font-size:11px;color:var(--muted)}
.rs-slot__d{padding:0 14px 14px;font-size:13px;color:var(--text-2);line-height:1.9}
.js .rs-slot__d{display:none}
.js .rs-slot.is-on .rs-slot__d{display:block}
.rs-slot__d dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px}
.rs-slot__d dl div{padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}
.rs-slot__d dt{font-size:11px;color:var(--muted)}
.rs-slot__d dd{font-size:16px;font-weight:700;margin-top:2px}
.rs-slot__d dd small{font-size:11px;font-weight:500;color:var(--muted)}
.rs-slot__d .rs-btn{width:100%;height:46px}
.rs-tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700;background:var(--raised);color:var(--muted)}
.rs-tag--save{background:var(--up-bg);color:var(--up)}
.rs-tag--full{background:var(--warn-bg);color:var(--warn)}
.rs-nojs-hide{display:none}

/* ---------- كيف يعمل / قواعد ---------- */
.rs-adhow{display:grid;gap:14px;padding:18px;border-radius:20px;background:var(--surface);border:1px solid var(--border)}
.rs-adhow ol{list-style:none;display:flex;flex-direction:column;gap:14px;counter-reset:s}
.rs-adhow li{display:flex;gap:12px;align-items:flex-start;counter-increment:s}
.rs-adhow li::before{content:counter(s);flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--gold-soft);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.rs-adhow li b{display:block;font-size:14px}
.rs-adhow li span{display:block;font-size:13px;color:var(--muted);line-height:1.8;margin-top:2px}
.rs-rules{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:20px;background:var(--surface);border:1px solid var(--border)}
.rs-rules li{list-style:none;display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--text-2);line-height:1.8}
.rs-rules li svg{flex:0 0 auto;margin-top:5px;color:var(--gold)}
.rs-rules li.no svg{color:var(--down)}
.rs-adcta{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 18px;border-radius:22px;background:var(--surface);border:1px solid var(--gold-line);text-align:center}
.rs-adcta p{font-size:14px;color:var(--text-2);line-height:1.8}
.rs-adcta .rs-btn--cta{max-width:340px}

/* ---------- المعالج (الحجز) ---------- */
.rs-choice[aria-disabled="true"],.rs-choice.is-off{opacity:.55;cursor:not-allowed}
.rs-choice__p{margin-inline-start:auto;text-align:end;white-space:nowrap}
.rs-choice__p b{display:block;font-size:16px}
.rs-choice__p small{font-size:11px;color:var(--muted)}
.rs-pricebox{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:18px;background:var(--gold-soft);border:1px solid var(--gold-line)}
.rs-pricebox small{font-size:12px;color:var(--muted);line-height:1.8}
.rs-pricebox__v{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.rs-pricebox__v b{font-size:30px;font-weight:700;color:var(--gold)}
.rs-pricebox__v span{font-size:13px;font-weight:700;color:var(--text-2)}
.rs-in-box textarea{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-size:15px;outline:none;resize:none;padding:12px 0;line-height:1.7}
.rs-in-box--ta{height:auto;align-items:flex-start;min-height:84px}
.rs-cnt{align-self:flex-end;font-size:11px;color:var(--faint);font-variant-numeric:tabular-nums}
.rs-cnt.is-max{color:var(--warn)}
.rs-fld input[type="date"]{direction:ltr;text-align:right}
.rs-in-box input[type="date"]{color-scheme:inherit}

.rs-pv{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:20px;background:var(--surface-2);border:1px solid var(--border)}
.rs-pv__cap{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}
.rs-pv__cap b{color:var(--gold);font-weight:700}
.rs-pv__stage{display:flex;flex-direction:column;gap:7px;padding:10px;border-radius:14px;background:var(--bg);border:1px solid var(--border);max-width:380px;width:100%;margin-inline:auto}
.rs-pv__stage .rs-mock__ln{height:10px}
.rs-pv__ad{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;border:1px solid var(--gold-line-2);background:var(--gold-soft);min-width:0}
.rs-pv__ad small{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--gold)}
.rs-pv__ad b{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.rs-pv__ad p{font-size:12px;color:var(--text-2);line-height:1.7;overflow-wrap:anywhere}
.rs-pv__ad em{font-style:normal;font-size:11px;color:var(--link);direction:ltr;text-align:start;overflow-wrap:anywhere}
.rs-pv__ad .go{align-self:flex-start;height:28px;display:inline-flex;align-items:center;padding:0 12px;border-radius:9px;background:var(--primary);color:var(--on-primary);font-size:12px;font-weight:700}
.rs-pv__ad.is-empty b,.rs-pv__ad.is-empty p{color:var(--faint)}
/* ترتيب المعاينة بحسب الموضع */
.rs-pv__stage[data-zone="sponsor"] .rs-pv__ad{order:-2}
.rs-pv__stage[data-zone="sponsor"] .rs-pv__ad p,.rs-pv__stage[data-zone="sponsor"] .rs-pv__ad .go{display:none}
.rs-pv__stage[data-zone="sponsor"] .rs-pv__ad{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 14px}
.rs-pv__stage[data-zone="banner"] .rs-pv__ad{order:2;padding:16px;background:linear-gradient(135deg,var(--gold-soft),var(--blue-soft))}
.rs-pv__stage[data-zone="banner"] .rs-pv__ad b{font-size:15px}
.rs-pv__stage[data-zone="partners"] .rs-pv__ad{order:9;flex-direction:row;align-items:center;gap:10px}
.rs-pv__stage[data-zone="partners"] .rs-pv__ad p,.rs-pv__stage[data-zone="partners"] .rs-pv__ad .go{display:none}
.rs-pv__stage[data-zone="side"] .rs-pv__ad,.rs-pv__stage[data-zone="request"] .rs-pv__ad,.rs-pv__stage[data-zone="prices"] .rs-pv__ad{order:3}
.rs-pv__stage[data-zone="prices"] .rs-pv__ad{order:-1}
.rs-pv__stage[data-zone="prices"] .rs-pv__ad p,.rs-pv__stage[data-zone="prices"] .rs-pv__ad .go{display:none}

.rs-chk{display:flex;flex-direction:column;gap:8px}
.rs-chk label{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);font-size:13px;color:var(--text-2);line-height:1.8;cursor:pointer}
.rs-chk label:has(input:checked){border-color:var(--gold-line-2);background:var(--gold-soft)}
.rs-chk label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
.rs-chk input{flex:0 0 auto;width:20px;height:20px;margin-top:3px;accent-color:var(--primary)}

/* ---------- الدفع ---------- */
.rs-amt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border-radius:22px;background:var(--surface);border:1px solid var(--gold-line-2);text-align:center;box-shadow:var(--shadow-card)}
.rs-amt small{font-size:12px;color:var(--muted)}
.rs-amt__v{display:flex;align-items:baseline;gap:8px;direction:ltr}
.rs-amt__v b{font-size:40px;font-weight:700;color:var(--gold);letter-spacing:.5px;font-variant-numeric:tabular-nums}
.rs-amt__v span{font-size:15px;font-weight:700;color:var(--text-2)}
.rs-amt .rs-btn{height:40px;font-size:13px}
.rs-net{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn);font-size:12px;font-weight:700}
.rs-addr{display:grid;gap:14px;padding:16px;border-radius:20px;background:var(--surface);border:1px solid var(--border)}
.rs-addr__qr{justify-self:center;padding:10px;border-radius:16px;background:#fff;line-height:0}
.rs-addr__qr canvas{display:block;width:176px;height:176px;image-rendering:pixelated}
.rs-addr__a{display:flex;flex-wrap:wrap;gap:6px 10px;direction:ltr;justify-content:center;padding:12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:600;letter-spacing:.5px;color:var(--text)}
.rs-addr .rs-btn{height:42px;font-size:13px}
.rs-ring{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--border)}
.rs-ring svg{flex:0 0 auto;transform:rotate(-90deg)}
.rs-ring circle{fill:none;stroke-width:5}
.rs-ring__bg{stroke:var(--border)}
.rs-ring__v{stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset 1s linear}
.rs-ring.is-low .rs-ring__v{stroke:var(--down)}
.rs-ring b{display:block;font-size:20px;font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
.rs-ring small{display:block;font-size:12px;color:var(--muted);line-height:1.7}
.rs-ring.is-over b{color:var(--down)}
.rs-txid input{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}

.rs-vs{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:18px;border:1px solid var(--border);background:var(--surface)}
.rs-vs__ic{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--raised);color:var(--muted)}
.rs-vs b{display:block;font-size:14px}
.rs-vs p{font-size:13px;color:var(--text-2);line-height:1.8;margin-top:3px}
.rs-vs small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.rs-vs .rs-btn{margin-top:10px;height:42px}
.rs-vs[data-state="found"],.rs-vs[data-state="checking"]{border-color:var(--gold-line-2);background:var(--gold-soft)}
.rs-vs[data-state="found"] .rs-vs__ic,.rs-vs[data-state="checking"] .rs-vs__ic{background:var(--gold-soft);color:var(--gold)}
.rs-vs[data-state="ok"]{border-color:rgba(74,222,128,.4);background:var(--up-bg)}
.rs-vs[data-state="ok"] .rs-vs__ic{background:var(--up-bg);color:var(--up)}
.rs-vs[data-state="short"],.rs-vs[data-state="invalid"],.rs-vs[data-state="used"],.rs-vs[data-state="expired"]{border-color:rgba(248,113,113,.4);background:var(--down-bg)}
.rs-vs[data-state="short"] .rs-vs__ic,.rs-vs[data-state="invalid"] .rs-vs__ic,.rs-vs[data-state="used"] .rs-vs__ic,.rs-vs[data-state="expired"] .rs-vs__ic{background:var(--down-bg);color:var(--down)}
.rs-vs[data-state="down"],.rs-vs[data-state="manual"]{border-color:var(--warn-line);background:var(--warn-bg)}
.rs-vs[data-state="down"] .rs-vs__ic,.rs-vs[data-state="manual"] .rs-vs__ic{background:var(--warn-bg);color:var(--warn)}
.rs-vs[data-state="checking"] .rs-vs__ic svg{animation:rsspin 1.2s linear infinite}
@keyframes rsspin{to{transform:rotate(360deg)}}
.rs-dots{display:flex;gap:6px;margin-top:8px}
.rs-dots i{width:22px;height:5px;border-radius:99px;background:var(--border-strong)}
.rs-dots i.is-on{background:var(--down)}

/* ---------- النجاح ---------- */
.rs-done{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:30px 18px;border-radius:24px;background:var(--surface);border:1px solid rgba(74,222,128,.4)}
.rs-done__ic{width:72px;height:72px;border-radius:50%;background:var(--up-bg);color:var(--up);display:flex;align-items:center;justify-content:center;position:relative}
.rs-done__ic::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--up);opacity:0;animation:rsring 2s ease-out infinite}
.rs-done h1{font-size:22px;font-weight:700}
.rs-done p{font-size:14px;color:var(--text-2);line-height:1.9;max-width:420px}
.rs-ref{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:var(--surface-2);border:1px dashed var(--border-strong);font-size:13px;color:var(--muted)}
.rs-ref b{color:var(--text);font-size:15px;direction:ltr;font-variant-numeric:tabular-nums}

/* ---------- إعلاناتي ---------- */
.rs-mine{display:flex;flex-direction:column;gap:12px}
.rs-ad{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;background:var(--surface);border:1px solid var(--border)}
.rs-ad__top{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.rs-ad__top b{display:block;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.rs-ad__top small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.rs-adst{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--raised);color:var(--muted)}
.rs-adst--ok{background:var(--up-bg);color:var(--up)}
.rs-adst--wait{background:var(--blue-soft);color:var(--link)}
.rs-adst--warn{background:var(--warn-bg);color:var(--warn)}
.rs-adst--down{background:var(--down-bg);color:var(--down)}
.rs-ad__dates{display:flex;gap:16px;font-size:12px;color:var(--muted)}
.rs-ad__dates span b{color:var(--text-2);font-weight:600;font-variant-numeric:tabular-nums}
.rs-prog{height:6px;border-radius:99px;background:var(--border);overflow:hidden}
.rs-prog i{display:block;height:100%;width:0;border-radius:99px;background:var(--gold);transition:width .6s ease}
.rs-ad--ending .rs-prog i{background:var(--warn)}
.rs-ad__m{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rs-ad__m div{padding:10px 6px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);text-align:center}
.rs-ad__m small{display:block;font-size:11px;color:var(--muted)}
.rs-ad__m b{display:block;font-size:17px;margin-top:2px;font-variant-numeric:tabular-nums}
.rs-ad__why{padding:10px 12px;border-radius:12px;background:var(--down-bg);border:1px solid rgba(248,113,113,.35);font-size:13px;color:var(--text-2);line-height:1.8}
.rs-ad__act{display:flex;gap:8px}
.rs-ad__act .rs-btn,.rs-ad__act form{flex:1}
.rs-ad__act form .rs-btn{width:100%}

@media (min-width:1024px){
  .rs-ads{gap:26px}
  .rs-main.rs-ads--wide{max-width:1040px}
  .rs-adhero{padding:44px 40px}
  .rs-adhero h1{font-size:36px}
  .rs-aud b{font-size:28px}
  .rs-map{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:24px}
  .rs-mock{position:sticky;top:96px}
  .rs-adhow{grid-template-columns:1fr 1fr;padding:26px}
  .rs-adhow ol{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}
  .rs-adhow li{flex-direction:column}
  .rs-mine{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .rs-amt__v b{font-size:52px}
}
@media (prefers-reduced-motion:reduce){
  .rs-mock__z.is-on::after,.rs-done__ic::after,.rs-vs[data-state="checking"] .rs-vs__ic svg{animation:none!important}
  .rs-ring__v,.rs-prog i,.rs-slot,.rs-mock__z{transition:none!important}
}

.rs-ads-closed{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--text);border-radius:12px;padding:12px 14px;margin:0 0 12px}