/*
 * 2026-10-11 (Claude، بطلب أمين): توحيد ألوان الأزرار في كل الموقع.
 * السبب: بعد تغيير الهوية صار --color-zamil-sand داكناً (#15171c) و--color-zamil-amber أزرق (#18488a)،
 * فأصبح نص الأزرار داكناً على الأزرق، وزر شريط الدعوة أسود على أسود، والزر المفرّغ فاتحاً على خلفية فاتحة.
 * القاعدة الموحدة: أزرق الزامل + أبيض. على الخلفيات الزرقاء/الداكنة يُعكس اللونان فقط.
 * ملف مستقل عن app.css حتى لا يضيع عند إعادة بناء Tailwind.
 */
:root { --btn-blue: #18488a; --btn-blue-dark: #123a6e; --btn-on: #ffffff; }

.btn-primary,
.cta-band-inner .btn-primary { background-color: var(--btn-blue); color: var(--btn-on); border: 1px solid var(--btn-blue); }
.btn-primary:hover,
.btn-primary:focus-visible,
.cta-band-inner .btn-primary:hover { background-color: var(--btn-blue-dark); border-color: var(--btn-blue-dark); color: var(--btn-on); }

/* على الشريط الأزرق: نفس اللونين معكوسين */
.cta-band .btn-primary,
.cta-band-inner .btn-primary { background-color: #ffffff; color: var(--btn-blue); border-color: #ffffff; }
.cta-band .btn-primary:hover,
.cta-band-inner .btn-primary:hover { background-color: #e9edf2; color: var(--btn-blue-dark); border-color: #e9edf2; }

/* الزر المفرّغ على الخلفيات الفاتحة */
.btn-outline { color: var(--btn-blue); border: 1px solid var(--btn-blue); background-color: transparent; }
.btn-outline:hover,
.btn-outline:focus-visible { background-color: var(--btn-blue); border-color: var(--btn-blue); color: var(--btn-on); }

/* الزر المفرّغ على الخلفيات الداكنة (الشرائح، بانر الصفحات، الشريط الأزرق، التذييل) */
.hero-slideshow .btn-outline,
.page-hero .btn-outline,
.cta-band .btn-outline,
.site-footer .btn-outline { color: #ffffff; border-color: rgba(255, 255, 255, .7); }
.hero-slideshow .btn-outline:hover,
.page-hero .btn-outline:hover,
.cta-band .btn-outline:hover,
.site-footer .btn-outline:hover { background-color: #ffffff; color: var(--btn-blue); border-color: #ffffff; }

/* صفحات حلول التوريد: تنسيق محتوى المقالة */
.solution-page .article-body h2 { font-size: 1.35rem; font-weight: 700; margin: 2rem 0 .75rem; }
.solution-page .article-body ul { list-style: disc; padding-inline-start: 1.25rem; margin: .5rem 0 1rem; }
.solution-page .article-body ol { list-style: decimal; padding-inline-start: 1.25rem; margin: .5rem 0 1rem; }
.solution-page .article-body li { margin: .35rem 0; line-height: 1.9; }
.solution-page .article-body p { line-height: 1.9; }
.solution-page .article-body a { color: var(--btn-blue); text-decoration: underline; }