/* ═══════════════════════════════════════════════════════════
   إعلانات إليف · قالب صفحات الحلول الداخلية (v3 · الحلول الستة)
   يرث توكنز الصفحة الأم من ../css/main.css — هنا ما يخص القالب فقط
   ═══════════════════════════════════════════════════════════ */

/* ─── هيكل الصفحة ─── */
.sol-main{position:relative}
.sol-back{
  display:inline-flex;align-items:center;gap:.4em;color:var(--muted);text-decoration:none;
  font-size:var(--fs-sec);font-weight:700;border-radius:999px;padding:.35em .9em;
  transition:color .2s,background .2s;
}
.sol-back .ic{transform:rotate(180deg);width:1em;height:1em}
@media (hover:hover){.sol-back:hover{color:var(--navy);background:rgba(255,255,255,.7)}}

/* ─── هيرو الحل ─── */
.sol-hero{
  position:relative;min-height:88svh;display:flex;align-items:center;
  padding-top:calc(var(--header-h) + 30px);padding-bottom:30px;
}
.sol-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center}
.sol-kicker{font-size:var(--fs-sec);font-weight:700;color:var(--coral);margin-bottom:.5em}
.sol-title{font-size:clamp(1.9rem,3vw + .6rem,2.9rem);line-height:1.32;color:var(--navy);margin-bottom:.4em}
.sol-title em{font-style:normal;color:var(--coral)}
.sol-sub{font-size:clamp(1rem,1.25vw,1.12rem);color:var(--muted);max-width:50ch;margin-bottom:1.5em}
.sol-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:1.6em}
.sol-trust{display:flex;align-items:center;gap:.7em;flex-wrap:wrap;font-size:var(--fs-sec);color:var(--muted);margin:0}
.sol-trust i{font-style:normal;color:var(--coral);font-weight:700}

/* جهاز الهيرو (ثابت داخل الصفحة · يعيد استخدام مكونات الموك من main.css) */
.sol-phone{display:flex;justify-content:center;perspective:1100px}
.sol-phone .ph3d{animation:phone-in 1.1s .2s var(--spring) both}
.sol-phone .ph-idle{animation:idle 8s ease-in-out infinite alternate}
/* المشهد هنا ساكن التركيب (scene on دائماً) */
.sol-phone .scene{position:absolute;inset:0;opacity:1;transform:none;pointer-events:none}
.sol-phone .ac{position:relative} /* مرساة شارات المقاعد */
.sol-phone .oc{position:relative} /* مرساة شارات بطاقات العروض */
.sol-phone .sl-slide{position:relative} /* مرساة شارة الشريحة */

/* شارات المقاعد داخل الموك */
.seat-tag{
  position:absolute;top:.45em;inset-inline-start:.45em;z-index:6;
  font-size:.62em;font-weight:700;font-style:normal;line-height:1.3;
  background:rgba(255,255,255,.94);color:var(--navy);
  border:1px solid var(--line);border-radius:999px;padding:.16em .6em;
  box-shadow:0 .1em .35em rgba(32,32,70,.14);
}
.seat-tag.gold{background:var(--gold-bg);border-color:var(--gold-2);color:var(--gold-ink)}
.seat-tag.rot{background:var(--ghost);border-color:rgba(129,121,185,.4);color:var(--iris)}

/* خانة التناوب: بطاقات تتبدل (فكرة فيصل المسجلة — البطاقة تتغير كل مرة) */
.rot-slot{position:relative}
/* داخل صف الرائج العريض: الخانة ترث مقاس البطاقة العريضة (flex-basis تعمل على عنصر الصف المباشر فقط) */
.ap-wrow .rot-slot{flex:0 0 76%}
.ap-wrow .rot-slot .ac-wide{flex:none;width:100%}
.rot-slot .ac{position:relative}
.rot-slot .ac.r2,.rot-slot .ac.r3{position:absolute;inset:0}
.rot-slot .ac.r1{animation:rotswap 10.5s ease-in-out infinite}
.rot-slot .ac.r2{animation:rotswap 10.5s -7s ease-in-out infinite}
.rot-slot .ac.r3{animation:rotswap 10.5s -3.5s ease-in-out infinite}
@keyframes rotswap{
  0%,26%{opacity:1;transform:translateY(0)}
  30%,92%{opacity:0;transform:translateY(4%)}
  96%,100%{opacity:1;transform:translateY(0)}
}
/* وميض خفيف على شارة التناوب مع كل تبدل */
.rot-slot .seat-tag.rot{z-index:8;animation:rotpulse 3.5s ease-in-out infinite}
@keyframes rotpulse{0%,88%,100%{box-shadow:0 .1em .35em rgba(32,32,70,.14)}94%{box-shadow:0 0 0 4px rgba(129,121,185,.25)}}

/* ─── لماذا هذا الحل ─── */
.sol-why{max-width:1040px}
.sol-why .wk{margin:0;padding-block:clamp(18px,2.6vw,26px)}
.sol-why .wk + .wk{border-top:1px solid var(--line)}

/* ─── نوعا البيع (حصري / تناوب) ─── */
.sale-modes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2.2vw,24px);max-width:980px;margin-inline:auto}
.sale-modes.solo{grid-template-columns:1fr;max-width:600px}
/* ملاحظة خاصة بالحل تحت البطاقتين (قواعد العدل/المراجعة) */
.mode-note{max-width:980px;margin:clamp(14px,2.2vw,24px) auto 0}
.mode-card{
  background:rgba(255,255,255,.8);border:1px solid rgba(240,199,197,.65);border-radius:24px;
  padding:clamp(20px,2.6vw,30px);
}
.mode-card.rot{border-color:rgba(191,187,221,.55)}
.mode-card h3{font-size:1.18rem;color:var(--navy);margin-bottom:.35em}
.mode-card h3 b{color:var(--coral)}
.mode-card.rot h3 b{color:var(--iris)}
.mode-card p{color:var(--muted);font-size:var(--fs-body);margin-bottom:.6em}
.mode-fit{font-size:var(--fs-sec);color:var(--iris);font-weight:700;margin:0 !important}
/* رسم مصغر: حصري = بطاقة ثابتة · تناوب = ثلاث بطاقات تتبادل */
.mode-viz{display:flex;gap:8px;margin-bottom:16px;height:34px;align-items:center}
.mode-viz i{border-radius:8px;height:26px;flex:none}
.viz-own i{width:86px;background:linear-gradient(120deg,var(--coral-soft),var(--coral));box-shadow:0 4px 12px rgba(214,90,86,.3)}
.viz-own.gold i{background:linear-gradient(120deg,var(--gold-1),var(--gold-2));box-shadow:0 4px 12px rgba(176,138,62,.32)}
.viz-own small{color:var(--muted);font-size:.74rem}
.viz-rot{position:relative;width:86px;height:26px}
.viz-rot i{position:absolute;inset:0;width:86px}
.viz-rot i:nth-child(1){background:linear-gradient(120deg,var(--lilac),var(--lav));animation:vrot 6s ease-in-out infinite}
.viz-rot i:nth-child(2){background:linear-gradient(120deg,var(--blue-1),var(--blue-2));animation:vrot 6s -4s ease-in-out infinite}
.viz-rot i:nth-child(3){background:linear-gradient(120deg,var(--gold-1),var(--gold-2));animation:vrot 6s -2s ease-in-out infinite}
@keyframes vrot{0%,28%{opacity:1}33%,95%{opacity:0}100%{opacity:1}}

/* ─── الأسعار ─── */
.price-flag{
  display:inline-flex;align-items:center;gap:.5em;margin-inline:auto;
  background:#fff;border:1.5px dashed var(--coral-soft);border-radius:999px;
  color:var(--maroon);font-weight:700;font-size:var(--fs-sec);padding:.5em 1.3em;
}
.price-flag-wrap{text-align:center;margin-bottom:clamp(22px,3.4vw,34px)}
.ptable-wrap{max-width:880px;margin-inline:auto;margin-bottom:clamp(26px,4vw,40px)}
.ptable-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ptable-title h3{font-size:1.14rem;color:var(--navy);margin:0}
.ptable-title small{color:var(--muted);font-size:var(--fs-sec)}
.ptable{
  background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;
  box-shadow:var(--shadow-s);
}
.prow{
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr);
  align-items:center;gap:10px;padding:.85em clamp(14px,2.4vw,26px);
}
.prow + .prow{border-top:1px solid var(--line)}
.prow.head{background:var(--ghost);font-size:var(--fs-cap);color:var(--muted);font-weight:700;padding-block:.6em}
.prow .p-name{display:flex;align-items:center;gap:.6em;font-weight:700;color:var(--navy);font-size:.95rem;min-width:0}
.p-badge{
  font-size:.68rem;font-weight:700;border-radius:999px;padding:.14em .62em;white-space:nowrap;
  background:var(--cream);color:var(--maroon);border:1px solid var(--blush);
}
.p-badge.rot{background:var(--ghost);color:var(--iris);border-color:rgba(129,121,185,.4)}
.p-badge.gold{background:var(--gold-bg);color:var(--gold-ink);border-color:var(--gold-2)}
.prow .p-model{font-size:var(--fs-cap);color:var(--muted)}
.prow .p-price{display:inline-flex;align-items:baseline;gap:.3em;justify-content:flex-end;color:var(--navy);font-size:var(--fs-sec)}
.prow .p-price b{color:var(--coral);font-size:1.3rem;line-height:1}
.prow .p-price .ryl{color:var(--coral);align-self:center}
.prow .p-price small{color:var(--muted)}
.ptable-note{margin:12px 4px 0;color:var(--muted);font-size:var(--fs-sec)}
.ptable-note b{color:var(--navy)}
.packs-note{
  max-width:880px;margin-inline:auto;background:rgba(255,255,255,.75);border:1px solid rgba(191,187,221,.4);
  border-radius:18px;padding:1em 1.5em;color:var(--muted);font-size:var(--fs-body);
}
.packs-note b{color:var(--iris)}

/* ─── CTA الختامي المصغر ─── */
.sol-order{max-width:880px;margin-inline:auto}
.sol-order .order-panel{grid-template-columns:1fr;text-align:center}
.sol-order .order-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ─── Footer مصغر ─── */
.sol-footer{background:var(--navy);color:var(--lilac);padding-block:36px;text-align:center}
.sol-footer svg{height:30px;width:auto;color:#fff}
.sol-footer p{margin:.8em 0 0;font-size:var(--fs-cap);color:rgba(191,187,221,.75)}

/* ═══ موبايل ═══ */
@media (max-width:980px){
  .sol-hero{min-height:0;padding-top:calc(var(--header-h) + 12px)}
  .sol-hero-grid{grid-template-columns:1fr;text-align:center}
  .sol-sub{margin-inline:auto}
  .sol-cta,.sol-trust{justify-content:center}
  .sol-phone{order:2;padding-top:8px;--phw:min(250px,68vw)}
  .sale-modes{grid-template-columns:1fr}
  .prow{grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr);row-gap:2px}
  .prow .p-model{display:none}
  .sol-why .wk{text-align:start}
}

/* ═══ بلا JavaScript / تقليل حركة ═══ */
html:not(.js) .sol-phone .ph3d{animation:none;opacity:1}
@media (prefers-reduced-motion: reduce){
  .sol-phone .ph3d,.sol-phone .ph-idle{animation:none}
  .rot-slot .ac.r1{animation:none}
  .rot-slot .ac.r2,.rot-slot .ac.r3{animation:none;opacity:0}
  .viz-rot i{animation:none}
  .viz-rot i:nth-child(2),.viz-rot i:nth-child(3){opacity:0}
  .rot-slot .seat-tag.rot{animation:none}
}