/* ============================================================
   Dr Mahmoud AI — أنماط أقسام الصفحات
   كل الألوان من tokens.css. لا لون مكتوب مباشرة هنا.
   ============================================================ */

/* --- عناصر مشتركة --- */

.dm-muted {
  color: var(--dm-text-muted);
  font-size: var(--dm-fs-sm);
}

.dm-tag {
  display: inline-block;
  font-size: var(--dm-fs-label);
  font-weight: 600;
  letter-spacing: .03em;
  padding: 3px 10px;
  border-radius: var(--dm-radius-pill);
  background: var(--dm-surface-3);
  color: var(--dm-text-2);
  margin-inline-end: 6px;
}

.dm-price {
  font-family: var(--dm-font-display);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--dm-blue-600);
  display: inline-block;
}

/* ملاحظة داخلية: محتوى بانتظار بيانات العميل.
   واضحة عمدًا حتى لا تُنشر بالخطأ كمحتوى نهائي. */
.dm-note {
  border: 1px dashed var(--dm-border-strong);
  border-inline-start: 4px solid var(--dm-warning);
  background: var(--dm-warning-bg);
  border-radius: var(--dm-radius-sm);
  padding: var(--dm-space-4) var(--dm-space-6);
  margin-block: var(--dm-space-6);
}

.dm-note p {
  margin: 0;
  font-size: var(--dm-fs-sm);
  color: var(--dm-warning-text);
}

/* --- الأزرار --- */

.wp-block-button.dm-btn-primary .wp-block-button__link {
  background: var(--dm-blue-600);
  color: var(--dm-text-invert);
  border-radius: var(--dm-radius-md);
  min-height: var(--dm-control-h);
  display: inline-flex;
  align-items: center;
  padding-inline: var(--dm-space-8);
  font-weight: 600;
}

.wp-block-button.dm-btn-primary .wp-block-button__link:hover {
  background: var(--dm-blue-700);
  color: var(--dm-text-invert);
}

.wp-block-button.dm-btn-ghost .wp-block-button__link {
  background: transparent;
  color: var(--dm-blue-600);
  box-shadow: inset 0 0 0 1px var(--dm-border-strong);
  border-radius: var(--dm-radius-md);
  min-height: var(--dm-control-h);
  display: inline-flex;
  align-items: center;
  padding-inline: var(--dm-space-8);
  font-weight: 600;
}

.wp-block-button.dm-btn-ghost .wp-block-button__link:hover {
  background: var(--dm-surface-2);
}

/* --- إطار الأقسام --- */

.dm-hero,
.dm-paths,
.dm-roadmap,
.dm-schedule,
.dm-why,
.dm-sample,
.dm-plans,
.dm-faq,
.dm-cta {
  padding-block: var(--dm-space-12);
}

@media (min-width: 900px) {
  .dm-hero,
  .dm-paths,
  .dm-roadmap,
  .dm-schedule,
  .dm-why,
  .dm-sample,
  .dm-plans,
  .dm-faq,
  .dm-cta {
    padding-block: var(--dm-space-16);
  }
}

.dm-paths,
.dm-schedule,
.dm-plans {
  background: var(--dm-surface-2);
}

/* --- 1. Hero --- */

.dm-hero {
  background:
    radial-gradient(90% 130% at 88% 0%, rgba(129, 73, 245, .30), transparent 58%),
    radial-gradient(80% 110% at 10% 8%, rgba(18, 199, 214, .20), transparent 55%),
    linear-gradient(160deg, var(--dm-midnight) 0%, var(--dm-navy-900) 55%, #0A2668 100%);
  color: var(--dm-text-invert);
  text-align: center;
}

.dm-hero__title {
  color: var(--dm-text-invert);
  font-size: var(--dm-fs-h1);
  max-width: 20ch;
  margin-inline: auto;
}

.dm-hero__sub {
  color: #C7D8F5;
  font-size: 1.0625rem;
  max-width: 46ch;
  margin-inline: auto;
  margin-block-end: var(--dm-space-8);
}

.dm-hero .wp-block-buttons {
  justify-content: center;
  gap: var(--dm-space-3);
}

/* الزر الشبحي على أرضية داكنة يحتاج ألوانه الخاصة */
.dm-hero .wp-block-button.dm-btn-ghost .wp-block-button__link {
  color: var(--dm-text-invert);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
}

.dm-hero .wp-block-button.dm-btn-ghost .wp-block-button__link:hover {
  background: rgba(255, 255, 255, .10);
}

.dm-hero__trust {
  margin-block-start: var(--dm-space-8);
  color: #9EC6FF;
  font-size: var(--dm-fs-sm);
  max-width: 60ch;
  margin-inline: auto;
}

/* --- بطاقات الشبكات --- */

.dm-paths__grid .wp-block-column,
.dm-roadmap__grid .wp-block-column,
.dm-schedule__grid .wp-block-column,
.dm-why__grid .wp-block-column,
.dm-plans__grid .wp-block-column {
  background: var(--dm-surface);
  border: 1px solid var(--dm-border);
  border-radius: var(--dm-radius-md);
  padding: var(--dm-space-6);
  box-shadow: var(--dm-shadow-sm);
}

.dm-paths__grid h3,
.dm-roadmap__grid h3,
.dm-schedule__grid h3,
.dm-why__grid h3,
.dm-plans__grid h3 {
  font-size: 1.0625rem;
  margin-block: 0 var(--dm-space-2);
}

.dm-paths__grid p,
.dm-roadmap__grid p,
.dm-why__grid p {
  font-size: var(--dm-fs-sm);
  color: var(--dm-text-2);
  margin-block-end: 0;
}

/* --- 3. خطة المنهج --- */

.dm-roadmap__grid .wp-block-column {
  border-block-start: 3px solid var(--dm-cyan-700);
}

/* --- 4. المجموعات القادمة --- */

.dm-schedule__grid .wp-block-column {
  display: flex;
  flex-direction: column;
  gap: var(--dm-space-2);
}

.dm-schedule__grid .wp-block-buttons {
  margin-block-start: auto;
  padding-block-start: var(--dm-space-4);
}

/* --- 6. نموذج مجاني --- */

.dm-sample {
  text-align: center;
}

.dm-sample .wp-block-buttons {
  justify-content: center;
}

/* --- 7. الباقات --- */

.dm-plans__grid .wp-block-column {
  display: flex;
  flex-direction: column;
}

.dm-plans__grid ul {
  font-size: var(--dm-fs-sm);
  color: var(--dm-text-2);
  padding-inline-start: 20px;
}

.dm-plans__grid li::marker {
  color: var(--dm-cyan-700);
}

.dm-plans__grid .wp-block-buttons {
  margin-block-start: auto;
  padding-block-start: var(--dm-space-4);
}

/* --- 8. الأسئلة الشائعة --- */

.dm-faq h3 {
  font-size: 1rem;
  margin-block: var(--dm-space-6) var(--dm-space-1);
}

.dm-faq p {
  color: var(--dm-text-2);
  font-size: var(--dm-fs-sm);
}

/* --- 9. الدعوة النهائية --- */

.dm-cta {
  background: var(--dm-gradient-brand);
  color: var(--dm-text-invert);
  text-align: center;
}

.dm-cta h2,
.dm-cta p {
  color: var(--dm-text-invert);
}

.dm-cta .wp-block-buttons {
  justify-content: center;
}

.dm-cta .wp-block-button.dm-btn-primary .wp-block-button__link {
  background: var(--dm-white);
  color: var(--dm-navy-900);
}

.dm-cta .wp-block-button.dm-btn-primary .wp-block-button__link:hover {
  background: var(--dm-bg-light);
  color: var(--dm-navy-900);
}

.dm-cta .dm-wa {
  margin-block-start: var(--dm-space-4);
}

/* الأعمدة تتكدّس رأسيًا على الهاتف — سلوك Gutenberg الافتراضي،
   نضبط المسافة بينها فقط. */
@media (max-width: 781px) {
  .wp-block-columns.dm-paths__grid,
  .wp-block-columns.dm-roadmap__grid,
  .wp-block-columns.dm-schedule__grid,
  .wp-block-columns.dm-why__grid,
  .wp-block-columns.dm-plans__grid {
    gap: var(--dm-space-4);
  }
}

/* ============================================================
   الصفحة الرئيسية — تخطيط الأقسام الممتدة
   ملاحظة: إخفاء العنوان وإلغاء الصندوق والحشو الرأسي تتم عبر
   إعدادات Kadence لكل صفحة (Title / Content Style / Vertical
   Padding) لا عبر CSS، حتى تبقى قابلة للتغيير من محرّر الصفحة.
   ============================================================ */

/* محرّر البلوكات يضع مسافة رأسية بين البلوكات العليا، فتظهر
   شرائط بيضاء بين الأقسام الملوّنة. الأقسام تتلاصق بلا فواصل. */
body.home .entry-content > .wp-block-group.alignfull {
  margin-block: 0;
}

/* الخلفية تمتد بعرض الشاشة، والمحتوى داخلها يبقى محدود العرض. */
body.home .wp-block-group.alignfull > .wp-block-group__inner-container {
  max-width: var(--dm-wrap, 1100px);
  margin-inline: auto;
  padding-inline: var(--dm-space-6);
}

/* ============================================================
   الصورة الشخصية داخل حلقة تدرج الهوية
   العنصر الأوضح في المرجع البصري، ويُعاد استخدامه لأي صورة شخص.
   ============================================================ */

.dm-avatar {
  width: fit-content;
  margin-inline: 0;
  margin-block-end: var(--dm-space-6);
  padding: 4px;
  border-radius: 999px;
  background: var(--dm-gradient-ring);
  line-height: 0;
}

.dm-avatar img {
  display: block;
  border-radius: 999px;
  border: 3px solid var(--dm-surface);
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

/* ============================================================
   الهيدر — زرّا الواتساب والدخول داخل القائمة
   عنصرا قائمة عاديان يمكن للمدير نقلهما أو تسميتهما،
   لكنهما يظهران كزرّين لا كروابط نصية.

   ملاحظة على الخصوصية: قاعدة Kadence لألوان روابط القائمة
   (.main-navigation .primary-menu-container > ul > li.menu-item > a)
   خصوصيتها 0-3-3، لذلك نطابق بنيتها ونضيف فئة الزر لنتجاوزها
   بـ 0-4-3 بدل اللجوء إلى !important.
   ============================================================ */

.main-navigation .primary-menu-container > ul > li.menu-item.dm-nav-wa > a,
.main-navigation .primary-menu-container > ul > li.menu-item.dm-nav-login > a,
.mobile-navigation .mobile-menu-container > ul > li.menu-item.dm-nav-wa > a,
.mobile-navigation .mobile-menu-container > ul > li.menu-item.dm-nav-login > a,
.header-navigation li.menu-item.dm-nav-wa > a,
.header-navigation li.menu-item.dm-nav-login > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding-inline: var(--dm-space-4);
  border-radius: var(--dm-radius-sm);
  font-weight: 600;
  line-height: 1.2;
}

/* واتساب: أخضر مصمت بنص أبيض — التباين 5.2:1 (ناجح AA) */
.main-navigation .primary-menu-container > ul > li.menu-item.dm-nav-wa > a,
.mobile-navigation .mobile-menu-container > ul > li.menu-item.dm-nav-wa > a,
.header-navigation li.menu-item.dm-nav-wa > a {
  background: #0F7A6C;
  color: #fff;
}

.main-navigation .primary-menu-container > ul > li.menu-item.dm-nav-wa > a:hover,
.mobile-navigation .mobile-menu-container > ul > li.menu-item.dm-nav-wa > a:hover,
.header-navigation li.menu-item.dm-nav-wa > a:hover {
  background: #0B5C51;
  color: #fff;
}

/* أيقونة واتساب مرسومة بقناع — بلا طلب شبكة إضافي */
.header-navigation li.menu-item.dm-nav-wa > a::before {
  content: "";
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: #fff;
  -webkit-mask: var(--dm-wa-icon) center / contain no-repeat;
  mask: var(--dm-wa-icon) center / contain no-repeat;
}

/* الدخول: إطار فقط — إجراء ثانوي لا ينافس الواتساب */
.main-navigation .primary-menu-container > ul > li.menu-item.dm-nav-login > a,
.mobile-navigation .mobile-menu-container > ul > li.menu-item.dm-nav-login > a,
.header-navigation li.menu-item.dm-nav-login > a {
  background: transparent;
  color: var(--dm-blue-600);
  box-shadow: inset 0 0 0 1px var(--dm-border-strong);
}

.main-navigation .primary-menu-container > ul > li.menu-item.dm-nav-login > a:hover,
.mobile-navigation .mobile-menu-container > ul > li.menu-item.dm-nav-login > a:hover,
.header-navigation li.menu-item.dm-nav-login > a:hover {
  background: var(--dm-surface-2);
  color: var(--dm-blue-700);
}

.header-navigation li.menu-item.dm-nav-login {
  margin-inline-start: var(--dm-space-4);
}

/* على الهاتف يمتد الزران بعرض القائمة ليسهل لمسهما */
@media (max-width: 1024px) {
  .mobile-navigation .mobile-menu-container > ul > li.menu-item.dm-nav-wa > a,
  .mobile-navigation .mobile-menu-container > ul > li.menu-item.dm-nav-login > a {
    width: 100%;
    min-height: var(--dm-control-h-mobile);
    margin-block: var(--dm-space-2);
  }
}

/* اسم الموقع بخط العناوين إلى أن يصل الشعار */
.site-title {
  font-family: var(--dm-font-display);
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* ============================================================
   ضبط عرض الهيدر
   القائمة (٨ روابط + زرّان) كانت تحتاج 881px والمتاح 818px،
   فكانت تنكسر إلى سطرين. الحل بثلاث خطوات صغيرة مجتمعة بدل
   تصغير عنصر واحد تصغيرًا مبالغًا فيه:
   شعار أضيق + خط أصغر درجة + حشو أقل بين الروابط.
   بعد التطبيق صارت القائمة تحتاج 793px من أصل 809px متاحة.
   ============================================================ */

/* Kadence يضبط عرض الشعار بـ .site-branding a.brand img (0-2-2)،
   فنطابق بنيته ونضيف فئة الشعار لنتجاوزه بـ 0-3-2. */
.site-branding a.brand img.custom-logo {
  max-width: 168px;
  height: auto;
}

.main-navigation .primary-menu-container > ul > li.menu-item > a,
.header-navigation li.menu-item > a {
  font-size: 16px;
  padding-inline: 8px;
}

/* الزرّان يحتاجان حشوًا أوسع قليلًا ليبقيا زرّين لا روابط */
.main-navigation .primary-menu-container > ul > li.menu-item.dm-nav-wa > a,
.main-navigation .primary-menu-container > ul > li.menu-item.dm-nav-login > a,
.header-navigation li.menu-item.dm-nav-wa > a,
.header-navigation li.menu-item.dm-nav-login > a {
  padding-inline: var(--dm-space-3);
}

/* الشاشات المتوسطة أضيق — نشدّ أكثر قبل التحوّل لقائمة الهاتف */
@media (max-width: 1280px) {
  .site-branding a.brand img.custom-logo {
    max-width: 132px;
  }

  .main-navigation .primary-menu-container > ul > li.menu-item > a,
  .header-navigation li.menu-item > a {
    font-size: 15px;
    padding-inline: 6px;
  }
}

/* ============================================================
   صورة الدكتور في الـ Hero
   المصدر 258×307 فقط، فنعرضها بحجم لا يتجاوز مقاسها الطبيعي
   حتى لا تظهر ضبابية. تُكبَّر فور وصول الأصل عالي الدقة.
   ============================================================ */

.dm-hero__photo {
  margin-inline: auto;
  margin-block-end: var(--dm-space-6);
}

.dm-hero__photo img {
  width: 168px;
  height: 168px;
  object-position: center 20%;
}

@media (min-width: 900px) {
  .dm-hero__photo img {
    width: 200px;
    height: 200px;
  }
}

/* الحلقة على الخلفية الكحلية تحتاج حدًا داكنًا لا أبيض */
.dm-hero__photo img {
  border-color: var(--dm-navy-900);
}

/* ============================================================
   الفوتر
   ============================================================ */

.site-footer .footer-widget-area,
.site-footer .site-top-footer-wrap,
.site-footer .site-bottom-footer-wrap {
  color: #C7D8F5;
}

.dm-foot__h {
  font-family: var(--dm-font-display);
  font-size: 1rem;
  font-weight: 600;
  color: var(--dm-white);
  margin-block: 0 var(--dm-space-3);
}

.dm-foot__about {
  font-size: var(--dm-fs-sm);
  line-height: 1.9;
  color: #9EC6FF;
  max-width: 38ch;
}

.dm-foot__logo {
  margin-block-end: var(--dm-space-4);
}

.dm-foot__line {
  font-size: var(--dm-fs-sm);
  color: #C7D8F5;
  margin-block-end: var(--dm-space-2);
}

.dm-foot__line strong {
  color: var(--dm-white);
  font-weight: 600;
}

.dm-foot__links {
  list-style: none;
  padding-inline-start: 0;
  margin-block-end: var(--dm-space-6);
}

.dm-foot__links li {
  margin-block-end: 6px;
}

.dm-foot__links a {
  color: #C7D8F5;
  font-size: var(--dm-fs-sm);
  text-decoration: none;
}

.dm-foot__links a:hover {
  color: var(--dm-white);
  text-decoration: underline;
}

.site-footer .dm-wa {
  margin-block-start: var(--dm-space-3);
}

/* سطر الحقوق */
.site-bottom-footer-inner-wrap {
  font-size: 13px;
  color: #8FA6CC;
}

.site-bottom-footer-inner-wrap a {
  color: #C7D8F5;
}

/* ============================================================
   صفحة 404
   ============================================================ */

/* Kadence يترك هامشًا علويًا 80px لمنطقة المحتوى، ومع حشو
   القسم صار الفراغ فوق الرقم 256px. نلغي الهامش على 404 فقط. */
.error404 .content-area {
  margin-top: 0;
}

.dm-404 {
  text-align: center;
  padding-block: var(--dm-space-8) var(--dm-space-16);
}

.dm-404__code {
  font-family: var(--dm-font-display);
  font-size: clamp(4rem, 14vw, 7rem);
  font-weight: 700;
  line-height: 1;
  /* تدرّج أفقي بدرجات حيّة — التدرّج القُطري كان يعرض الطرف
     الكحلي فقط على عرض ثلاثة أرقام فيبدو بلون واحد. */
  background: linear-gradient(90deg, var(--dm-cyan-400) 0%, var(--dm-blue-500) 45%, var(--dm-purple-500) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-block-end: var(--dm-space-4);
}

.dm-404 .wp-block-buttons {
  justify-content: center;
}

.dm-404 h1 {
  font-size: var(--dm-fs-h2);
  margin-block: 0 var(--dm-space-3);
}

/* :not() يستثني الرقم — بدونها تتغلب هذه القاعدة (0-1-1)
   على .dm-404__code (0-1-0) فتُلغي شفافية النص ويختفي التدرّج. */
.dm-404 > p:not(.dm-404__code) {
  color: var(--dm-text-2);
  max-width: 52ch;
  margin-inline: auto;
}

.dm-404__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--dm-space-4);
  max-width: 760px;
  margin: var(--dm-space-8) auto;
  text-align: start;
}

.dm-404__card {
  display: block;
  padding: var(--dm-space-4) var(--dm-space-6);
  background: var(--dm-surface);
  border: 1px solid var(--dm-border);
  border-radius: var(--dm-radius-md);
  box-shadow: var(--dm-shadow-sm);
  text-decoration: none;
  transition: border-color .18s ease, transform .18s ease;
}

.dm-404__card:hover {
  border-color: var(--dm-blue-600);
  transform: translateY(-2px);
}

.dm-404__card strong {
  display: block;
  color: var(--dm-blue-600);
  margin-block-end: 2px;
}

.dm-404__card span {
  font-size: var(--dm-fs-sm);
  color: var(--dm-text-muted);
}

.dm-404__search {
  max-width: 460px;
  margin: var(--dm-space-8) auto;
}

.dm-404__search p {
  font-size: var(--dm-fs-sm);
  color: var(--dm-text-muted);
  margin-block-end: var(--dm-space-2);
}

.dm-404__help {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--dm-space-3);
  color: var(--dm-text-muted);
  font-size: var(--dm-fs-sm);
}

@media (prefers-reduced-motion: reduce) {
  .dm-404__card:hover { transform: none; }
}

/* ============================================================
   صفحات الدفع: بلا مقاطعة
   الطالب في منتصف تحويل مالي — أي زر يخرجه من الصفحة يعني
   طلبًا معلّقًا بلا إثبات. نُخفي دعوات واتساب من الهيدر والفوتر
   في السلة والدفع وصفحة تأكيد الطلب فقط.
   ============================================================ */

.woocommerce-cart .dm-nav-wa,
.woocommerce-checkout .dm-nav-wa,
.woocommerce-order-received .dm-nav-wa,
.woocommerce-cart .site-footer .dm-wa,
.woocommerce-checkout .site-footer .dm-wa,
.woocommerce-order-received .site-footer .dm-wa {
  display: none;
}

/* ============================================================
   كل قيمة الاشتراك تُتبرَّع — أقوى ما يميّز المنصة
   ============================================================ */

.dm-charity {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(70% 110% at 88% -10%, rgba(18, 199, 214, .18), transparent 62%),
    radial-gradient(60% 90% at 5% 110%, rgba(129, 73, 245, .16), transparent 60%),
    linear-gradient(160deg, var(--dm-navy-900) 0%, var(--dm-navy-800) 100%);
  color: var(--dm-text-invert);
  text-align: start;
  padding-block: clamp(40px, 5.5vw, 72px);
  overflow: hidden;
}

/* شعرة متدرّجة أعلى الشريط تربطه بألوان الهوية بلا ضجيج.
   النسخة الداخلية مستثناة: لها حدّ جانبي سماوي يكفيها. */
.dm-charity:not(.dm-charity--inline)::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  block-size: 2px;
  background: linear-gradient(90deg, var(--dm-cyan-400), var(--dm-blue-500) 55%, var(--dm-purple-500));
}

.dm-charity__eyebrow {
  display: inline-flex;
  /* داخل الشبكة يتمدّد العنصر افتراضيًا، فنمنعه ليحتضن نصّه */
  justify-self: start;
  inline-size: fit-content;
  align-items: center;
  gap: 8px;
  margin: 0 0 var(--dm-space-4);
  padding: 6px 14px;
  border: 1px solid rgba(18, 199, 214, .28);
  border-radius: var(--dm-radius-pill);
  background: rgba(18, 199, 214, .10);
  font-family: var(--dm-font-display);
  font-size: var(--dm-fs-sm);
  font-weight: 700;
  letter-spacing: .01em;
  color: #8FE9F2;
}

.dm-charity__eyebrow::before {
  content: "";
  inline-size: 7px;
  block-size: 7px;
  border-radius: 50%;
  background: var(--dm-cyan-400);
  box-shadow: 0 0 0 3px rgba(18, 199, 214, .22);
}

.dm-charity h2 {
  color: var(--dm-text-invert);
  font-size: clamp(1.6rem, 3.4vw, 2.35rem);
  line-height: 1.25;
  text-wrap: balance;
  margin-block: 0 var(--dm-space-3);
}

.dm-charity__lede {
  color: #C7D8F5;
  font-size: 1.0625rem;
  line-height: 1.75;
  max-width: 46ch;
  margin: 0;
}

.dm-charity strong { color: var(--dm-text-invert); }

/* الأوجه الأربعة: بطاقات لا أقراص — كل واحدة خيار حقيقي يختاره الطالب */
.dm-charity__list {
  list-style: none;
  padding-inline-start: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: var(--dm-space-3);
  margin: var(--dm-space-6) 0 0;
}

.dm-charity__list li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--dm-radius-md);
  background: rgba(255, 255, 255, .055);
  color: var(--dm-text-invert);
  font-weight: 600;
  line-height: 1.4;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.dm-charity__list li:hover {
  background: rgba(255, 255, 255, .09);
  border-color: rgba(18, 199, 214, .42);
  transform: translateY(-2px);
}

/* الأيقونة مرسومة في الخلفية: مربّع مدوّر بلون سماوي خافت */
.dm-charity__list li::before {
  content: "";
  flex: none;
  inline-size: 38px;
  block-size: 38px;
  border-radius: 10px;
  border: 1px solid rgba(18, 199, 214, .26);
  background-color: rgba(18, 199, 214, .13);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px 21px;
}

.dm-charity__list li:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312C7D6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.1v1.7'/%3E%3Cpath d='M6.6 11a5.4 5.4 0 0 1 10.8 0'/%3E%3Cpath d='M5.6 11h12.8v9.4H5.6z'/%3E%3Cpath d='M10 20.4v-3.6a2 2 0 0 1 4 0v3.6'/%3E%3Cpath d='M3.2 9.6v10.8M20.8 9.6v10.8'/%3E%3C/svg%3E");
}

.dm-charity__list li:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312C7D6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.4' cy='6' r='2.6'/%3E%3Cpath d='M2.8 20.6v-2.2a4.6 4.6 0 0 1 9.2 0v2.2'/%3E%3Ccircle cx='17' cy='11.2' r='2'/%3E%3Cpath d='M13.6 20.6v-1.7a3.4 3.4 0 0 1 6.8 0v1.7'/%3E%3C/svg%3E");
}

.dm-charity__list li:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312C7D6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12.6s-3.3-2.2-3.3-4.5a2.25 2.25 0 0 1 3.3-2 2.25 2.25 0 0 1 3.3 2c0 2.3-3.3 4.5-3.3 4.5z'/%3E%3Cpath d='M4.4 14.2v2.4A4.6 4.6 0 0 0 9 21.2h6a4.6 4.6 0 0 0 4.6-4.6v-2.4'/%3E%3C/svg%3E");
}

.dm-charity__list li:nth-child(4)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312C7D6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7.1S10.1 5.6 6.9 5.6H3.4v12.2h3.5c3.2 0 5.1 1.5 5.1 1.5s1.9-1.5 5.1-1.5h3.5V5.6h-3.5C13.9 5.6 12 7.1 12 7.1z'/%3E%3Cpath d='M12 7.1v12.1'/%3E%3C/svg%3E");
}

.dm-charity__note {
  color: #9EC6FF;
  font-size: var(--dm-fs-sm);
  margin-block: var(--dm-space-8) 0;
  padding-block-start: var(--dm-space-4);
  border-block-start: 1px solid rgba(255, 255, 255, .12);
}

/* عمودان على الشاشات الواسعة: الرسالة على جهة، والخيارات على الأخرى */
@media (min-width: 900px) {
  .dm-charity > .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: var(--dm-space-12);
    align-items: start;
  }

  .dm-charity__eyebrow { grid-area: 1 / 1; }
  .dm-charity h2       { grid-area: 2 / 1; }
  .dm-charity__lede    { grid-area: 3 / 1; }

  .dm-charity__list {
    grid-area: 1 / 2 / 4 / 3;
    align-self: center;
    margin-block-start: 0;
  }

  .dm-charity__note { grid-area: 4 / 1 / 5 / 3; }
}

@media (prefers-reduced-motion: reduce) {
  .dm-charity__list li { transition: none; }
  .dm-charity__list li:hover { transform: none; }
}

/* نسخة داخل صفحة عادية على خلفية فاتحة */
.dm-charity--inline {
  background: var(--dm-surface-2);
  border-inline-start: 4px solid var(--dm-cyan-700);
  border-radius: var(--dm-radius-md);
  padding: var(--dm-space-4) var(--dm-space-6);
  text-align: start;
  color: var(--dm-text-2);
  margin-block: var(--dm-space-6);
}

.dm-charity--inline p {
  color: var(--dm-text-2);
  max-width: none;
  margin: 0;
}

.dm-charity--inline strong { color: var(--dm-text); }

/* ============================================================
   ترويسة الصفحة — تظهر في كل صفحات الموقع
   ============================================================ */

.entry-hero .entry-hero-container-inner {
  position: relative;
  isolation: isolate;
  /* توهّجان خافتان بلوني الهوية بدل الرمادي المسطّح */
  background:
    radial-gradient(58% 130% at 88% 0%, rgba(36, 119, 243, .09), transparent 62%),
    radial-gradient(48% 110% at 8% 100%, rgba(129, 73, 245, .07), transparent 60%),
    linear-gradient(180deg, var(--dm-surface-2) 0%, var(--dm-surface) 100%);
}

/* شعرة متدرّجة أسفل الترويسة تفصلها عن المحتوى بلا خط رمادي ثقيل */
.entry-hero .entry-hero-container-inner::after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  block-size: 2px;
  background: linear-gradient(90deg, var(--dm-cyan-400), var(--dm-blue-500) 55%, var(--dm-purple-500));
  opacity: .85;
}

.entry-hero .entry-header {
  position: relative;
  z-index: 1;
  padding-block: clamp(38px, 5.5vw, 68px);
}

.entry-hero .entry-title {
  font-size: clamp(1.7rem, 4.2vw, 2.6rem);
  line-height: 1.25;
  letter-spacing: -.01em;
  text-wrap: balance;
  margin: 0;
}

/* الرئيسية لها هيرو خاص بها، فلا تحتاج هذه الترويسة */
.home .entry-hero .entry-hero-container-inner::after { display: none; }

@media (max-width: 640px) {
  .entry-hero .entry-header { padding-block: 30px; }
}

/* ============================================================
   الجدول الزمني للترم
   ============================================================ */

.dm-schedule {
  margin-block: var(--dm-space-8);
  /* الجدول أعرض من الشاشة الضيقة: يمرّر داخل نفسه لا يدفع الصفحة */
  overflow-x: auto;
}

.dm-schedule table {
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: 0.95rem;
}

.dm-schedule th,
.dm-schedule td {
  text-align: start;
  padding: 12px 14px;
  border-bottom: 1px solid var(--dm-border);
  vertical-align: top;
}

.dm-schedule thead th {
  background: var(--dm-surface-2);
  color: var(--dm-text-2);
  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1.5;
  border-bottom: 2px solid var(--dm-border-strong);
}

.dm-schedule thead small {
  display: block;
  font-weight: 500;
  color: var(--dm-text-muted);
}

/* عمود رقم الأسبوع: رقم لا جملة */
.dm-schedule tbody td:first-child {
  width: 62px;
  font-family: var(--dm-font-display);
  font-weight: 700;
  color: var(--dm-blue-600);
  font-variant-numeric: tabular-nums;
}

/* اسم الاختبار تحت الدرس: علامة لا نصّ ثانوي مهمل */
.dm-schedule tbody em {
  display: inline-block;
  margin-block-start: 6px;
  padding: 2px 10px;
  border-radius: var(--dm-radius-pill);
  background: rgba(129, 73, 245, .10);
  color: var(--dm-purple-600);
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 600;
}

/* الأسبوع الأخير مراجعة لا شرحًا */
.dm-schedule tbody tr:last-child {
  background: var(--dm-surface-2);
}

.dm-schedule tbody tr:last-child td { font-weight: 600; }

/* ============================================================
   بيان الموقف — لماذا هذا المكان ليس لكل طالب
   ============================================================ */

.dm-manifesto {
  display: grid;
  gap: var(--dm-space-4);
  margin-block: var(--dm-space-10);
  padding: var(--dm-space-8) var(--dm-space-6);
  border: 1px solid var(--dm-border);
  border-radius: var(--dm-radius-md);
  background: linear-gradient(140deg, rgba(129, 73, 245, .07), rgba(36, 119, 243, .05));
}

.dm-manifesto__lead {
  font-family: var(--dm-font-display);
  font-size: clamp(1.2rem, 2.6vw, 1.7rem);
  font-weight: 700;
  line-height: 1.4;
  color: var(--dm-text);
  text-wrap: balance;
  margin: 0;
}

/* استثناء السطر الأول صراحةً: لولاه لغلب محدِّد العنصر (0-1-1)
   محدِّد الصنف (0-1-0) فيضيع حجم العنوان الكبير. */
.dm-manifesto p:not(.dm-manifesto__lead) {
  margin: 0;
  color: var(--dm-text-2);
  font-size: 1.0625rem;
  line-height: 1.75;
}

/* السطر الحاسم: يُقرأ كشرط لا كدعاية */
.dm-manifesto__filter {
  padding-block-start: var(--dm-space-3);
  border-block-start: 1px solid var(--dm-border);
  font-weight: 600;
  color: var(--dm-text);
}

/* ============================================================
   Hero على اللابتوب
   الشاشة العريضة قصيرة الارتفاع: الصورة فوق العنوان تدفع الأزرار
   تحت حدّ الشاشة فلا يراها الطالب. نجعلها صفًا واحدًا — الصورة
   بجانب النص — فيظهر العنوان والأزرار معًا بلا تمرير.
   ============================================================ */

@media (min-width: 900px) {
  .dm-hero > .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: minmax(180px, 240px) 1fr;
    align-items: center;
    gap: var(--dm-space-12);
    text-align: start;
  }

  .dm-hero__photo {
    grid-column: 1;
    grid-row: 1 / -1;
    margin: 0;
    align-self: center;
  }

  .dm-hero__title,
  .dm-hero__sub,
  .dm-hero .wp-block-buttons,
  .dm-hero__trust {
    grid-column: 2;
    margin-inline: 0;
    max-width: none;
  }

  .dm-hero__title {
    font-size: clamp(1.9rem, 3.4vw, 2.9rem);
    margin-block-end: var(--dm-space-3);
  }

  .dm-hero__sub {
    margin-block-end: var(--dm-space-6);
  }

  .dm-hero .wp-block-buttons {
    justify-content: flex-start;
  }

  .dm-hero__trust {
    margin-block-start: var(--dm-space-6);
  }

  .dm-hero__photo img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
}

/* شاشات قصيرة الارتفاع (لابتوب 768px وأقل): شدّ أكثر */
@media (min-width: 900px) and (max-height: 820px) {
  .dm-hero {
    padding-block: var(--dm-space-12);
  }

  .dm-hero > .wp-block-group__inner-container {
    grid-template-columns: minmax(150px, 190px) 1fr;
    gap: var(--dm-space-8);
  }
}

/* ============================================================
   تنبيهات حد الغياب
   ============================================================ */

.dm-att-warn {
  border-radius: var(--dm-radius-sm);
  padding: 12px 16px;
  font-size: var(--dm-fs-sm);
  margin-block: var(--dm-space-3);
}

.dm-att-warn--stop {
  background: var(--dm-error-bg);
  color: var(--dm-error-text);
  font-weight: 600;
}

.dm-att-warn--near {
  background: var(--dm-warning-bg);
  color: var(--dm-warning-text);
  font-weight: 600;
}

.dm-att-warn--info {
  background: var(--dm-surface-2);
  color: var(--dm-text-muted);
}

/* ===== dm-player-skin =====
   صفحات المشغّل (الواجب والاختبار) كانت جداول بيضاء بلا تسلسل بصري،
   فيقرأها الطالب سطرًا سطرًا بدل أن تلتقط عينه المهم فورًا.
   نحوّل صفوف الجدول إلى بطاقات إحصائية ملوّنة دون أي تعديل في HTML. */

.tutor-assignment-info .tutor-table,
[class*="tutor-quiz"] .tutor-table {
	border: 0;
	background: none;
}

.tutor-assignment-info .tutor-table tbody,
[class*="tutor-quiz"] .tutor-table tbody {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
	gap: .7rem;
}

.tutor-assignment-info .tutor-table tr,
[class*="tutor-quiz"] .tutor-table tr {
	display: block;
	position: relative;
	background: #fff;
	border: 1px solid #E4E8EF;
	border-radius: .85rem;
	padding: .95rem 1.05rem .9rem;
	overflow: hidden;
	transition: transform .18s ease, box-shadow .18s ease;
}

.tutor-assignment-info .tutor-table tr:hover,
[class*="tutor-quiz"] .tutor-table tr:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 18px -8px rgba(17, 26, 31, .22);
}

/* الشريط اللوني العلوي — لون مختلف لكل بطاقة بالترتيب */
.tutor-assignment-info .tutor-table tr::before,
[class*="tutor-quiz"] .tutor-table tr::before {
	content: "";
	position: absolute;
	inset-block-start: 0;
	inset-inline: 0;
	block-size: 3px;
	background: #4F46E5;
}

.tutor-assignment-info .tutor-table tr:nth-child(2)::before,
[class*="tutor-quiz"] .tutor-table tr:nth-child(2)::before { background: #059669; }
.tutor-assignment-info .tutor-table tr:nth-child(3)::before,
[class*="tutor-quiz"] .tutor-table tr:nth-child(3)::before { background: #06A9C7; }
.tutor-assignment-info .tutor-table tr:nth-child(4)::before,
[class*="tutor-quiz"] .tutor-table tr:nth-child(4)::before { background: #D97706; }
.tutor-assignment-info .tutor-table tr:nth-child(5)::before,
[class*="tutor-quiz"] .tutor-table tr:nth-child(5)::before { background: #DB2777; }

/* الخلية الأولى تسمية صغيرة، والثانية رقم كبير */
.tutor-assignment-info .tutor-table td,
[class*="tutor-quiz"] .tutor-table td {
	display: block;
	border: 0;
	padding: 0;
	text-align: start;
}

.tutor-assignment-info .tutor-table td:first-child,
[class*="tutor-quiz"] .tutor-table td:first-child {
	font-size: .8rem;
	font-weight: 500;
	color: #6B7785;
	margin-block-end: .3rem;
}

.tutor-assignment-info .tutor-table td:first-child svg,
.tutor-assignment-info .tutor-table td:first-child i,
[class*="tutor-quiz"] .tutor-table td:first-child svg,
[class*="tutor-quiz"] .tutor-table td:first-child i {
	color: #4F46E5;
	opacity: .85;
}

.tutor-assignment-info .tutor-table td:last-child,
[class*="tutor-quiz"] .tutor-table td:last-child {
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.2;
	color: #111A1F;
	font-variant-numeric: tabular-nums;
}

/* صندوق التفاصيل: لوح مُلوَّن خفيف بشريط جانبي */
.tutor-assignment-description {
	background: linear-gradient(180deg, #F3F7FB 0%, #FAFCFE 100%);
	border: 1px solid #E4E8EF;
	border-inline-start: 3px solid #06A9C7;
	border-radius: .85rem;
	padding: 1.15rem 1.3rem;
	margin-block-start: 1.2rem;
	line-height: 1.9;
}

.tutor-assignment-description ol,
.tutor-assignment-description ul {
	padding-inline-start: 1.2rem;
}

.tutor-assignment-description li {
	margin-block-end: .45rem;
}

.tutor-assignment-description strong {
	color: #4338CA;
}

/* عنوان الواجب/الاختبار */
.tutor-assignment-overview > h4,
.tutor-assignment .tutor-h4 {
	font-weight: 700;
	letter-spacing: -.01em;
}

@media (prefers-color-scheme: dark) {
	.tutor-assignment-info .tutor-table tr,
	[class*="tutor-quiz"] .tutor-table tr {
		background: #182026;
		border-color: #2C373E;
	}

	.tutor-assignment-info .tutor-table td:last-child,
	[class*="tutor-quiz"] .tutor-table td:last-child {
		color: #E9EFF2;
	}

	.tutor-assignment-description {
		background: #172026;
		border-color: #2C373E;
	}
}

/* مؤقّت الاختبار: الدقائق والثواني عنصران منفصلان داخل حاوية RTL،
   فيقلب المتصفّح ترتيبهما ويقرأ الطالب 95:11 بدل 11:59. */
.tutor-quiz-timer-frame,
.tutor-quiz-timer-text {
	direction: ltr;
}

/* ===== dm-nav-icons =====
   أيقونات القائمة الجانبية كانت رمادية متطابقة، فلا تفرّق العين بين
   درس واختبار وواجب إلا بقراءة النص تحتها. اللون يجعل النوع يُقرأ فورًا. */

a.tutor-learning-nav-item > svg {
	inline-size: 18px;
	block-size: 18px;
	flex: 0 0 auto;
	padding: 6px;
	border-radius: 9px;
	box-sizing: content-box;
	transition: transform .16s ease;
}

a.tutor-learning-nav-item:hover > svg {
	transform: scale(1.06);
}

a.tutor-learning-nav-item[href*="/lessons/"] > svg {
	color: #06A9C7;
	background: rgba(6, 169, 199, .12);
}

a.tutor-learning-nav-item[href*="/quizzes/"] > svg {
	color: #4F46E5;
	background: rgba(79, 70, 229, .12);
}

a.tutor-learning-nav-item[href*="/assignments/"] > svg {
	color: #D97706;
	background: rgba(217, 119, 6, .14);
}


/* ===== dm-dash-skin — كسوة لوحة الطالب ===== */
body.tutor-screen-frontend-dashboard{
  --dm-teal:#12C7D6; --dm-deep:#2477F3; --dm-indigo:#8149F5; --dm-violet:#061B4F;
  --dm-ink:#123B52; --dm-muted:#61717E; --dm-line:#E4ECF2;
  --dm-bg:#F5F8FC; --dm-card:#FFFFFF;
  --dm-r:20px; --dm-r-sm:14px;
  --dm-shadow:0 2px 4px rgba(18,59,82,.04), 0 12px 28px rgba(18,59,82,.07);
  --dm-shadow-lg:0 18px 40px rgba(18,59,82,.13);
  background:var(--dm-bg);
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-layout{gap:26px;}
body.tutor-screen-frontend-dashboard .site-container,
body.tutor-screen-frontend-dashboard .content-area{background:transparent;}

/* الشريط الجانبي */
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar{
  background:linear-gradient(165deg,#061B4F 0%,#2477F3 55%,#12C7D6 100%);
  border-radius:var(--dm-r); border:0; padding:22px 14px;
  box-shadow:var(--dm-shadow-lg); align-self:flex-start; position:sticky; top:24px;
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-logo{
  padding:6px 10px 18px; margin-bottom:14px; border-bottom:1px solid rgba(255,255,255,.22);
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar a{
  color:rgba(255,255,255,.9)!important; border-radius:var(--dm-r-sm);
  padding:11px 14px; margin-bottom:4px; font-weight:600;
  transition:background .16s ease, transform .16s ease;
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar a:hover{
  background:rgba(255,255,255,.16); color:#fff!important; transform:translateX(-3px);
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar li.active > a,
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar a.active{
  background:#fff!important; color:var(--dm-deep)!important; font-weight:800;
  box-shadow:0 4px 12px rgba(0,0,0,.14);
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar svg,
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar i{color:inherit;}

/* شريط الترحيب */
body.tutor-screen-frontend-dashboard .tutor-dashboard-header{
  background:var(--dm-gradient-ring,linear-gradient(135deg,#12C7D6 0%,#2477F3 50%,#8149F5 100%));
  border-radius:var(--dm-r); border:0; padding:26px 28px; margin-bottom:22px;
  box-shadow:var(--dm-shadow-lg); color:#fff;
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-header *{color:#fff!important; border-color:rgba(255,255,255,.3)!important;}
body.tutor-screen-frontend-dashboard .tutor-dashboard-header h1,
body.tutor-screen-frontend-dashboard .tutor-dashboard-header h2,
body.tutor-screen-frontend-dashboard .tutor-dashboard-header h3{font-weight:800; line-height:1.55; margin:0 0 4px;}
body.tutor-screen-frontend-dashboard .tutor-dashboard-header-user-avatar img,
body.tutor-screen-frontend-dashboard .tutor-dashboard-header .tutor-avatar{
  border:3px solid rgba(255,255,255,.6); border-radius:50%;
}

/* البطاقات وصناديق الإحصاء */
body.tutor-screen-frontend-dashboard .tutor-card,
body.tutor-screen-frontend-dashboard .tutor-dashboard-content .tutor-card,
body.tutor-screen-frontend-dashboard [class*="dashboard-info-card"],
body.tutor-screen-frontend-dashboard .tutor-table-responsive{
  background:var(--dm-card); border:1px solid var(--dm-line);
  border-radius:var(--dm-r); box-shadow:var(--dm-shadow); overflow:hidden;
}
body.tutor-screen-frontend-dashboard .tutor-card{transition:transform .18s ease, box-shadow .18s ease;}
body.tutor-screen-frontend-dashboard .tutor-card:hover{transform:translateY(-3px); box-shadow:var(--dm-shadow-lg);}

/* الأزرار */
body.tutor-screen-frontend-dashboard .tutor-btn-primary,
body.tutor-screen-frontend-dashboard .tutor-btn.tutor-btn-primary{
  background:linear-gradient(135deg,#2477F3,#8149F5)!important;
  border:0!important; border-radius:999px!important; font-weight:800; padding:11px 26px;
  box-shadow:0 6px 16px rgba(79,70,229,.24);
}
body.tutor-screen-frontend-dashboard .tutor-btn-primary:hover{filter:brightness(1.06); transform:translateY(-1px);}
body.tutor-screen-frontend-dashboard .tutor-btn-outline-primary{
  border-radius:999px!important; border-color:var(--dm-teal)!important; color:var(--dm-deep)!important; font-weight:700;
}

/* الجداول */
body.tutor-screen-frontend-dashboard .tutor-table thead th{
  background:#EEF5F9; color:var(--dm-ink); font-weight:800; border:0; padding:14px 16px;
}
body.tutor-screen-frontend-dashboard .tutor-table td{border-color:var(--dm-line); padding:14px 16px;}
body.tutor-screen-frontend-dashboard .tutor-table tbody tr:hover{background:#F8FBFD;}

/* شارات الحالة */
body.tutor-screen-frontend-dashboard .tutor-badge-label{border-radius:999px; font-weight:700; padding:5px 13px;}

/* أشرطة التقدّم */
body.tutor-screen-frontend-dashboard .tutor-progress-bar,
body.tutor-screen-frontend-dashboard [class*="progress"] .tutor-progress-value{
  background:linear-gradient(90deg,#12C7D6,#2477F3)!important; border-radius:999px;
}

@media (max-width:781px){
  body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar{position:static; border-radius:var(--dm-r-sm);}
  body.tutor-screen-frontend-dashboard .tutor-dashboard-header{padding:20px; border-radius:var(--dm-r-sm);}
}
@media (prefers-reduced-motion:reduce){
  body.tutor-screen-frontend-dashboard *{transition:none!important;}
  body.tutor-screen-frontend-dashboard .tutor-card:hover{transform:none;}
}


/* ===== dm-dash-fix — تصحيحات الكسوة ===== */
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-logo{
  background:#fff; border-radius:var(--dm-r-sm); padding:14px 16px;
  margin:0 0 16px; border-bottom:0; text-align:center;
  box-shadow:0 4px 14px rgba(0,0,0,.12);
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-logo img{
  max-width:170px; height:auto; margin:0 auto; display:block;
}
/* أزرار الهيدر: دوائر شفافة بدل المربعات البيضاء */
body.tutor-screen-frontend-dashboard .tutor-dashboard-header .tutor-btn-outline,
body.tutor-screen-frontend-dashboard .tutor-dashboard-header .tutor-btn-icon{
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.4)!important;
  border-radius:50%!important; width:40px; height:40px; padding:0;
  display:inline-flex; align-items:center; justify-content:center;
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-header .tutor-btn-outline:hover,
body.tutor-screen-frontend-dashboard .tutor-dashboard-header .tutor-btn-icon:hover{
  background:rgba(255,255,255,.3)!important;
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-header .tutor-btn-icon svg{width:18px;height:18px;}
body.tutor-screen-frontend-dashboard .tutor-dashboard-header .tutor-dashboard-notification-badge{
  background:#F97316!important; color:#fff!important; border:2px solid #fff;
}
/* القوائم المنبثقة تعود لألوانها الطبيعية */
body.tutor-screen-frontend-dashboard .tutor-dashboard-header .tutor-popover,
body.tutor-screen-frontend-dashboard .tutor-dashboard-header .tutor-popover *{
  color:var(--dm-ink)!important;
}
body.tutor-screen-frontend-dashboard .tutor-dashboard-header .tutor-popover{
  background:#fff!important; border-radius:var(--dm-r-sm); box-shadow:var(--dm-shadow-lg);
}


/* ===== dm-site-skin — لغة بصرية موحّدة لواجهة الموقع =====
   طبقة تجميل فوق الأنماط القائمة: حواف أنعم وظل أهدأ وحركة
   خفيفة عند المرور. لا تغيّر بنية أي قسم ولا ألوانه الأساسية. */
:root{
  --dm-radius-lg:20px;
  --dm-radius-xl:26px;
  --dm-shadow-card:0 1px 2px rgba(16,24,40,.05), 0 14px 32px -16px rgba(16,24,40,.20);
  --dm-shadow-hover:0 18px 42px -18px rgba(16,24,40,.30);
}

/* البطاقات في كل شبكات الصفحات */
.dm-paths__grid > .wp-block-column,
.dm-why__grid > .wp-block-column,
.dm-roadmap__grid > .wp-block-column,
.dm-schedule__grid > .wp-block-column,
.dm-plans__grid > .wp-block-column{
  background:var(--dm-surface,#fff);
  border:1px solid var(--dm-surface-3,#E7EEFA);
  border-radius:var(--dm-radius-lg);
  padding:24px 22px;
  box-shadow:var(--dm-shadow-card);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.dm-paths__grid > .wp-block-column:hover,
.dm-why__grid > .wp-block-column:hover,
.dm-roadmap__grid > .wp-block-column:hover,
.dm-schedule__grid > .wp-block-column:hover,
.dm-plans__grid > .wp-block-column:hover{
  transform:translateY(-4px);
  box-shadow:var(--dm-shadow-hover);
  border-color:#CFE0F7;
}

/* الأزرار — كبسولة بتدرّج الهوية */
.entry-content .wp-block-button__link,
.entry-content .kb-button,
.dm-btn-primary{
  border-radius:var(--dm-radius-pill,999px)!important;
  font-weight:800;
  padding:13px 30px;
  box-shadow:0 8px 20px -10px rgba(36,119,243,.65);
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.entry-content .wp-block-button__link:hover,
.entry-content .kb-button:hover,
.dm-btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px -12px rgba(36,119,243,.7);
  filter:brightness(1.04);
}
.dm-btn-ghost{border-radius:var(--dm-radius-pill,999px)!important; font-weight:700;}

/* عناوين الأقسام — إيقاع أوضح */
.entry-content h2{line-height:1.55; letter-spacing:-.01em;}
.entry-content h3{line-height:1.6;}

/* الصور داخل المحتوى */
.entry-content figure img{border-radius:var(--dm-radius-lg);}
.dm-avatar img, .dm-hero__photo img{border-radius:50%;}

/* صفحة المنهج والدروس */
.tutor-course-details-page .tutor-card,
.tutor-course-topics-wrap,
.tutor-course-sidebar-card{
  border-radius:var(--dm-radius-lg)!important;
  border-color:var(--dm-surface-3,#E7EEFA)!important;
  box-shadow:var(--dm-shadow-card);
  overflow:hidden;
}
.tutor-course-details-page .tutor-btn-primary,
.tutor-enroll-course-form .tutor-btn{
  border-radius:var(--dm-radius-pill,999px)!important;
  background:linear-gradient(135deg,#2477F3,#8149F5)!important;
  border:0!important; font-weight:800;
}

/* المتجر والسلة والدفع */
.woocommerce ul.products li.product,
.woocommerce-cart .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order{
  border-radius:var(--dm-radius-lg);
  border:1px solid var(--dm-surface-3,#E7EEFA);
  box-shadow:var(--dm-shadow-card);
  padding:18px;
  background:var(--dm-surface,#fff);
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  border-radius:var(--dm-radius-pill,999px)!important;
  font-weight:800; padding:12px 28px;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error{
  border-radius:var(--dm-radius-md,12px);
}

/* الحقول */
.entry-content input[type="text"],
.entry-content input[type="email"],
.entry-content input[type="password"],
.entry-content input[type="tel"],
.entry-content select,
.entry-content textarea,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select{
  border-radius:var(--dm-radius-md,12px)!important;
  border:1.5px solid var(--dm-surface-3,#E7EEFA)!important;
  padding:12px 14px;
  transition:border-color .16s ease, box-shadow .16s ease;
}
.entry-content input:focus, .entry-content select:focus, .entry-content textarea:focus,
.woocommerce form .form-row input.input-text:focus{
  border-color:#2477F3!important;
  box-shadow:0 0 0 4px rgba(36,119,243,.14)!important;
  outline:none;
}

@media (prefers-reduced-motion:reduce){
  .dm-paths__grid > .wp-block-column,
  .dm-why__grid > .wp-block-column,
  .dm-roadmap__grid > .wp-block-column,
  .dm-schedule__grid > .wp-block-column,
  .dm-plans__grid > .wp-block-column,
  .entry-content .wp-block-button__link,
  .dm-btn-primary{transition:none;}
  .dm-paths__grid > .wp-block-column:hover,
  .entry-content .wp-block-button__link:hover,
  .dm-btn-primary:hover{transform:none;}
}


/* ===== dm-learn-skin — كسوة صفحة الدرس =====
   الطالب يقضي هنا أطول وقت، فالهدف تركيز بلا تشتيت:
   شريط علوي بهوية الموقع، ومحتوى في بطاقة مريحة، وقائمة
   منهج واضحة يعرف منها أين هو الآن. */
body.single-lesson, body.single-tutor_quiz, body.single-tutor_assignments{
  --dm-learn-bg:#F5F8FF;
  --dm-learn-line:#E7EEFA;
  --dm-learn-r:18px;
}
.tutor-learning-area{background:var(--dm-learn-bg,#F5F8FF);}

/* الشريط العلوي */
.tutor-learning-header{
  background:linear-gradient(120deg,#061B4F 0%,#2477F3 60%,#12C7D6 100%)!important;
  border-bottom:0!important;
  box-shadow:0 8px 24px -14px rgba(6,27,79,.7);
}
.tutor-learning-header *{color:#fff!important;}
.tutor-learning-header-title{font-weight:800; letter-spacing:-.01em;}
.tutor-learning-header .tutor-btn-secondary,
.tutor-learning-header .tutor-btn-ghost{
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.36)!important;
  border-radius:999px!important;
  font-weight:700;
}
.tutor-learning-header .tutor-btn-secondary:hover,
.tutor-learning-header .tutor-btn-ghost:hover{background:rgba(255,255,255,.3)!important;}

/* قائمة المنهج الجانبية */
.tutor-learning-sidebar{
  background:#fff; border-radius:var(--dm-learn-r);
  border:1px solid var(--dm-learn-line);
  box-shadow:0 1px 2px rgba(16,24,40,.05), 0 14px 32px -18px rgba(16,24,40,.22);
  overflow:hidden;
}
.tutor-learning-progress{
  background:linear-gradient(135deg,#EAF2FE,#F3F0FF);
  padding:16px 18px; border-bottom:1px solid var(--dm-learn-line);
}
.tutor-learning-progress-text{font-weight:800; color:#101828;}
.tutor-learning-sidebar .tutor-progress-bar{background:#DCE7F8; border-radius:999px; height:8px; overflow:hidden;}
.tutor-learning-sidebar .tutor-progress-bar-fill{
  background:linear-gradient(90deg,#12C7D6,#2477F3)!important; border-radius:999px;
}
a.tutor-learning-nav-item{
  border-radius:12px; margin:2px 8px; padding:10px 12px;
  transition:background .16s ease, transform .16s ease;
}
a.tutor-learning-nav-item:hover{background:#F1F6FE; transform:translateX(-2px);}
a.tutor-learning-nav-item.is-active,
a.tutor-learning-nav-item[class*="active"]{
  background:linear-gradient(120deg,rgba(36,119,243,.12),rgba(129,73,245,.12));
  font-weight:800;
  box-shadow:inset 0 0 0 1.5px rgba(36,119,243,.28);
}

/* بطاقة المحتوى */
.tutor-lesson-wrapper,
.tutor-lesson-content-tab,
.tutor-quiz-wrapper,
.tutor-assignment-wrapper{
  background:#fff; border-radius:var(--dm-learn-r);
  border:1px solid var(--dm-learn-line);
  box-shadow:0 1px 2px rgba(16,24,40,.05), 0 14px 32px -18px rgba(16,24,40,.20);
  overflow:hidden;
}
.tutor-lesson-content{line-height:2; font-size:1.02rem;}
.tutor-lesson-content h2, .tutor-lesson-content h3{line-height:1.6; font-weight:800;}
.tutor-lesson-content ul li{margin-bottom:8px;}

/* أزرار التنقّل بين الدروس */
.tutor-btn.tutor-learning-pages-item{
  border-radius:999px!important; font-weight:700;
  background:#fff!important; border:1.5px solid var(--dm-learn-line)!important;
  color:#101828!important; padding:10px 22px;
  transition:border-color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.tutor-btn.tutor-learning-pages-item:hover{
  border-color:#2477F3!important; transform:translateY(-2px);
  box-shadow:0 10px 22px -12px rgba(36,119,243,.6);
}
/* زر «وضع علامة مكتمل» — الفعل الأساسي في الصفحة */
.tutor-lesson-wrapper .tutor-btn-secondary,
form#tutor-complete-lesson-form .tutor-btn{
  background:linear-gradient(135deg,#12C7D6,#2477F3)!important;
  color:#fff!important; border:0!important; border-radius:999px!important;
  font-weight:800; padding:12px 28px;
  box-shadow:0 10px 24px -12px rgba(36,119,243,.75);
}
form#tutor-complete-lesson-form .tutor-btn:hover{filter:brightness(1.06); transform:translateY(-2px);}

@media (max-width:781px){
  .tutor-learning-sidebar{border-radius:14px;}
  .tutor-lesson-wrapper{border-radius:14px;}
}
@media (prefers-reduced-motion:reduce){
  a.tutor-learning-nav-item, .tutor-btn.tutor-learning-pages-item{transition:none;}
  a.tutor-learning-nav-item:hover, .tutor-btn.tutor-learning-pages-item:hover{transform:none;}
}


/* ===== dm-stats-cards — بطاقات إحصاء الطالب ===== */
.dm-stats{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:16px; margin:0 0 24px;
}
.dm-stat{
  background:#fff; border:1px solid #E7EEFA; border-radius:20px;
  padding:22px 18px; text-align:center;
  box-shadow:0 1px 2px rgba(16,24,40,.05), 0 14px 32px -18px rgba(16,24,40,.22);
  transition:transform .18s ease, box-shadow .18s ease;
}
.dm-stat:hover{transform:translateY(-4px); box-shadow:0 18px 42px -18px rgba(16,24,40,.3);}
.dm-stat__icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:46px; height:46px; border-radius:14px; font-size:1.35rem; margin-bottom:12px;
}
.dm-stat__icon--sky{background:rgba(18,199,214,.14);}
.dm-stat__icon--violet{background:rgba(129,73,245,.14);}
.dm-stat__icon--green{background:rgba(22,163,113,.14);}
.dm-stat__icon--grey{background:rgba(100,116,139,.14);}
.dm-stat__num{
  font-size:1.85rem; font-weight:800; color:#101828; margin:0 0 4px; line-height:1.3;
  font-variant-numeric:tabular-nums;
}
.dm-stat__num small{font-size:.95rem; font-weight:600; color:#7A8794;}
.dm-stat__num--sm{font-size:1.12rem; line-height:1.6;}
.dm-stat__label{font-size:.9rem; color:#61717E; margin:0; font-weight:600;}

/* حلقة نسبة الإنجاز */
.dm-stat--ring{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.dm-stat__ring{
  width:84px; height:84px; border-radius:50%; margin-bottom:12px;
  display:grid; place-items:center;
  background:conic-gradient(#2477F3 calc(var(--p,0)*1%), #E7EEFA 0);
  position:relative;
}
.dm-stat__ring::before{
  content:""; position:absolute; inset:8px; border-radius:50%; background:#fff;
}
.dm-stat__ring span{
  position:relative; font-weight:800; font-size:1.2rem; color:#101828;
  font-variant-numeric:tabular-nums;
}
@media (prefers-reduced-motion:reduce){
  .dm-stat{transition:none;} .dm-stat:hover{transform:none;}
}


/* ===== dm-chrome-skin — الهيدر والفوتر =====
   لمسات خفيفة فقط: الهيدر يلتصق عند النزول ويكتسب ظلًا،
   وروابطه تكتسب خطًا متدرجًا. الفوتر يأخذ خطًا علويًا بالهوية. */
.site-header{
  position:sticky; top:0; z-index:60;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(1.4) blur(10px);
  -webkit-backdrop-filter:saturate(1.4) blur(10px);
  transition:box-shadow .2s ease, background .2s ease;
}
body.admin-bar .site-header{top:32px;}
@media (max-width:782px){ body.admin-bar .site-header{top:46px;} }
.site-header.dm-stuck,
body:not(.home) .site-header{box-shadow:0 1px 0 rgba(16,24,40,.06), 0 10px 26px -20px rgba(16,24,40,.5);}

.main-navigation .primary-menu-container > ul > li.menu-item > a{
  position:relative; border-radius:10px; transition:color .16s ease;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a::after{
  content:""; position:absolute; inset-inline:12px; bottom:6px; height:2px;
  border-radius:2px; background:linear-gradient(90deg,#12C7D6,#2477F3,#8149F5);
  transform:scaleX(0); transform-origin:right; transition:transform .2s ease;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover::after,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a::after{transform:scaleX(1);}
/* زرّا القائمة يحتفظان بشكلهما */
.main-navigation .primary-menu-container > ul > li.dm-nav-wa > a::after,
.main-navigation .primary-menu-container > ul > li.dm-nav-login > a::after{display:none;}

.site-footer{border-top:3px solid transparent; border-image:linear-gradient(90deg,#12C7D6,#2477F3,#8149F5) 1;}
.dm-foot__h{letter-spacing:-.01em;}
.dm-foot__links a{border-radius:6px; transition:color .16s ease, transform .16s ease;}
.dm-foot__links a:hover{transform:translateX(-3px);}

/* زر واتساب العائم */
.dm-wa{box-shadow:0 10px 28px -10px rgba(18,140,90,.7); transition:transform .18s ease;}
.dm-wa:hover{transform:translateY(-3px) scale(1.04);}

@media (prefers-reduced-motion:reduce){
  .site-header, .main-navigation a::after, .dm-foot__links a, .dm-wa{transition:none;}
  .dm-wa:hover, .dm-foot__links a:hover{transform:none;}
}


/* ===== dm-learn-fix — الطبقة الداخلية للشريط العلوي =====
   .tutor-learning-header-inner خلفيته بيضاء فيغطّي التدرّج
   ويصير النص الأبيض على أبيض. نجعله شفافًا. */
.tutor-learning-header-inner,
.tutor-learning-header-content,
.tutor-learning-header-back{
  background:transparent!important;
  border:0!important;
}
.tutor-learning-header-back svg,
.tutor-learning-header-toggle-mobile svg{color:#fff!important; opacity:.95;}
.tutor-learning-header-title{color:#fff!important; font-weight:800;}
.tutor-learning-header .tutor-btn-secondary{color:#fff!important;}
.tutor-learning-header .tutor-btn-secondary svg{color:#fff!important;}


/* ===== dm-assign-grid — اتزان بطاقات الواجب =====
   خمس بطاقات في ثلاثة أعمدة تترك فجوة في الصف الثاني.
   نجعل الشبكة ستة أعمدة: ثلاث بطاقات بعرض عمودين في الصف
   الأول، وبطاقتان بعرض ثلاثة في الثاني، فيتوازن الصفّان. */
@media (min-width:782px){
  .tutor-assignment-info tbody{grid-template-columns:repeat(6,1fr)!important;}
  .tutor-assignment-info tbody > tr{grid-column:span 2;}
  .tutor-assignment-info tbody > tr:nth-child(4),
  .tutor-assignment-info tbody > tr:nth-child(5){grid-column:span 3;}
}


/* ===== dm-shop-skin — السلة والدفع والمتجر =====
   الطالب هنا في منتصف تحويل مالي، فالأولوية للوضوح:
   خطوات مرتّبة، وصندوق الملخّص ثابت أمام عينه، وزرّ
   واحد واضح لا يشاركه في البروز شيء. */
body.woocommerce-cart .entry-content,
body.woocommerce-checkout .entry-content{padding-block-start:14px;}

/* عناوين الأقسام */
body.woocommerce-cart .entry-content h2,
body.woocommerce-checkout .entry-content h2,
body.woocommerce-checkout h3#order_review_heading{
  font-size:1.32rem; font-weight:800; color:#101828;
  margin:0 0 14px; padding-inline-start:14px; position:relative; line-height:1.6;
}
body.woocommerce-cart .entry-content h2::before,
body.woocommerce-checkout .entry-content h2::before,
body.woocommerce-checkout h3#order_review_heading::before{
  content:""; position:absolute; inset-inline-start:0; top:.25em; bottom:.25em;
  width:5px; border-radius:3px; background:linear-gradient(180deg,#12C7D6,#2477F3,#8149F5);
}

/* جدول السلة داخل بطاقة */
.woocommerce table.shop_table{
  background:#fff; border:1px solid #E7EEFA!important; border-radius:20px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.05), 0 14px 32px -18px rgba(16,24,40,.2);
  border-collapse:separate!important; border-spacing:0; overflow:hidden;
}
.woocommerce table.shop_table thead th{
  background:#EEF5FD; color:#101828; font-weight:800; border:0!important; padding:14px 16px;
}
.woocommerce table.shop_table td{border-color:#EEF2F7!important; padding:16px;}
.woocommerce table.shop_table tbody tr:hover{background:#FAFCFF;}

/* صندوق الإجمالي — يتبع الطالب أثناء التمرير */
.woocommerce .cart_totals{position:sticky; top:96px;}
.woocommerce .cart_totals h2{margin-bottom:10px;}
.woocommerce-checkout #order_review{position:sticky; top:96px;}

/* الزر الأساسي: زر واحد بارز */
.woocommerce .checkout-button,
.woocommerce #place_order,
.woocommerce button.button.alt{
  background:linear-gradient(135deg,#2477F3,#8149F5)!important;
  color:#fff!important; border:0!important; border-radius:999px!important;
  font-weight:800!important; font-size:1.02rem; padding:15px 30px!important;
  box-shadow:0 12px 28px -12px rgba(36,119,243,.8);
  transition:transform .16s ease, filter .16s ease;
}
.woocommerce .checkout-button:hover,
.woocommerce #place_order:hover{transform:translateY(-2px); filter:brightness(1.06);}
/* الأزرار الثانوية تبقى هادئة */
.woocommerce button[name="update_cart"],
.woocommerce .coupon .button{
  background:#fff!important; color:#2477F3!important;
  border:1.5px solid #CFE0F7!important; border-radius:999px!important; font-weight:700!important;
}

/* شريط القسيمة */
.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce .woocommerce-info{
  background:#F3F8FF!important; border-radius:14px!important;
  border-inline-start:5px solid #2477F3!important; color:#173A5E!important;
}

/* حقول الفاتورة */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:4px 16px;
}
.woocommerce form .form-row label{font-weight:700; color:#2A3948; margin-bottom:6px;}

/* طرق الدفع */
.woocommerce-checkout #payment{
  background:#F7FAFF!important; border:1px solid #E7EEFA; border-radius:20px; padding:18px;
}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:0!important; padding:0;}
.woocommerce-checkout #payment ul.payment_methods li{
  background:#fff; border:1.5px solid #E7EEFA; border-radius:14px;
  padding:14px 16px; margin-bottom:10px; list-style:none;
  transition:border-color .16s ease, box-shadow .16s ease;
}
.woocommerce-checkout #payment ul.payment_methods li:hover{border-color:#2477F3;}
.woocommerce-checkout #payment div.payment_box{
  background:#F3F8FF!important; border-radius:12px; margin-top:10px;
}
.woocommerce-checkout #payment div.payment_box::before{display:none!important;}

/* المتجر */
.woocommerce ul.products li.product .button{border-radius:999px!important; font-weight:700;}
.woocommerce ul.products li.product .price{color:#2477F3; font-weight:800;}

@media (max-width:781px){
  .woocommerce .cart_totals, .woocommerce-checkout #order_review{position:static;}
}
@media (prefers-reduced-motion:reduce){
  .woocommerce .checkout-button, .woocommerce #place_order{transition:none;}
  .woocommerce .checkout-button:hover, .woocommerce #place_order:hover{transform:none;}
}


/* ===== dm-hero-retone — مواءمة الهيرو مع الواجهة الجديدة =====
   الهيرو كان كحليًّا بنفسجيًّا غامقًا، والواجهة الجديدة أزرق
   سماوي فاتح، فبدا الاثنان من موقعين مختلفين. نُبقي التدرّج
   داكنًا كي يظل النص الأبيض مقروءًا، لكن ننقله إلى عائلة
   الأزرق والسماوي نفسها ونرفع إضاءته قليلًا. */
.dm-hero{
  background:
    radial-gradient(85% 120% at 85% 0%, rgba(18,199,214,.34), rgba(0,0,0,0) 60%),
    radial-gradient(75% 100% at 12% 10%, rgba(36,119,243,.30), rgba(0,0,0,0) 58%),
    linear-gradient(155deg, #0A2A6B 0%, #1B54C4 52%, #1394C9 100%)!important;
}
/* حلقة الصورة تتبع التدرّج نفسه */
.dm-hero__photo img,
.dm-hero .dm-avatar img{
  box-shadow:0 0 0 4px rgba(255,255,255,.22), 0 18px 44px -18px rgba(3,20,55,.85);
}
/* الزر الأساسي في الهيرو يطابق أزرار الواجهة */
.dm-hero .wp-block-button:not(.dm-btn-ghost) .wp-block-button__link{
  background:linear-gradient(135deg,#12C7D6,#2477F3)!important;
  color:#08203F!important; font-weight:800; border:0!important;
  box-shadow:0 12px 26px -12px rgba(18,199,214,.85);
}
.dm-hero .wp-block-button.dm-btn-ghost .wp-block-button__link{
  border-color:rgba(255,255,255,.55)!important;
  background:rgba(255,255,255,.08)!important;
}
.dm-hero .wp-block-button.dm-btn-ghost .wp-block-button__link:hover{
  background:rgba(255,255,255,.2)!important;
}


/* ===== dm-charity-retone — مواءمة قسم «عمل خير» =====
   كان كحليًّا بلمسة بنفسجية فبدا منفصلًا عن الهيرو الجديد.
   ننقله إلى عائلة الأزرق والسماوي نفسها، ونوحّد نصف قطر
   البطاقات مع باقي الواجهة. */
.dm-charity{
  background:
    radial-gradient(70% 110% at 88% -10%, rgba(18,199,214,.26), rgba(0,0,0,0) 62%),
    radial-gradient(62% 92% at 6% 110%, rgba(36,119,243,.24), rgba(0,0,0,0) 60%),
    linear-gradient(158deg, #08265E 0%, #17479F 55%, #0F82AE 100%)!important;
}
.dm-charity__eyebrow{
  background:rgba(18,199,214,.18)!important;
  border:1px solid rgba(18,199,214,.42);
  color:#B8F3F8!important;
  border-radius:999px;
  font-weight:700;
}
.dm-charity__list > li,
.dm-charity__list > *{
  border-radius:16px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  transition:background .16s ease, border-color .16s ease, transform .16s ease;
}
.dm-charity__list > li:hover,
.dm-charity__list > *:hover{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(18,199,214,.55)!important;
  transform:translateY(-2px);
}
.dm-charity__lede{color:rgba(255,255,255,.94);}
.dm-charity__note{color:rgba(255,255,255,.72);}

/* النسخة المضمّنة داخل صفحات الأسعار: خلفيتها فاتحة */
.dm-charity--inline{
  background:linear-gradient(135deg,#F2F8FF,#F6F3FF)!important;
  border:1px solid #DCE7F8;
  border-radius:18px;
  color:#123B52!important;
}
.dm-charity--inline p{color:#294559!important;}

@media (prefers-reduced-motion:reduce){
  .dm-charity__list > li{transition:none;}
  .dm-charity__list > li:hover{transform:none;}
}


/* ===== dm-footer-retone — مواءمة الفوتر =====
   قاعدة :last-child السابقة كانت تطابق نفس صف الفوتر فتُلغي
   التدرّج وتتركه لونًا مسطّحًا. نستهدف صف الفوتر وحده،
   ونمنحه إضاءات التدرّج نفسها المستخدمة في الهيرو وقسم
   «عمل خير» حتى تُقرأ الثلاثة كعائلة واحدة. */
.site-footer .site-footer-row-container-inner{
  background:
    radial-gradient(60% 120% at 88% 0%, rgba(18,199,214,.20), rgba(0,0,0,0) 62%),
    radial-gradient(55% 100% at 8% 100%, rgba(36,119,243,.22), rgba(0,0,0,0) 60%),
    linear-gradient(158deg, #08265E 0%, #103C82 58%, #0C4C87 100%)!important;
}
/* شريط الحقوق وحده أغمق درجة ليفصل بصريًا.
   نلوّن الحاوية الممتدة لا العنصر الداخلي المحدود العرض،
   وإلا ظهر الشريط كصندوق داخل الفوتر لا كشريط ممتد. */
.site-footer .site-bottom-footer-wrap,
.site-footer .site-bottom-footer-wrap .site-footer-row-container-inner{
  background:#051C42!important;
  border-top:1px solid rgba(255,255,255,.10);
}
.site-footer .site-bottom-footer-inner-wrap{background:transparent!important;}
.site-footer{border-top:3px solid transparent; border-image:linear-gradient(90deg,#12C7D6,#2477F3,#8149F5) 1;}

/* شعار الفوتر */
.dm-foot__logo{font-weight:800; letter-spacing:-.01em;}

/* العناوين */
.dm-foot__h{
  color:#fff!important; font-weight:800; letter-spacing:-.01em;
  padding-bottom:10px; margin-bottom:14px; position:relative;
}
.dm-foot__h::after{
  content:""; position:absolute; inset-inline-start:0; bottom:0;
  width:38px; height:3px; border-radius:2px;
  background:linear-gradient(90deg,#12C7D6,#2477F3);
}

/* الروابط */
.site-footer a{color:#CFE0F7!important; transition:color .16s ease, transform .16s ease;}
.site-footer a:hover{color:#8FE9F2!important;}
.dm-foot__links a{display:inline-block;}
.dm-foot__links a:hover{transform:translateX(-3px);}
.dm-foot__line{color:rgba(255,255,255,.72)!important;}
.dm-foot__about{color:rgba(255,255,255,.84)!important; line-height:2;}

/* زرّ الواتساب بأخضره المعروف */
.site-footer .dm-wa,
.site-footer .dm-wa--primary{
  background:#25D366!important; color:#06331F!important;
  border:0!important; border-radius:999px!important; font-weight:800;
  box-shadow:0 12px 26px -14px rgba(37,211,102,.8);
  transition:transform .16s ease, filter .16s ease;
}
.site-footer .dm-wa:hover{transform:translateY(-2px); filter:brightness(1.05); color:#06331F!important;}

/* شريط «عمل خير» أسفل الصفحة */
.dm-give-strip{
  background:linear-gradient(120deg, #0C4C87 0%, #17479F 55%, #0F82AE 100%)!important;
  border-top:1px solid rgba(255,255,255,.14);
}
.dm-give-strip .dm-tag,
.dm-give-strip li,
.dm-give-strip a{
  border-radius:999px!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#fff!important;
}

@media (prefers-reduced-motion:reduce){
  .site-footer a, .site-footer .dm-wa{transition:none;}
  .site-footer .dm-wa:hover, .dm-foot__links a:hover{transform:none;}
}