/* ============================================================
   طبقة إمكانية الوصول — تصحيح تباين الألوان (WCAG 2.1 AA)
   ------------------------------------------------------------
   تُحمَّل بعد كل ملفات الأنماط لتتغلّب عليها.
   المطلوب: 4.5:1 للنص العادي، 3:1 للنص الكبير (‎≥18.66px‎ عريض).

   القياسات:
     الذهبي #c8a04b على أبيض        = 2.45:1  ✗
     الذهبي النصّي #8b6d2a على أبيض  = 4.86:1  ✓ (وعلى #f7f8fa = 4.58:1)
     السعر القديم #9aa6b2 على أبيض  = 2.48:1  ✗
     البديل #667380 على أبيض        = 4.85:1  ✓
     أبيض على #25d366               = 1.98:1  ✗
     أبيض على #0b7a3e               = 5.43:1  ✓
     #0b3d1f على #25d366            = 6.22:1  ✓ (ناجح أصلاً — لا يُلمس)

   ملاحظتان مهمتان:
   1) الذهبي فوق الكحلي = 5.77:1 وهو ناجح، فلا نلمس البانر وقسم الدعوة.
   2) زرّا الواتساب مختلفان: زر الرئيسية نصّه داكن على أخضر فاتح وتباينه
      ناجح أصلاً، وزر صفحات الأدلة نصّه أبيض على الأخضر نفسه وتباينه راسب.
      لذلك يُعالَج الثاني وحده — تغميق خلفية الأول كان سيهبط به إلى 2.27:1.

   نستخدم !important لأن القواعد الأصلية تستخدمه، ولا تُتجاوز بدونه.
   ============================================================ */

:root{
  /* ذهبي مخصّص للنص فوق الخلفيات الفاتحة. الذهبي الأصلي يبقى كما هو
     للخلفيات والحدود وللنص فوق الكحلي حيث تباينه سليم. */
  --gold-text:#8b6d2a;
  --muted-strong:#667380;
  --wa-green:#0b7a3e
}

/* --- أرقام الإحصاءات وبطاقاتها --- */
:where(body.home) .stat .num,
.lp-stat b,
.lp-wide .lp-stat b{color:var(--gold-text) !important}

/* --- نصوص ذهبية داخل بطاقات فاتحة --- */
.cat-card .cap span,
.lp-wide .cat-card .cap span,
.lp-card .ic,
.type-card .arrow,
.lp-wide .product-card .cap b,
:where(body.home) .card .price,
:where(body.home) .feat .ic{color:var(--gold-text) !important}

/* --- السعر القديم المشطوب: كان رماديًا باهتًا جدًا --- */
:where(body.home) .card .old,
.old{color:var(--muted-strong) !important}

/* --- حالات التحويم فوق خلفيات فاتحة --- */
.cat-card:hover .cap span,
.lp-wide .cat-card:hover .cap span,
.type-card:hover .arrow,
:where(body.home) .card .more:hover,
:where(body.home) .breadcrumb-nav a:hover{color:var(--gold-text) !important}

/* --- شرائح التصنيفات في القالب --- */
.ald-pc-chip{color:#7d6228}

/* --- زر واتساب ذو النص الأبيض فقط (صفحات الأدلة) ---
   زر الرئيسية .btn-wa نصّه داكن وتباينه ناجح، فلا يُدرج هنا عمدًا. */
.lp-wa,
.lp-wide .lp-wa{background:var(--wa-green) !important}

/* --- مؤشّر تركيز واضح للتنقّل بلوحة المفاتيح --- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible{
  outline:3px solid var(--ald-gold, #c8a04b);
  outline-offset:2px;
  border-radius:4px
}

/* ============================================================
   الجولة الثانية — ما رصدته الأداة على صفحات التصنيفات
   ============================================================ */

/* --- ذهبي فاتح كنص فوق خلفيات فاتحة (2.45:1) ---
   نستثني عمداً المواضع التي يقع فيها الذهبي فوق الكحلي وتباينه سليم:
   .zh-cart و #zh-footer a و .archive-header .browse و .lp-hero .eyebrow */
/* لا نستخدم a:hover العام هنا: تخصيصه (0,1,1) يتغلّب على قواعد الأزرار
   مثل .lp-gold (0,1,0)، فيصير نص الزر الذهبي ذهبياً داكناً فوق ذهبي.
   نكتفي بالمحدّدات الدقيقة أدناه. */
.ald-bottom-nav .ald-bn-call,
.ald-breadcrumbs a:hover,
.ald-card .entry-title a:hover,
.ald-card .read-more:hover,
.pagination .page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-message,
.woocommerce-info,
.ald-404 .ald-404-code span{color:var(--gold-text) !important}

/* --- الروابط يجب أن تُميَّز بغير اللون ---
   روابط المتن تحصل على تسطير دائم. النافيغيشن والأزرار والبطاقات
   مستثناة لأن شكلها ومكانها يميّزانها أصلاً. */
.term-description a,
.aldhahera-faq-answer a,
.aldhahera-category-guide-link a,
.entry-content a,
.lp-prose a,
.aldhahera-decision-path a,
.aldhahera-supporting-articles-decision a,
.woocommerce-product-details__short-description a{text-decoration:underline;text-underline-offset:2px}

/* --- أهداف اللمس: ارتفاع كافٍ لعناصر شريط الجوال السفلي --- */
.ald-bottom-nav a,
.ald-bottom-nav button{min-height:48px;justify-content:center}

/* --- السعر المشطوب: ووكومرس يضع opacity:.7 عليه ---
   ‎#5a6b7d‎ بشفافية 0.7 فوق أبيض يعطي لوناً فعلياً ‎#8c97a4‎ = 2.97:1 راسب.
   إلغاء الشفافية يعيده إلى 5.48:1، والشطب نفسه كافٍ للدلالة على أنه سعر قديم.
   يشمل ذلك رمز العملة بداخله الذي رصدته الأداة أيضاً. */
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del{opacity:1 !important;color:var(--ald-muted) !important}

/* --- زر واتساب العائم يتداخل مع شريط التنقّل السفلي في الجوال ---
   الشريط ثابت أسفل الشاشة ويحجز 86px تحت 768px، وزر الإضافة موضعه
   bottom:20px فيقع فوقه — فتتلاصق مساحتا اللمس. نرفعه فوق الشريط.
   !important ضروري لأن أنماط الإضافة تُحمَّل بعد هذا الملف. */
@media(max-width:767px){
  .joinchat{bottom:98px !important}
}