/* ---------------------------------------------------------------------
   مرصدك — pages/events.css
   صفحات: /events (القائمة) · /events/{slug} (التفاصيل) · /events/{slug}/register

   قواعد ملزمة: خصائص منطقية فقط، ولا ألوان خارج متغيّرات tokens.css،
   وكل حركة مغطّاة بـ prefers-reduced-motion في آخر الملف.
   --------------------------------------------------------------------- */

/* =====================================================================
   1) قائمة الفعاليات — الشريط الجانبي والفلاتر
   ===================================================================== */

/* حاجز أمان للتحسين التدريجي:
   قاعدة .reveal-stagger > * في animations.css تُخفي الأبناء حتى يضيف
   reveal.js الصنف is-visible على الحاوية. بدون جافاسكربت لا يُضاف أبداً،
   فتختفي بطاقات الفعاليات نهائياً. هذه القاعدة تُبقيها ظاهرة حتى تجهز النواة. */
html:not(.js-ready) .reveal-stagger > *,
html:not(.js-ready) .reveal {
  opacity: 1;
  transform: none;
}

.ev-layout {
  align-items: start;
}

.ev-filters {
  display: flex;
  flex-direction: column;
  gap: var(--sp-5);
  padding: var(--sp-5);
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-sm);
  position: sticky;
  inset-block-start: calc(var(--header-h) + var(--sp-4));
}

.ev-filters__toggle {
  margin-block-end: var(--sp-3);
}

.ev-filters__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-3);
  padding-block-end: var(--sp-4);
  border-block-end: 1px solid var(--line);
}

.ev-filters__title {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  color: var(--navy-800);
}

.ev-filters__title svg { color: var(--violet-500); }

.ev-filters__block {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}

.ev-filters__chips {
  gap: var(--sp-2);
}

.ev-filters__actions {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
  padding-block-start: var(--sp-4);
  border-block-start: 1px solid var(--line);
}

/* الرقائق المبنية على <label> + input مخفي: نفس مظهر .chip--active */
.chip:has(input:checked) {
  color: var(--white);
  background: var(--grad-brand);
  border-color: transparent;
  box-shadow: var(--shadow-glow);
}

.chip:has(input:checked) .chip__count {
  background: rgba(255, 255, 255, .22);
  color: var(--white);
}

.chip:has(input:focus-visible) {
  outline: 2px solid var(--violet-500);
  outline-offset: 2px;
}

.chip input.sr-only {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
  pointer-events: none;
}

/* بطاقة جانبية للترويج للخريطة */
.ev-aside-card {
  margin-block-start: var(--sp-4);
  padding: var(--sp-5);
  border-radius: var(--r-lg);
  background: var(--grad-soft);
  border: 1px solid var(--violet-200);
}

.ev-aside-card__title {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  margin: 0 0 var(--sp-2);
  font-family: var(--font-display);
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  color: var(--navy-800);
}

.ev-aside-card__title svg { color: var(--violet-500); }

.ev-aside-card__text {
  margin: 0 0 var(--sp-4);
  font-size: var(--fs-sm);
  line-height: var(--lh-body);
  color: var(--ink-soft);
}

/* =====================================================================
   2) شريط أدوات النتائج
   ===================================================================== */

.ev-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-4);
  margin-block-end: var(--sp-5);
  padding-block-end: var(--sp-4);
  border-block-end: 1px solid var(--line);
}

.ev-toolbar__controls {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  flex-wrap: wrap;
}

.ev-toolbar__sort {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
}

.ev-toolbar__sort .field__label { margin: 0; white-space: nowrap; }

.ev-toolbar__sort .select {
  inline-size: auto;
  min-inline-size: 160px;
}

/* عرض القائمة: البطاقات بصيغة .card--row من مكتبة المكوّنات (variant = wide).
   شبكة بعمود واحد لا flex: البطاقة معرَّفة بـ block-size:100% فتحتاج صفّ شبكة
   ليأخذ ارتفاعها من محتواها بدل أن يُقصّ. */
.ev-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--sp-4);
}

/* =====================================================================
   3) صفحة التفاصيل — الهيرو
   ===================================================================== */

.ev-hero {
  position: relative;
  isolation: isolate;
  min-block-size: 460px;
  display: flex;
  align-items: flex-end;
  padding-block: var(--sp-9) var(--sp-7);
  overflow: hidden;
  background: var(--navy-900);
}

.ev-hero__img {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  z-index: -2;
}

.ev-hero__veil {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(7, 12, 38, .28) 0%, rgba(7, 12, 38, .72) 52%, rgba(7, 12, 38, .94) 100%),
    linear-gradient(120deg, rgba(91, 63, 209, .45) 0%, rgba(16, 27, 79, .2) 60%);
}

.ev-hero__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
  color: var(--white);
}

.ev-hero__badges { margin-block-start: var(--sp-2); }

.ev-hero__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--fs-3xl);
  font-weight: var(--fw-black);
  line-height: var(--lh-tight);
  color: var(--white);
  max-inline-size: 22ch;
  text-wrap: balance;
}

.ev-hero__lead {
  margin: 0;
  max-inline-size: 62ch;
  font-size: var(--fs-md);
  line-height: var(--lh-body);
  color: rgba(250, 247, 241, .86);
}

.ev-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2) var(--sp-5);
  font-size: var(--fs-sm);
  color: rgba(250, 247, 241, .78);
}

.ev-hero__meta > span {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
}

.ev-hero__meta svg { color: var(--violet-300); }

.ev-hero__countdown {
  margin-block-start: var(--sp-3);
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  align-items: flex-start;
}

.ev-hero__countdown-label {
  margin: 0;
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  letter-spacing: 0;
  color: rgba(250, 247, 241, .7);
}

/* =====================================================================
   4) شريط المعلومات السريعة
   ===================================================================== */

.ev-quick {
  background: var(--white);
  border-block-end: 1px solid var(--line);
  box-shadow: var(--shadow-sm);
  position: relative;
  z-index: var(--z-raised);
}

.ev-quick__list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
}

.ev-quick__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sp-1);
  padding: var(--sp-5) var(--sp-3);
  text-align: center;
  border-inline-start: 1px solid var(--line);
}

.ev-quick__item:first-child { border-inline-start: 0; }

.ev-quick__icon {
  display: grid;
  place-items: center;
  inline-size: 40px;
  block-size: 40px;
  border-radius: var(--r-md);
  background: var(--violet-50);
  color: var(--violet-600);
  margin-block-end: var(--sp-1);
}

.ev-quick__label {
  font-size: var(--fs-xs);
  color: var(--muted);
}

.ev-quick__value {
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  color: var(--navy-800);
  line-height: var(--lh-snug);
}

/* =====================================================================
   5) أقسام المحتوى
   ===================================================================== */

.ev-block {
  padding: var(--sp-6);
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-xs);
}

.ev-block__title {
  margin: 0 0 var(--sp-5);
  font-family: var(--font-display);
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  color: var(--navy-800);
  position: relative;
  padding-block-end: var(--sp-3);
}

.ev-block__title::after {
  content: '';
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  inline-size: 56px;
  block-size: 3px;
  border-radius: var(--r-pill);
  background: var(--grad-brand);
}

/* ماذا تقدّم — قائمة بعلامات صح */
.ev-highlights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sp-3) var(--sp-5);
}

.ev-highlights__item {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-3);
  font-size: var(--fs-sm);
  line-height: var(--lh-body);
  color: var(--ink-soft);
}

.ev-highlights__mark {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  inline-size: 24px;
  block-size: 24px;
  margin-block-start: 2px;
  border-radius: 50%;
  background: var(--ok-soft);
  color: var(--ok-ink);
}

/* =====================================================================
   6) تبويبات أيام الفعالية
   ===================================================================== */

.ev-days__tabs {
  margin-block-end: var(--sp-5);
  display: none;
}

/* لا تظهر التبويبات إلا عند توفّر جافاسكربت (بدونه تُعرض كل الأيام) */
html.js-ready .ev-days__tabs { display: flex; }

/* تبويب اليوم: «اليوم ١» وتحته التاريخ الفعلي */
.ev-days__tab {
  flex-direction: column;
  align-items: center;
  gap: 2px;
  line-height: 1.3;
  padding-block: var(--sp-2);
}

.ev-days__tab-label { font-weight: var(--fw-bold); }

.ev-days__tab-date {
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium, 500);
  opacity: .85;
}

/* الطباعة: كل أيام البرنامج لا اليوم النشط وحده (VIS-18) */
@media print {
  html.js-ready .ev-days__tabs { display: none !important; }
  .ev-days__panel,
  .ev-days__panel[hidden],
  .tab-panel.ev-days__panel { display: block !important; }
  .ev-days__panel + .ev-days__panel {
    margin-block-start: 18pt;
    padding-block-start: 12pt;
    border-block-start: 1px dashed #999;
  }
}

.ev-days__panel + .ev-days__panel {
  margin-block-start: var(--sp-6);
  padding-block-start: var(--sp-6);
  border-block-start: 1px dashed var(--line);
}

html.js-ready .ev-days__panel + .ev-days__panel {
  margin-block-start: 0;
  padding-block-start: 0;
  border-block-start: 0;
}

.ev-days__head {
  margin-block-end: var(--sp-5);
}

.ev-days__title {
  margin: 0 0 var(--sp-2);
  font-family: var(--font-display);
  font-size: var(--fs-lg);
  font-weight: var(--fw-bold);
  color: var(--navy-800);
}

.ev-days__sub {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sp-2);
  font-size: var(--fs-sm);
  color: var(--muted);
}

.ev-days__sub svg { color: var(--violet-400); }

.ev-days__dot { color: var(--violet-300); }

/* svg_icon() يُخرج <svg class="icon"> بلا data-icon، وقاعدة svg العامة تجعله كتلة،
   فينكسر السطر بين الأيقونة والنص داخل بيانات الخط الزمني. */
.timeline__meta > span {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
}

.ev-days__note {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-2);
  margin: var(--sp-5) 0 0;
  padding: var(--sp-3) var(--sp-4);
  border-radius: var(--r-md);
  background: var(--info-soft);
  color: var(--info-ink);
  font-size: var(--fs-sm);
  line-height: var(--lh-body);
}

/* =====================================================================
   7) المتحدثون
   ===================================================================== */

.ev-speakers {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--sp-4);
}

.ev-speaker {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-4);
  border-radius: var(--r-md);
  background: var(--cream-50);
  border: 1px solid var(--line);
  transition: transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);
}

.ev-speaker:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}

.ev-speaker__body { min-inline-size: 0; }

.ev-speaker__name {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  color: var(--navy-800);
}

.ev-speaker__title {
  margin: 2px 0 0;
  font-size: var(--fs-xs);
  color: var(--muted);
  line-height: var(--lh-snug);
}

/* =====================================================================
   8) موقع الفعالية
   ===================================================================== */

.ev-venue {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: var(--sp-5);
  align-items: stretch;
}

.ev-venue__map {
  min-block-size: 280px;
  border-radius: var(--r-md);
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--cream-200);
}

.ev-venue__map.is-unavailable {
  display: grid;
  place-items: center;
  color: var(--muted);
  font-size: var(--fs-sm);
}

/* ملاحظة: أنماط Leaflet والدبابيس المخصّصة كلها في pages/map.css،
   وصفحة تفاصيل الفعالية تحمّل الملفين معاً لأن بها خريطة مصغّرة. */

.ev-venue__info {
  display: flex;
  flex-direction: column;
  gap: var(--sp-4);
}

/* =====================================================================
   9) روابط الأخبار والتغطيات المرتبطة
   ===================================================================== */

.ev-links {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}

.ev-link {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-3) var(--sp-4);
  border-radius: var(--r-md);
  border: 1px solid var(--line);
  background: var(--cream-50);
  color: var(--ink);
  transition: background-color var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);
}

.ev-link:hover {
  background: var(--violet-50);
  border-color: var(--violet-200);
  transform: translateX(-4px);
  text-decoration: none;
}

.ev-link__icon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  inline-size: 38px;
  block-size: 38px;
  border-radius: var(--r-sm);
  background: var(--violet-100);
  color: var(--violet-600);
}

.ev-link__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-inline-size: 0;
  flex: 1 1 auto;
}

.ev-link__title {
  font-weight: var(--fw-medium);
  font-size: var(--fs-sm);
  color: var(--navy-800);
}

.ev-link__meta {
  font-size: var(--fs-xs);
  color: var(--muted);
}

.ev-link__go { color: var(--violet-400); flex-shrink: 0; }

/* =====================================================================
   10) صندوق التسجيل اللاصق
   ===================================================================== */

.ev-reg__price {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--fs-2xl);
  font-weight: var(--fw-black);
  color: var(--navy-800);
  line-height: 1;
}

.ev-reg__row {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  margin: 0;
  font-size: var(--fs-sm);
  color: var(--ink-soft);
}

.ev-reg__row svg { color: var(--violet-500); flex-shrink: 0; }

.ev-reg__row strong { color: var(--navy-800); }

.ev-reg__seats {
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
  padding: var(--sp-3);
  border-radius: var(--r-md);
  background: var(--cream-100);
}

.ev-reg__hint {
  margin: 0;
  font-size: var(--fs-xs);
  color: var(--muted);
  line-height: var(--lh-body);
  text-align: center;
}

.ev-reg__tools {
  display: flex;
  gap: var(--sp-2);
  padding-block-start: var(--sp-3);
  border-block-start: 1px solid var(--line);
}

.ev-reg__tools .btn { flex: 1 1 auto; }

.ev-reg__closed-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-3);
  margin-block-start: var(--sp-5);
}

/* الجهة المنظِّمة */
.ev-org__row {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
}

.ev-org__logo {
  inline-size: 52px;
  block-size: 52px;
  border-radius: var(--r-md);
  object-fit: contain;
  background: var(--cream-100);
  padding: 6px;
  border: 1px solid var(--line);
}

.ev-org__name {
  margin: 0;
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  color: var(--navy-800);
}

.ev-org__meta {
  margin: 2px 0 0;
  font-size: var(--fs-xs);
  color: var(--muted);
}

.ev-org__contact { margin-block-start: var(--sp-4); }

/* =====================================================================
   11) صفحة التسجيل والتذكرة
   ===================================================================== */

.ev-regform {
  padding: var(--sp-6);
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-sm);
}

.ev-regform__intro { margin-block-end: var(--sp-5); }

.ev-regform__title {
  margin: 0 0 var(--sp-2);
  font-family: var(--font-display);
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  color: var(--navy-800);
}

.ev-regform__text {
  margin: 0;
  font-size: var(--fs-sm);
  line-height: var(--lh-body);
  color: var(--ink-soft);
}

.ev-regform__policy {
  margin: var(--sp-5) 0 0;
  font-size: var(--fs-xs);
  line-height: var(--lh-body);
  color: var(--muted);
}

.ev-ticket {
  padding: var(--sp-7) var(--sp-6);
  border-radius: var(--r-xl);
  background: var(--white);
  border: 1px solid var(--violet-200);
  box-shadow: var(--shadow-md);
  text-align: center;
}

.ev-ticket__mark {
  display: grid;
  place-items: center;
  inline-size: 78px;
  block-size: 78px;
  margin: 0 auto var(--sp-4);
  border-radius: 50%;
  background: var(--ok-soft);
  color: var(--ok-ink);
}

.ev-ticket__title {
  margin: 0 0 var(--sp-3);
  font-family: var(--font-display);
  font-size: var(--fs-2xl);
  font-weight: var(--fw-black);
  color: var(--navy-800);
}

.ev-ticket__text {
  margin: 0 auto var(--sp-5);
  max-inline-size: 54ch;
  font-size: var(--fs-md);
  line-height: var(--lh-body);
  color: var(--ink-soft);
}

.ev-ticket__code {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--sp-3);
  padding: var(--sp-4) var(--sp-5);
  border-radius: var(--r-lg);
  background: var(--grad-soft);
  border: 1px dashed var(--violet-300);
}

.ev-ticket__code-label {
  font-size: var(--fs-xs);
  color: var(--muted);
}

.ev-ticket__code-value {
  font-family: var(--font-mono);
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  color: var(--violet-700);
}

.ev-ticket__steps {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
  margin: var(--sp-6) auto 0;
  max-inline-size: 58ch;
  text-align: start;
  font-size: var(--fs-sm);
  line-height: var(--lh-body);
  color: var(--ink-soft);
}

.ev-ticket__steps li {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-3);
}

.ev-ticket__step-num {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  inline-size: 26px;
  block-size: 26px;
  border-radius: 50%;
  background: var(--violet-100);
  color: var(--violet-700);
  font-weight: var(--fw-bold);
  font-size: var(--fs-xs);
}

.ev-ticket__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--sp-3);
  margin-block-start: var(--sp-6);
}

/* =====================================================================
   12) الاستجابة
   ===================================================================== */

@media (max-width: 1280px) {
  .ev-quick__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ev-quick__item:nth-child(3n + 1) { border-inline-start: 0; }
  .ev-quick__item:nth-child(n + 4) { border-block-start: 1px solid var(--line); }
}

@media (max-width: 1024px) {
  .ev-filters {
    position: static;
  }

  .ev-venue { grid-template-columns: minmax(0, 1fr); }

  .ev-hero { min-block-size: 380px; }
}

@media (max-width: 768px) {
  .ev-highlights { grid-template-columns: minmax(0, 1fr); }

  .ev-block { padding: var(--sp-5) var(--sp-4); }

  /* لوحة الفلاتر تنزلق من الأسفل على الجوال.
     مشروطة بـ html.js-ready: بدون جافاسكربت لا يعمل زر الفتح، فتبقى الفلاتر
     ظاهرة في مكانها. وvisibility:hidden تمنع وصول التركيز للحقول المخفية. */
  html.js-ready .ev-filters {
    position: fixed;
    inset-inline: 0;
    inset-block-end: 0;
    z-index: var(--z-drawer);
    max-block-size: 86vh;
    overflow-y: auto;
    border-radius: var(--r-xl) var(--r-xl) 0 0;
    transform: translateY(100%);
    visibility: hidden;
    transition: transform var(--dur-3) var(--ease), visibility 0s linear var(--dur-3);
    box-shadow: var(--shadow-lg);
  }

  html.js-ready .ev-filters.is-open {
    transform: translateY(0);
    visibility: visible;
    transition: transform var(--dur-3) var(--ease), visibility 0s linear 0s;
  }

  html:not(.js-ready) .ev-filters__toggle { display: none; }

  html.is-filters-open { overflow: hidden; }

  .ev-toolbar { gap: var(--sp-3); }
  .ev-toolbar__controls { inline-size: 100%; justify-content: space-between; }
}

@media (max-width: 560px) {
  .ev-quick__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ev-quick__item:nth-child(3n + 1) { border-inline-start: 1px solid var(--line); }
  .ev-quick__item:nth-child(2n + 1) { border-inline-start: 0; }
  .ev-quick__item:nth-child(n + 3) { border-block-start: 1px solid var(--line); }

  .ev-hero { min-block-size: 340px; padding-block: var(--sp-8) var(--sp-6); }
  .ev-hero__title { font-size: var(--fs-2xl); }

  .ev-ticket { padding: var(--sp-6) var(--sp-4); }
  .ev-ticket__code { inline-size: 100%; }
  .ev-ticket__actions .btn { inline-size: 100%; }

  .ev-speakers { grid-template-columns: minmax(0, 1fr); }
}

/* =====================================================================
   13) تقليل الحركة
   ===================================================================== */

@media (prefers-reduced-motion: reduce) {
  .ev-speaker,
  .ev-link,
  .ev-filters {
    transition: none;
  }

  .ev-speaker:hover,
  .ev-link:hover {
    transform: none;
  }
}

/* =====================================================================
   شريط التسجيل اللاصق للجوال (RESP-05)
   يظهر فقط حين ينزل صندوق التسجيل الجانبي إلى أسفل الصفحة (≤ 1024px)
   ===================================================================== */

.ev-mobile-cta { display: none; }

@media (max-width: 1024px) {
  .ev-mobile-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-3);
    margin-block-start: var(--sp-6);
  }

  .ev-mobile-cta__info {
    display: flex;
    flex-direction: column;
    min-inline-size: 0;
    line-height: 1.35;
  }

  .ev-mobile-cta__price {
    font-weight: var(--fw-bold);
    color: var(--ink);
  }

  .ev-mobile-cta__date {
    font-size: var(--fs-xs);
    color: var(--ink-soft);
  }

  .ev-mobile-cta .btn { flex: none; min-block-size: 44px; }
}

@media print {
  .ev-mobile-cta { display: none !important; }
}