/* ==========================================================================
   policy-card.css — بطاقة قسم في الصفحات الثابتة (Policy / SectionCard)
   شركة السرعة المطلقة | كل القيم من tokens.css — RTL.
   تتكرّر في: سياسة الدفع، الشحن، الاسترجاع، الخصوصية، الشروط، الضمان.

   ⚠️ المحتوى داخل .policy-card__content يأتي من محرّر ووردبريس (WP editor)،
   لذا تُنسَّق الوسوم الخام مباشرةً (h2/h3/p/ul/ol/li/a/strong) وليس عبر
   أصناف (classes)، حتى يظهر أي محتوى يكتبه المحرّر بشكل صحيح.
   ========================================================================== */

.policy-card {
  background-color: var(--color-surface);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card-soft);
  padding: var(--space-24);
}
@media (min-width: 768px) {
  .policy-card {
    padding: var(--space-32);
  }
}

/* ---------- منطقة المحتوى (WP editor prose) ---------- */
.policy-card__content {
  font-size: var(--fs-xs);
  line-height: 1.95;
  color: var(--color-text-secondary);
  text-align: start; /* يمين في RTL */
}
.policy-card__content > :first-child { margin-block-start: 0; }
.policy-card__content > :last-child { margin-block-end: 0; }

/* العناوين */
.policy-card__content h2,
.policy-card__content h3,
.policy-card__content h4 {
  color: var(--color-dark);
  font-weight: var(--fw-black);
  line-height: var(--lh-tight);
  text-align: start;
}
/* عنوان البطاقة الرئيسي — يتبعه فاصل رفيع (مطابق لفيجما) */
.policy-card__content h2 {
  font-size: var(--fs-lg);
  padding-block-end: var(--space-20);
  border-block-end: var(--border-width) solid var(--color-divider);
  margin-block:   var(--space-20);
}
.policy-card__content h3 {
  font-size: var(--fs-md);
  margin-block: var(--space-20) var(--space-12);
}
.policy-card__content h4 {
  font-size: var(--fs-base);
  margin-block: var(--space-16) var(--space-8);
}

/* الفقرات */
.policy-card__content p { margin-block: 0; }
.policy-card__content p + p { margin-block-start: var(--space-12); }

/* الروابط والتشديد */
.policy-card__content a {
  color: var(--color-primary);
  text-decoration: underline;
}
.policy-card__content a:hover { color: var(--color-primary-darkest); }
.policy-card__content strong,
.policy-card__content b {
  font-weight: var(--fw-bold);
  color: var(--color-text);
}

/* ---------- القوائم ---------- */
.policy-card__content ul,
.policy-card__content ol {
  margin-block: var(--space-16) 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

/* قائمة نقطية — علامة على اليمين (start) في RTL:
   نقطة عنابية صغيرة داخل هالة مربّعة باهتة (مطابقة لفيجما). */
.policy-card__content ul { list-style: none; }
.policy-card__content ul > li {
  position: relative;
  padding-inline-start: var(--space-28);
}
.policy-card__content ul > li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0; /* يمين في RTL */
  top: 0.25em;
  width: 20px;
  height: 20px;
  border-radius: var(--radius-xs);
  background-color: color-mix(in srgb, var(--color-price) 8%, transparent);
  background-image: radial-gradient(circle at center, var(--color-price) 0 2.5px, transparent 2.6px);
}

/* قائمة مرقّمة */
.policy-card__content ol {
  list-style: decimal;
  padding-inline-start: var(--space-20);
}
.policy-card__content ol > li::marker {
  color: var(--color-price);
  font-weight: var(--fw-bold);
}

/* قوائم متداخلة */
.policy-card__content li > ul,
.policy-card__content li > ol {
  margin-block: var(--space-8) 0;
}

/* ---------- صف وسائل الدفع (متغيّر سياسة الدفع) ---------- */
.policy-card__payments {
  margin-block-start: var(--space-24);
  max-width: 100%;
}