/* =========================================================
   أمر 25 — Re-skin (المرحلة 2: الرئيسية فقط)
   المرجع: alfanny-design-standalone.html — نفس تقنية أمر 24:
   يُحمَّل هذا الملف فقط على is_front_page()، فلا يؤثر على أي
   صفحة أخرى. بلا تغيير بنيوي أو محتوى — كل البيانات تتدفّق من
   ACF/CPTs زي ما هي.
   ========================================================= */

:root {
    /* لوحة الألوان الجديدة من مرجع التصميم — نظام التوكنز الحديث */
    --amber: #E1701A;
    --amber-light: #F2A96A;
    --amber-dark: #B75E15;
    --teal: #0F3D2E;
    --teal-dark: #12211C;
    --teal-deep: #0F3D2E;
    --ink: #12211C;
    --ink-soft: #4C5C55;
    --ink-mute: #7B8A84;
    --cream: #F3ECDF;
    --cream-soft: #FBF7EF;
    --line: #E8DFCD;
    --wrap-max: 1300px;
    --radius: 4px;
    --radius-lg: 4px;
    --teal-darker: #0B2A20;
    --teal-bg: #DCEFE6;
}

/* إيقاع السكاشن */
.section { padding: 84px 0; }

/* الهيرو — حاوية أعرض (وزن/تباعد H1 أصبح موحّداً في main.css — أمر 95) */
.hero__inner { max-width: 1300px; }
.hero__scrim {
    background: linear-gradient(to left, rgba(18,33,28,.92) 0%, rgba(18,33,28,.72) 48%, rgba(18,33,28,.40) 100%);
}
@media (max-width: 900px) {
    .hero__scrim {
        background: linear-gradient(to top, rgba(18,33,28,.95) 0%, rgba(18,33,28,.78) 42%, rgba(18,33,28,.4) 78%, rgba(18,33,28,.22) 100%);
    }
}
.price-builder, .booking-pro { background: rgba(18,33,28,.6); }

/* عنوان القسم الصغير (eyebrow/section-kicker) — برتقالي بمسافة حروف أوسع */
.eyebrow { color: var(--amber); letter-spacing: .14em; font-size: 13px; }
.section--ink .eyebrow { color: var(--amber-light); }
.rule i { height: 1px; }
.section-kicker span:last-child { color: var(--amber); letter-spacing: .14em; }
.section-kicker--dark span:last-child { color: var(--amber-light); }
.section-kicker__bar { height: 1px; background: var(--amber); }

/* بادجة التقييم المؤقتة (عرض بصري فقط) */
.trust-badges .badge { border-radius: 999px; }

/* أزرار داخل محتوى الرئيسية فقط — زوايا أحدّ (الهيدر/الفوتر بلا تغيير بهذه المرحلة) */
.hero .btn, .cta .btn, .price-builder .btn { border-radius: 3px; }

/* أداة الحاسبة — أكسنت برتقالي للاختيار بدل التيل */
.chip.is-selected { background: var(--amber); border-color: var(--amber); }
.price-builder__card.is-selected { background: rgba(225,112,26,.16); border-color: var(--amber); }

/* كروت الخدمات/المتاجر — زوايا أحدّ + ظل هوفر أنعم */
.service-card { transition: box-shadow .3s ease, transform .3s ease; }
.service-card:hover { box-shadow: 0 18px 40px rgba(18,33,28,.14); transform: translateY(-3px); }
.service-card__kicker { color: var(--amber); }

/* بطاقات "لماذا الفنّي الأفضل" */
.why-card { transition: box-shadow .3s ease; }
.why-card:hover { box-shadow: 0 16px 36px rgba(18,33,28,.1); }

/* شريط المناطق */
.area-pill-card { border-radius: 999px; }

/* جدول الأسعار العام */
.price-table__value { color: var(--teal); }

/* قسم التقييمات (المقتطف + ودجت Trustindex) — خلفية نعناعية كالتصميم */
.reviews-snippet { background: var(--teal-bg); }
.reviews-snippet__num { color: var(--teal); }

/* CTA ختامي — لون صلب بدل التدرّج */
.cta { background: var(--teal-deep); }

/* تشيك-ليست المقدمة — كروت بعمودين بدل قائمة بسيطة (نفس بيانات home_intro_checklist) */
.intro-checklist {
    list-style: none; margin: 20px 0 0; padding: 0;
    display: grid; grid-template-columns: 1fr; gap: 10px;
}
@media (min-width: 640px) { .intro-checklist { grid-template-columns: 1fr 1fr; } }
.intro-checklist li {
    display: flex; align-items: center; gap: 11px;
    background: #fff; border: 1px solid var(--line); border-radius: 3px;
    padding: 14px 16px;
}
.intro-checklist li svg { width: 20px; height: 20px; flex: none; }
.intro-checklist li span { font-size: 15px; font-weight: 500; color: #2B3A34; }

/* بادجة التقييم بنجوم — نفس مكان بادجة الثقة القديمة */
.badge--rating { gap: 8px; }