/*
Theme Name: Al-Rahman - GeneratePress Child
Theme URI: https://fauquiercemeteries.org/
Description: قالب فرعي لموقع «الرحمن» لبيع المقابر والمدافن في القاهرة الكبرى. نظام تصميم قالب رواسي بالكامل، بباليت الأخضر والذهبي. بنية سيلو بروابط إنجليزية، تحويلات 301، وسكيما مخصصة. RTL كامل، خط Cairo.
Author: Al-Rahman
Template: generatepress
Version: 3.0.0
Text Domain: alrahman
*/

/* ==========================================================================
   0. التوكنز
   البرتقالي #FE5F15 تباينه على الأبيض 3.06:1 (راسب للنصوص)، فيُستخدم
   للخلفيات والحدود والأيقونات فقط، وللنصوص تُستخدم الدرجة الأغمق.
   ========================================================================== */
:root{
  /* ── الذهبي: يحل محل برتقالي رواسي بكل أدواره ──
     برتقالي رواسي احتاج ثلاث درجات لأن الأبيض عليه راسب. الذهبي أفتح،
     فالمعادلة معكوسة: الأسطح الذهبية تحمل نصًا أخضر داكنًا (تباين 7.17 ✅)
     بدل الأبيض، والنص الذهبي على خلفية فاتحة يستخدم الدرجة الغامقة. */
  --rh-gold:#F1AD48;         /* أيقونات · حدود · شارات · شرائط عناوين · أسطح الأزرار */
  --rh-gold-dk:#DE982F;
  --rh-gold-deep:#8A5A0E;    /* نص ذهبي على خلفية فاتحة — تباين 5.92 ✅ */
  --rh-gold-soft:#F7CE8E;    /* لمسات على الخلفيات الداكنة — تباين 7.31 ✅ */
  --rh-gold-wash:#FDF6E9;    /* صندوق التنبيه وأرقام القوائم */

  /* ── الأخضر بدرجاته: يحل محل الأسود والرمادي الداكن في رواسي ── */
  --rh-green:#2A5C37;        /* الدرجة المتوسطة — تباين الأبيض 7.82 ✅ */
  --rh-green-dk:#1F4529;     /* الأسطح الداكنة: القائمة، الفوتر، الأرقام، الفهرس، الدعوة */
  --rh-green-ink:#16321D;    /* أغمق درجة — النص فوق الذهبي وشريط الحقوق */
  --rh-sage:#A9C2A9;         /* خلفية بطاقات السايدبار — تباين الحبر 7.46 ✅ */
  --rh-sage-line:#93B093;

  --rh-ink:#2E2A24;          /* العناوين — تباين 14.3 على الأبيض ✅ */
  --rh-body:#645C54;         /* النصوص — تباين 5.92 على الورقي ✅ */
  --rh-line:#E4DCCB;
  --rh-paper:#F7F3E8;        /* خلفية الأقسام المتبادلة (يقابل mist في رواسي) */
  --rh-white:#ffffff;

  --rh-f:'Cairo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --rh-r:10px;
  --rh-r-lg:16px;
  --rh-shadow:0 20px 48px rgba(46,42,36,.12);
  --rh-shadow-sm:0 6px 20px rgba(46,42,36,.07);
  --rh-max:1290px;
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
html{overflow-x:hidden;scroll-behavior:smooth}

body.rh-body{
  font-family:var(--rh-f);color:var(--rh-body);font-size:16px;line-height:1.95;
  background:var(--rh-white);direction:rtl;text-align:right;overflow-x:hidden;
}
.rh-body h1,.rh-body h2,.rh-body h3,.rh-body h4,.rh-body h5,.rh-body h6{
  font-family:var(--rh-f);color:var(--rh-ink);font-weight:800;
  line-height:1.32;letter-spacing:-.5px;margin:0 0 14px;
}
.rh-body a{color:var(--rh-ink);text-decoration:none;transition:.25s}
.rh-body a:hover{color:var(--rh-gold-deep)}
.rh-body img{max-width:100%;display:block}
.rh-body p{margin:0 0 17px}
.rh-body ul{margin:0;padding:0;list-style:none}

body.rh-full .site.grid-container,body.rh-full #page{max-width:100%;width:100%;padding:0;margin:0;background:none;box-shadow:none}
body.rh-full .site-content{display:block;padding:0;margin:0}
body.rh-full #primary,body.rh-full .content-area{width:100%;max-width:100%;padding:0;margin:0;float:none}
body.rh-full .entry-content,body.rh-full .site-main>*,body.rh-full .separate-containers .site-main{margin:0}
body.rh-full .inside-article{padding:0}
/* GeneratePress يطبع الصورة البارزة فوق المحتوى؛ القالب يعرضها بتصميمه
   الخاص داخل المحتوى، فتُخفى هنا كخط دفاع ثانٍ إن تغيّرت أسماء الهوكات. */
body.rh-full .featured-image.page-header-image,
body.rh-full .page-header-image-single,
body.rh-full .page-header-image{display:none}

.rh-wrap{max-width:var(--rh-max);margin-inline:auto;padding-inline:24px;width:100%}
.rh-sec{padding:100px 0}
.rh-sec--tight{padding:66px 0}
.rh-mist{background:var(--rh-paper)}
.rh-wash{background:var(--rh-gold-wash)}
.rh-dk{background:var(--rh-green-dk)}
.rh-mist{background:var(--rh-paper)}
.rh-plain,.rh-paper{background:var(--rh-white)}

.rh-eyebrow{
  display:inline-flex;align-items:center;gap:10px;font-size:13.5px;font-weight:800;
  color:var(--rh-ink);letter-spacing:2px;margin-bottom:14px;text-transform:uppercase;
}
.rh-eyebrow::before{content:"◆";color:var(--rh-gold);font-size:11px}
.rh-eyebrow--light{color:#fff}
.rh-h2{font-size:clamp(28px,3.7vw,46px);margin-bottom:16px}
.rh-lead{font-size:16px;max-width:640px}
.rh-mid{text-align:center}
.rh-mid .rh-lead{margin-inline:auto}

/* ---------- الأزرار ----------
   بصيغة .rh-body a.rh-btn لأن القاعدة العامة .rh-body a أولويتها أعلى
   من كلاس مفرد، وبدونها تفقد الأزرار الداكنة لون نصها. */
.rh-btn,.rh-body a.rh-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  background:var(--rh-gold);color:#fff;font-family:var(--rh-f);
  font-weight:800;font-size:14px;letter-spacing:.8px;padding:17px 32px;
  border:0;border-radius:0;cursor:pointer;transition:.25s;line-height:1.2;text-align:center;
}
.rh-btn,.rh-body a.rh-btn{color:var(--rh-green-ink)}
.rh-btn:hover,.rh-body a.rh-btn:hover{background:var(--rh-gold-dk);color:var(--rh-green-ink)}
.rh-btn--dark,.rh-body a.rh-btn--dark{background:var(--rh-green-dk);color:#fff}
.rh-btn--dark:hover,.rh-body a.rh-btn--dark:hover{background:var(--rh-gold);color:var(--rh-green-ink)}
.rh-btn--ghost,.rh-body a.rh-btn--ghost{background:transparent;border:1.6px solid rgba(255,255,255,.5);color:#fff}
.rh-btn--ghost:hover,.rh-body a.rh-btn--ghost:hover{background:var(--rh-gold);color:var(--rh-green-ink);border-color:var(--rh-gold)}
.rh-btn--wa,.rh-body a.rh-btn--wa{background:#0F7A66;color:#fff}
.rh-btn--wa:hover,.rh-body a.rh-btn--wa:hover{background:#0B6E52;color:#fff}
.rh-btn--block,.rh-body a.rh-btn--block{width:100%}
.rh-btn .rh-ico{width:16px;height:16px;fill:currentColor;flex:none}
.rh-ico{width:20px;height:20px;fill:currentColor;flex:none;display:inline-block;vertical-align:middle}

/* ==========================================================================
   1. الشريط العلوي + الهيدر
   ========================================================================== */
.rh-top{background:var(--rh-paper);font-size:13.5px;border-bottom:1px solid var(--rh-line)}
.rh-top__in{display:flex;align-items:center;gap:26px;height:46px;flex-wrap:wrap}
.rh-top__in>div{display:flex;align-items:center;gap:8px;color:var(--rh-body)}
.rh-top .rh-ico{width:15px;height:15px;fill:var(--rh-gold)}
.rh-top__end{margin-inline-start:auto;display:flex;align-items:center;gap:16px}
.rh-top__end a{font-weight:700}

.rh-head{background:#fff;position:relative;z-index:99}
.rh-head.is-stuck{position:fixed;inset:0 0 auto;box-shadow:0 6px 26px rgba(0,0,0,.10);animation:rhDrop .35s ease}
@keyframes rhDrop{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.rh-head__in{display:flex;align-items:stretch;height:96px;max-width:var(--rh-max);margin-inline:auto;padding-inline:24px}
.rh-logo{display:flex;align-items:center;gap:12px;color:var(--rh-ink)}
.rh-logo:hover{color:var(--rh-ink)}
.rh-logo img{max-height:56px;width:auto}
.rh-logo__mark{width:42px;height:42px;fill:var(--rh-gold);flex:none}
.rh-logo__txt{display:flex;flex-direction:column;line-height:1.12}
.rh-logo__txt b{font-size:24px;font-weight:800;letter-spacing:-.6px}
.rh-logo__txt span{font-size:10px;letter-spacing:2.6px;color:var(--rh-body);font-weight:700}

.rh-nav{margin-inline:auto;display:flex;align-items:center}
.rh-nav>ul{display:flex;align-items:center;gap:4px}
.rh-nav li{position:relative}
.rh-nav>ul>li>a{color:var(--rh-ink);font-weight:700;font-size:15px;padding:10px 15px;display:block;letter-spacing:.4px}
.rh-nav>ul>li.current-menu-item>a,.rh-nav>ul>li.current_page_item>a,
.rh-nav>ul>li.current-menu-ancestor>a,.rh-nav>ul>li.current_page_ancestor>a{color:var(--rh-gold-deep)}
.rh-nav a:hover{color:var(--rh-gold-deep)}
.rh-nav .menu-item-has-children>a::after{content:"+";font-size:13px;margin-inline-start:6px;font-weight:800}
.rh-nav ul ul{
  position:absolute;top:100%;right:0;min-width:252px;background:#fff;padding:10px 0;
  box-shadow:var(--rh-shadow);opacity:0;visibility:hidden;transform:translateY(9px);transition:.25s;
  border-top:3px solid var(--rh-gold);display:block;
}
.rh-nav li:hover>ul{opacity:1;visibility:visible;transform:none}
.rh-nav ul ul a{color:var(--rh-ink);padding:10px 22px;font-size:14.6px;font-weight:600;display:block}
.rh-nav ul ul a:hover{color:var(--rh-gold-deep);background:var(--rh-gold-wash)}
.rh-nav ul ul ul{top:0;right:100%}

.rh-head__cta{display:flex;align-items:center;gap:14px}
.rh-body a.rh-head__btn{
  display:inline-flex;align-items:center;gap:10px;background:var(--rh-gold);color:#fff;
  font-weight:800;font-size:14px;letter-spacing:.6px;padding:15px 26px;
}
.rh-body a.rh-head__btn{color:var(--rh-green-ink)}
.rh-body a.rh-head__btn:hover{background:var(--rh-green-dk);color:#fff}
.rh-burger{display:none;width:48px;height:48px;border:0;background:var(--rh-paper);color:var(--rh-ink);font-size:21px;cursor:pointer;align-items:center;justify-content:center}
.rh-body a.rh-btn--call{display:none}

.rh-mob{position:fixed;inset:0 auto 0 0;width:min(330px,88vw);background:var(--rh-green-ink);z-index:9999;transform:translateX(-100%);transition:transform .35s,visibility .35s;padding:24px;overflow-y:auto;visibility:hidden}
.rh-mob.is-open{transform:none;visibility:visible}
.rh-mob__x{background:none;border:0;color:#fff;font-size:27px;cursor:pointer;margin-bottom:18px}
.rh-mob ul{display:block}
.rh-mob a{color:#fff;display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09);font-weight:700}
.rh-mob ul ul{padding-inline-start:14px}
.rh-mob__act{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.rh-mob .rh-mob__act a.rh-btn{display:flex;width:100%;padding:15px;border-bottom:0;justify-content:center}
.rh-veil{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9998;opacity:0;visibility:hidden;transition:.3s}
.rh-veil.is-open{opacity:1;visibility:visible}

/* ==========================================================================
   2. الهيرو
   ========================================================================== */
.rh-hero{position:relative;background:var(--rh-green-dk);min-height:640px;display:flex;align-items:center;overflow:hidden}
.rh-hero__bg{position:absolute;inset:0}
.rh-hero__bg img{width:100%;height:100%;object-fit:cover}
.rh-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(12,14,18,.93) 34%,rgba(12,14,18,.55) 76%,rgba(12,14,18,.35))}
.rh-hero__in{position:relative;z-index:3;padding:110px 0}
.rh-hero h1{color:#fff;font-size:clamp(34px,5.2vw,68px);line-height:1.14;letter-spacing:-1.6px;margin-bottom:20px;max-width:17ch}
.rh-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.6px rgba(255,255,255,.75)}
.rh-hero p{color:#CFD2D7;font-size:17px;max-width:560px;margin-bottom:32px}
.rh-hero__act{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.rh-hero__call{display:flex;align-items:center;gap:12px}
.rh-hero__call span.rh-ring{width:56px;height:56px;background:var(--rh-gold);display:flex;align-items:center;justify-content:center;flex:none}
.rh-hero__call .rh-ico{fill:var(--rh-green-ink);width:22px;height:22px}
.rh-hero__call small{display:block;color:#CFD2D7;font-size:13px}
.rh-hero__call b{color:#fff;font-size:19px;font-weight:800;unicode-bidi:plaintext}
/* الختم الدائري يوضع في الجهة الفارغة من الهيرو (يسار في RTL) لأن النص
   والأزرار على اليمين، وبـz-index أقل من المحتوى فلا يغطي أي زر مهما
   تغيّر ارتفاع القسم. */
.rh-hero__seal{
  position:absolute;bottom:56px;inset-inline-end:56px;z-index:2;width:110px;height:110px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:12px;font-weight:800;text-align:center;line-height:1.5;letter-spacing:1px;
  background:rgba(12,14,18,.35);backdrop-filter:blur(2px);
}

/* ==========================================================================
   3. بانر الصفحات الداخلية — بسهم برتقالي
   ========================================================================== */
.rh-banner{position:relative;background:var(--rh-green-dk);padding:104px 0 96px;overflow:hidden;text-align:center}
.rh-banner__bg{position:absolute;inset:0}
.rh-banner__bg img{width:100%;height:100%;object-fit:cover;opacity:.34}
.rh-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,14,18,.80),rgba(12,14,18,.72))}
.rh-banner__in{position:relative;z-index:3}
.rh-banner h1{color:#fff;font-size:clamp(30px,4.4vw,54px);margin-bottom:10px;letter-spacing:-1.2px}
.rh-banner p{color:#CFD2D7;max-width:700px;margin:10px auto 0}
.rh-crumbs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14.5px;color:#C3C6CB}
.rh-crumbs a{color:var(--rh-gold-soft);font-weight:700}
.rh-crumbs a:hover{color:#fff}
.rh-crumbs .sep{color:#8A8E95}
.rh-banner__down{
  position:absolute;bottom:0;inset-inline:0;margin-inline:auto;width:84px;height:60px;z-index:4;
  background:var(--rh-gold);display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;
}
.rh-body a.rh-banner__down{color:var(--rh-green-ink)}
.rh-body a.rh-banner__down:hover{background:var(--rh-green-dk);color:#fff}
.rh-banner__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.rh-banner__meta span{background:rgba(255,255,255,.10);color:#fff;font-size:13px;font-weight:700;padding:8px 16px}

/* ==========================================================================
   4. ★ تصميم صفحة المحتوى — أهم جزء في القالب
   ========================================================================== */
.rh-single{display:grid;grid-template-columns:340px 1fr;gap:40px;align-items:start}

/* --- السايدبار --- */
.rh-side{position:sticky;top:24px;display:flex;flex-direction:column;gap:24px}
.rh-w{background:var(--rh-sage);border-radius:var(--rh-r-lg);padding:26px}
.rh-w h3{border-bottom:1px solid var(--rh-sage-line);padding-bottom:14px}
.rh-w h3{font-size:19px;margin-bottom:18px}
.rh-w--plain{background:var(--rh-sage);border:1px solid var(--rh-sage-line)}
.rh-search{display:flex;background:#fff;border-radius:var(--rh-r);overflow:hidden}
.rh-search input{flex:1;border:0;padding:14px 16px;font-family:var(--rh-f);font-size:14.5px;color:var(--rh-ink);background:#fff}
.rh-search input:focus{outline:0}
.rh-search button{border:0;background:var(--rh-green-dk);color:#fff;width:52px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.rh-search button:hover{background:var(--rh-gold)}
.rh-search button:hover .rh-ico{fill:var(--rh-green-ink)}

/* قائمة الخدمات — العنصر الحالي بخلفية برتقالية */
.rh-slist li{margin-bottom:9px}
.rh-slist a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:#fff;border-radius:var(--rh-r);padding:14px 18px;
  font-weight:700;font-size:15px;color:var(--rh-ink);transition:.22s;
}
.rh-slist a::after{content:"←";color:var(--rh-gold);font-weight:800;opacity:0;transform:translateX(6px);transition:.22s}
.rh-slist a:hover{background:var(--rh-green-dk);color:#fff}
.rh-slist a:hover::after{opacity:1;transform:none;color:#fff}
.rh-slist .is-current>a{background:var(--rh-green-dk);color:#fff}
.rh-slist .is-current>a::after{opacity:1;transform:none;color:var(--rh-gold)}
.rh-slist ul{margin-top:9px;padding-inline-start:14px}
.rh-slist ul a{background:transparent;padding:9px 12px;font-size:14px;font-weight:600;color:var(--rh-body)}
.rh-slist ul a:hover{background:#fff;color:var(--rh-ink)}

/* بطاقة الدعوة الداكنة */
.rh-cta-card{position:relative;border-radius:var(--rh-r-lg);overflow:hidden;background:var(--rh-green-dk);padding:32px 26px;color:#fff;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end}
.rh-cta-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.30}
.rh-cta-card>*{position:relative;z-index:2}
.rh-cta-card h3{color:#fff;font-size:24px;line-height:1.35;margin-bottom:18px}
.rh-cta-card .rh-btn{align-self:flex-start}

/* --- المحتوى --- */
.rh-content{min-width:0}
.rh-content__hero{position:relative;border-radius:var(--rh-r-lg);overflow:hidden;margin-bottom:34px}
.rh-content__hero img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.rh-content__badge{
  position:absolute;top:0;inset-inline-start:34px;width:96px;background:#fff;
  padding:22px 0 30px;display:flex;align-items:center;justify-content:center;
  clip-path:polygon(0 0,100% 0,100% 100%,88% 92%,75% 100%,63% 92%,50% 100%,38% 92%,25% 100%,13% 92%,0 100%);
}
.rh-content__badge .rh-ico{width:34px;height:34px;fill:var(--rh-gold)}

/* التايبوغرافي */
.rh-content h1{font-size:clamp(28px,3.4vw,42px);margin-bottom:18px}
.rh-content h2{font-size:clamp(23px,2.5vw,32px);margin:44px 0 16px;position:relative;padding-inline-start:20px}
.rh-content h2::before{content:"";position:absolute;inset-inline-start:0;top:.24em;bottom:.24em;width:5px;background:var(--rh-gold);border-radius:3px}
.rh-content h3{font-size:21px;margin:30px 0 12px}
.rh-content h4{font-size:18px;margin:24px 0 10px}
.rh-content p{font-size:17px;line-height:2.05}
.rh-content>p:first-of-type{font-size:19px;line-height:1.95;color:var(--rh-ink);font-weight:600}

.rh-content ul,.rh-content ol{margin:0 0 20px;padding-inline-start:6px}
.rh-content ul li{position:relative;padding-inline-start:30px;margin-bottom:12px;font-size:16.5px;list-style:none}
.rh-content ul li::before{
  content:"";position:absolute;inset-inline-start:0;top:.62em;width:12px;height:12px;
  background:var(--rh-gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
.rh-content ol{counter-reset:rw;padding-inline-start:0}
.rh-content ol li{position:relative;padding-inline-start:44px;margin-bottom:14px;font-size:16.5px;list-style:none;counter-increment:rw}
.rh-content ol li::before{
  content:counter(rw,decimal-leading-zero);position:absolute;inset-inline-start:0;top:.1em;
  width:30px;height:30px;background:var(--rh-gold-wash);color:var(--rh-gold-deep);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;border-radius:8px;
}

.rh-content blockquote{
  position:relative;background:var(--rh-paper);border-radius:var(--rh-r-lg);
  padding:30px 34px 30px 34px;margin:28px 0;border-inline-start:5px solid var(--rh-gold);
}
.rh-content blockquote p{margin:0;font-size:18.5px;font-weight:700;color:var(--rh-ink);line-height:1.85}
.rh-content blockquote::after{content:"”";position:absolute;top:14px;inset-inline-end:26px;font-size:70px;line-height:1;color:rgba(254,95,21,.16);font-family:Georgia,serif}

.rh-content table{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 26px;border:1px solid var(--rh-line);border-radius:var(--rh-r);overflow:hidden}
.rh-content th,.rh-content td{padding:14px 16px;text-align:right;font-size:15.5px;border-bottom:1px solid var(--rh-line)}
.rh-content th{background:var(--rh-green-dk);color:#fff;font-weight:800;border-bottom:0}
.rh-content tr:last-child td{border-bottom:0}
.rh-content tr:nth-child(even) td{background:var(--rh-paper)}

.rh-content img{border-radius:var(--rh-r);margin:8px 0 22px}
.rh-content figure{margin:0 0 26px}
.rh-content figcaption{font-size:13.5px;color:var(--rh-body);text-align:center;margin-top:8px}
.rh-content a:not(.rh-btn){color:var(--rh-gold-deep);font-weight:700;border-bottom:1px solid rgba(181,67,24,.32)}
.rh-content a:not(.rh-btn):hover{border-bottom-color:var(--rh-gold-deep)}
.rh-content hr{border:0;border-top:1px solid var(--rh-line);margin:36px 0}

/* صندوق تنبيه — يستخدم بكلاس داخل المحرر */
.rh-note{background:var(--rh-gold-wash);border-radius:var(--rh-r-lg);padding:24px 26px;margin:0 0 26px;display:flex;gap:16px}
.rh-note__i{width:46px;height:46px;border-radius:50%;background:var(--rh-gold);display:flex;align-items:center;justify-content:center;flex:none}
.rh-note__i .rh-ico{fill:var(--rh-green-ink);width:22px;height:22px}
.rh-note p:last-child{margin:0}
.rh-note strong{color:var(--rh-ink)}

/* فهرس المحتوى */
.rh-toc{background:var(--rh-green-dk);border-radius:var(--rh-r-lg);padding:26px 30px;margin-bottom:34px}
.rh-toc h2{color:#fff;font-size:18px;margin:0 0 14px;padding:0}
.rh-toc h2::before{display:none}
.rh-toc ol{counter-reset:tc;padding:0;margin:0;columns:2;column-gap:30px}
.rh-toc li{counter-increment:tc;list-style:none;padding-inline-start:30px;position:relative;margin-bottom:9px;break-inside:avoid;font-size:14.6px}
.rh-toc li::before{content:counter(tc,decimal-leading-zero);position:absolute;inset-inline-start:0;color:var(--rh-gold);font-weight:800;font-size:12.5px;top:.15em}
.rh-content .rh-toc a,.rh-toc a{color:#D8DBDF;font-weight:600;border:0}
.rh-content .rh-toc a:hover,.rh-toc a:hover{color:var(--rh-gold-soft)}

/* شريط تقدّم القراءة */
.rh-progress{position:fixed;top:0;inset-inline:0;height:3px;background:transparent;z-index:9997}
.rh-progress span{display:block;height:100%;width:0;background:var(--rh-gold);transition:width .1s linear}

/* الأبناء داخل المحتوى */
.rh-kids{margin-top:44px;padding-top:36px;border-top:2px solid var(--rh-line)}
.rh-kids h2{margin-top:0}
.rh-kids__g{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.rh-kid{display:flex;gap:16px;background:#fff;border:1px solid var(--rh-line);border-radius:var(--rh-r-lg);padding:16px;transition:.28s}
.rh-kid:hover{border-color:transparent;box-shadow:var(--rh-shadow);transform:translateY(-4px)}
.rh-kid img{width:88px;height:88px;object-fit:cover;border-radius:var(--rh-r);flex:none;margin:0}
.rh-kid h3{font-size:17px;margin:0 0 5px;padding:0}
.rh-kid h3::before{display:none}
.rh-kid p{font-size:13.8px;margin:0;line-height:1.75}

/* التنقل بين الصفحات */
.rh-pnav{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px}
.rh-pnav a{background:var(--rh-paper);border-radius:var(--rh-r-lg);padding:20px 22px;transition:.25s}
.rh-pnav a:hover{background:var(--rh-green-dk);color:#fff}
.rh-pnav a:hover span,.rh-pnav a:hover b{color:#fff}
.rh-pnav span{display:block;font-size:12.5px;color:var(--rh-gold-deep);font-weight:800;margin-bottom:5px;letter-spacing:1px}
.rh-pnav b{font-size:16px;font-weight:800;color:var(--rh-ink);line-height:1.5}
.rh-pnav a:last-child{text-align:left}

/* ==========================================================================
   5. أقسام الرئيسية
   ========================================================================== */
.rh-g2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.rh-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.rh-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}

/* من نحن */
.rh-about{display:grid;grid-template-columns:1fr 1.06fr;gap:56px;align-items:center}
.rh-about__m{position:relative;padding-bottom:80px;padding-inline-end:70px}
.rh-about__m1{overflow:hidden;aspect-ratio:3/3.7}
.rh-about__m1 img{width:100%;height:100%;object-fit:cover}
.rh-about__m2{position:absolute;bottom:0;inset-inline-end:0;width:62%;aspect-ratio:4/3.1;overflow:hidden;border:10px solid #fff}
.rh-about__m2 img{width:100%;height:100%;object-fit:cover}
.rh-years{display:flex;align-items:center;gap:26px;margin:26px 0}
.rh-years__n{font-size:64px;font-weight:800;color:var(--rh-ink);line-height:1;letter-spacing:-3px}
.rh-years__n small{font-size:26px;color:var(--rh-body)}
.rh-years__l{font-size:13.5px;font-weight:800;letter-spacing:2px;color:var(--rh-body)}
.rh-years__box{background:var(--rh-gold);color:var(--rh-green-ink);padding:22px 24px;flex:1}
.rh-years__box div{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-weight:800;font-size:15.5px}
.rh-years__box div:last-child{margin:0}
.rh-years__box .rh-ico{fill:var(--rh-green-ink);width:26px;height:26px;flex:none}

/* شبكة الخدمات */
.rh-svc{background:#fff;transition:.3s;display:block}
.rh-svc__img{position:relative;overflow:hidden;aspect-ratio:4/2.9}
.rh-svc__img img{width:100%;height:100%;object-fit:cover;transition:.55s}
.rh-svc:hover .rh-svc__img img{transform:scale(1.07)}
.rh-svc__badge{
  position:absolute;bottom:0;inset-inline-start:34px;width:86px;background:#fff;
  padding:16px 0 24px;display:flex;align-items:center;justify-content:center;transition:.3s;
  clip-path:polygon(0 0,100% 0,100% 100%,88% 92%,75% 100%,63% 92%,50% 100%,38% 92%,25% 100%,13% 92%,0 100%);
}
.rh-svc__badge .rh-ico{width:32px;height:32px;fill:var(--rh-gold)}
.rh-svc:hover .rh-svc__badge{background:var(--rh-gold)}
.rh-svc:hover .rh-svc__badge .rh-ico{fill:var(--rh-green-ink)}
.rh-svc__b{padding:22px 4px 0;text-align:center}
.rh-svc h3{font-size:21px;margin-bottom:9px}
.rh-svc p{font-size:14.8px;margin:0}

/* الأرقام */
.rh-stats{background:var(--rh-green);padding:56px 0}
.rh-stats__g{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.rh-stat{border-inline-start:1px solid rgba(255,255,255,.13);padding:8px 12px}
.rh-stat:first-child{border:0}
.rh-stat b{display:block;color:#fff;font-size:42px;font-weight:800;line-height:1.15}
.rh-stat span{color:var(--rh-gold-soft);font-size:14px;font-weight:700}

/* الأعمال */
.rh-proj{position:relative;overflow:hidden;aspect-ratio:4/3.2;display:block}
.rh-proj img{width:100%;height:100%;object-fit:cover;transition:.6s}
.rh-proj:hover img{transform:scale(1.07)}
.rh-proj__t{
  position:absolute;bottom:0;inset-inline:0;margin:18px;background:#fff;padding:16px 20px;
  opacity:0;transform:translateY(14px);transition:.32s;
}
.rh-proj:hover .rh-proj__t{opacity:1;transform:none}
.rh-proj__t h3{font-size:17px;margin:0 0 4px}
.rh-proj__t span{font-size:12px;font-weight:700;color:var(--rh-body);letter-spacing:1.4px}

/* الأسئلة */
.rh-faq{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
.rh-acc__i{background:#fff;border:1px solid var(--rh-line);border-radius:var(--rh-r);margin-bottom:12px;overflow:hidden}
.rh-acc__i.is-open{border-color:var(--rh-gold)}
.rh-acc__b{width:100%;background:none;border:0;padding:19px 22px;display:flex;justify-content:space-between;align-items:center;gap:14px;font-family:var(--rh-f);font-size:16.5px;font-weight:800;color:var(--rh-ink);cursor:pointer;text-align:right;line-height:1.5}
.rh-acc__b i{font-style:normal;font-size:22px;color:var(--rh-gold);transition:.3s;flex:none;line-height:1}
.rh-acc__i.is-open .rh-acc__b i{transform:rotate(45deg)}
.rh-acc__p{display:none;padding:0 22px 20px}
.rh-acc__i.is-open .rh-acc__p{display:block;animation:rhFade .3s ease}
.rh-acc__p p{margin:0;font-size:15px}
@keyframes rhFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.rh-faq__img{overflow:hidden;aspect-ratio:4/3.6}
.rh-faq__img img{width:100%;height:100%;object-fit:cover}

/* المدونة */
.rh-post{display:flex;flex-direction:column;height:100%}
.rh-post__t{position:relative;overflow:hidden;aspect-ratio:16/10.5;margin-bottom:18px;display:block}
.rh-post__t img{width:100%;height:100%;object-fit:cover;transition:.5s}
.rh-post:hover .rh-post__t img{transform:scale(1.06)}
.rh-post__cat{position:absolute;top:0;inset-inline-start:0;background:var(--rh-gold);color:var(--rh-green-ink);font-size:12px;font-weight:800;padding:8px 15px;letter-spacing:.8px}
.rh-post h3{font-size:20px;margin-bottom:10px}
.rh-post__m{font-size:13px;color:var(--rh-body);display:flex;gap:12px;align-items:center}
.rh-pag{display:flex;justify-content:center;gap:8px;margin-top:48px;flex-wrap:wrap}
.rh-pag .page-numbers{min-width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--rh-paper);font-weight:800;color:var(--rh-ink);padding:0 14px}
.rh-pag .page-numbers.current,.rh-pag .page-numbers:hover{background:var(--rh-gold);color:var(--rh-green-ink)}

/* ==========================================================================
   6. الفوتر
   ========================================================================== */
.rh-soc-bar{background:var(--rh-gold);display:grid;grid-template-columns:repeat(4,1fr)}
.rh-body a.rh-soc-bar__i{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;color:var(--rh-green-ink);font-weight:700;font-size:14.5px;border-inline-start:1px solid rgba(22,50,29,.16)}
.rh-soc-bar a:first-child{border:0}
.rh-body a.rh-soc-bar__i:hover{background:var(--rh-green-dk);color:#fff}
.rh-soc-bar .rh-ico{width:16px;height:16px}

.rh-foot{background:var(--rh-green-dk);color:#A2A6AD;padding:0 0 0}
.rh-foot__top{background:var(--rh-green);border-bottom:1px solid rgba(255,255,255,.10);padding:28px 0}
.rh-foot__top .rh-wrap{display:flex;align-items:center;gap:34px;flex-wrap:wrap}
.rh-foot__call{display:flex;align-items:center;gap:14px}
.rh-foot__call span.rh-ring{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.rh-foot__call .rh-ico{fill:var(--rh-gold);width:20px;height:20px}
.rh-foot__call small{display:block;color:var(--rh-gold);font-size:12.5px;font-weight:700}
.rh-foot__call b{color:#fff;font-size:18px;unicode-bidi:plaintext}
/* زر عرض السعر في شريط الفوتر العلوي — بديل النشرة البريدية المحذوفة */
.rh-body a.rh-foot__quote{margin-inline-start:auto;padding:16px 26px}
.rh-body a.rh-foot__quote:hover{background:#fff;color:var(--rh-ink)}

.rh-foot__cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding:56px 0}
.rh-foot a{color:#A2A6AD}
.rh-foot a:hover{color:var(--rh-gold-soft)}
.rh-foot h4{color:#fff;font-size:18px;margin-bottom:20px}
.rh-foot p{font-size:14.6px;line-height:1.95}
.rh-foot .rh-logo__txt b{color:#fff}
.rh-foot .rh-logo__txt span{color:var(--rh-gold-soft)}
.rh-foot__links li{margin-bottom:11px;font-size:14.8px}
.rh-hours div{font-size:14.5px;margin-bottom:6px}
.rh-hours b{color:var(--rh-gold);unicode-bidi:plaintext}
.rh-foot__c li{display:flex;align-items:flex-start;gap:11px;margin-bottom:13px;font-size:14.8px}
.rh-foot__c .rh-ico{fill:var(--rh-gold);width:17px;height:17px;margin-top:4px}
.rh-foot__bar{background:#0B0D11;padding:18px 0;text-align:center;font-size:13.5px}

.rh-wa{position:fixed;inset-inline-start:20px;bottom:20px;z-index:999;width:58px;height:58px;border-radius:50%;background:#0F7A66;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(15,122,102,.45);transition:.25s}
.rh-body a.rh-wa,.rh-wa{color:#fff}
.rh-wa:hover,.rh-body a.rh-wa:hover{color:#fff;transform:scale(1.07)}
.rh-wa .rh-ico{width:29px;height:29px}

.rh-bar{display:none}

/* ==========================================================================
   7. الاستجابة
   ========================================================================== */
@media (max-width:1100px){
  .rh-nav{display:none}
  .rh-burger{display:flex}
  .rh-head__in{height:82px;align-items:center}
  .rh-head__cta{margin-inline-start:auto}
  .rh-single{grid-template-columns:1fr}
  .rh-side{position:static;order:2}
  .rh-content{order:1}
  .rh-about,.rh-faq{grid-template-columns:1fr}
  .rh-g4,.rh-g3{grid-template-columns:repeat(2,1fr)}
  .rh-top__in{height:auto;padding:10px 0}
}
@media (max-width:767px){
  .rh-sec{padding:64px 0}
  .rh-hero{min-height:auto}
  .rh-hero__seal{display:none}

  /* ---- القسم الرئيسي على الجوال ----
     المشكلة السابقة: العنوان محصور بـ17ch والفقرة بـ560px، فيقفان ملتصقين
     بالحافة اليمنى ويتركان فراغًا واسعًا على اليسار، بينما الأزرار في
     المنتصف — فيبدو النص منزاحًا لليمين بشكل مبالغ فيه.
     الحل: إلغاء حدود العرض ليملأ النص العمود كاملًا، وتوحيد المحاذاة مع
     الأزرار، مع إبقاء هامش 22px على الجانبين حتى لا يلتصق بالحافة. */
  .rh-hero__in{padding:76px 0 66px;padding-inline:22px}
  .rh-hero h1{max-width:none;font-size:clamp(26px,7vw,34px);line-height:1.34;letter-spacing:-.4px;margin-bottom:16px}
  /* تأثير الحرف المفرَّغ يحتاج حجمًا كبيرًا ليُقرأ؛ في مقاس الجوال يصير
     غير واضح فوق الصورة، فيُستبدل بلون برتقالي فاتح مصمت. */
  .rh-hero h1 em{color:var(--rh-gold-soft);-webkit-text-stroke:0}
  .rh-hero p{max-width:none;font-size:15.5px;line-height:1.85;margin-bottom:26px}
  .rh-hero__act{justify-content:flex-start;gap:14px}
  /* التدرّج الأصلي يركّز العتمة على اليمين فقط؛ على الجوال يصبح النص
     بعرض الشاشة كاملًا فيحتاج عتمة متساوية ليبقى مقروءًا. */
  .rh-hero::after{background:linear-gradient(180deg,rgba(12,14,18,.88),rgba(12,14,18,.76))}

  .rh-banner{padding:70px 0 66px}
  .rh-g2,.rh-g3,.rh-g4,.rh-stats__g,.rh-kids__g,.rh-pnav,.rh-soc-bar,.rh-foot__cols{grid-template-columns:1fr}
  .rh-toc ol{columns:1}
  .rh-about__m{padding:0}
  /* صورة واحدة فقط أعلى القسم تعمل كهيدر له — الصورة الثانية تُخفى
     لأن صورتين متتاليتين على شاشة ضيّقة تدفعان النص بعيدًا لأسفل. */
  .rh-about__m1{aspect-ratio:16/8.6}
  .rh-about__m2{display:none}
  .rh-years{flex-direction:column;align-items:flex-start;gap:16px}
  .rh-years__box{width:100%}
  .rh-stat{border:0;border-bottom:1px solid rgba(255,255,255,.13);padding:16px 0}
  .rh-stat:last-child{border:0}
  .rh-content__badge{inset-inline-start:16px;width:74px}
  .rh-top{display:none}
  .rh-body a.rh-head__btn{display:none}
  .rh-body a.rh-btn--call{display:inline-flex;padding:13px 18px;font-size:13.5px}
  .rh-head .rh-burger{order:99}
  .rh-hero__act{justify-content:center}
  .rh-bar{
    display:grid;grid-template-columns:1fr 1fr;position:fixed;inset-inline:0;bottom:0;z-index:998;
    background:#fff;box-shadow:0 -6px 22px rgba(0,0,0,.14);
  }
  .rh-body a.rh-bar__i{display:flex;align-items:center;justify-content:center;gap:9px;padding:15px 8px;font-weight:800;font-size:15px;color:var(--rh-green-ink);background:var(--rh-gold)}
  .rh-body a.rh-bar__i--wa{background:#0F7A66}
  body.rh-body{padding-bottom:58px}
  /* زر واتساب العائم يختفي على الجوال — شريط الأزرار المستطيل أسفل
     الشاشة يؤدي الغرض نفسه، ووجود الاثنين معًا يزحم الواجهة. */
  .rh-wa{display:none}
}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:focus-visible{outline:3px solid var(--rh-gold);outline-offset:3px}

/* ==========================================================================
   8. المميزات المرقّمة
   ========================================================================== */
.rh-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.rh-feat{
  position:relative;background:#fff;padding:46px 34px 40px;overflow:hidden;
  transition:transform .32s,box-shadow .32s;isolation:isolate;
}
.rh-feat::before{
  content:"";position:absolute;top:0;inset-inline:0;height:4px;
  background:var(--rh-gold);transform:scaleX(0);transform-origin:right;transition:transform .35s;
}
.rh-feat:hover{transform:translateY(-8px);box-shadow:var(--rh-shadow)}
.rh-feat:hover::before{transform:scaleX(1)}

/* الرقم الزخرفي الكبير في الخلفية */
/* الرقم في الركن المقابل للشارة حتى لا يتداخلا */
.rh-feat__ghost{
  position:absolute;top:26px;inset-inline-end:26px;z-index:-1;
  font-size:76px;font-weight:900;line-height:.9;color:transparent;
  -webkit-text-stroke:1.5px rgba(18,20,26,.10);letter-spacing:-3px;transition:.35s;
}
.rh-feat:hover .rh-feat__ghost{-webkit-text-stroke-color:rgba(254,95,21,.20)}

/* الشارة المسنّنة — توقيع القالب البصري */
.rh-feat__badge{
  width:74px;height:74px;background:var(--rh-green-dk);display:flex;align-items:center;justify-content:center;
  margin-bottom:24px;transition:.32s;
  clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,75% 88%,63% 100%,50% 88%,38% 100%,25% 88%,13% 100%,0 88%);
}
.rh-feat__badge .rh-ico{width:32px;height:32px;fill:var(--rh-gold);transition:.32s}
.rh-feat:hover .rh-feat__badge{background:var(--rh-gold)}
.rh-feat:hover .rh-feat__badge .rh-ico{fill:var(--rh-green-ink)}

.rh-feat__n{
  display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:2px;
  color:var(--rh-gold-deep);margin-bottom:8px;
}
.rh-feat h3{font-size:21px;margin-bottom:12px;line-height:1.45}
.rh-feat p{font-size:15px;margin:0}
.rh-feat__rule{
  display:block;width:44px;height:3px;background:var(--rh-line);margin-top:24px;transition:.35s;
}
.rh-feat:hover .rh-feat__rule{width:88px;background:var(--rh-gold)}

@media (max-width:1100px){.rh-feats{grid-template-columns:1fr}}

/* ==========================================================================
   9. مناطق التغطية + الروابط الداخلية
   ========================================================================== */
.rh-areas{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;
  margin:0;padding:0;list-style:none;
}
.rh-areas li{
  display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--rh-line);
  padding:13px 16px;font-size:14.8px;font-weight:700;color:var(--rh-ink);transition:.24s;
}
.rh-areas li:hover{border-color:var(--rh-gold);transform:translateY(-3px);box-shadow:var(--rh-shadow-sm)}
.rh-areas .rh-ico{width:16px;height:16px;fill:var(--rh-gold);flex:none}

/* كتلة الروابط الداخلية داخل المحتوى */
.rh-rel{margin-top:44px;padding-top:34px;border-top:2px solid var(--rh-line)}
.rh-rel h2{margin-top:0}
.rh-rel__g{display:flex;flex-wrap:wrap;gap:10px}
.rh-content .rh-rel__g a,.rh-rel__g a{
  background:var(--rh-paper);border:1px solid var(--rh-line);border-bottom:1px solid var(--rh-line);
  padding:11px 18px;font-size:14.6px;font-weight:700;color:var(--rh-ink);transition:.24s;
}
.rh-content .rh-rel__g a:hover,.rh-rel__g a:hover{background:var(--rh-green-dk);color:#fff;border-color:var(--rh-green-dk)}

/* قائمة روابط بسيطة داخل ودجت السايدبار */
.rh-w__links li{margin-bottom:9px;font-size:14.8px}
.rh-w__links li.is-current>a{color:var(--rh-gold-deep);font-weight:800}

@media (max-width:767px){
  .rh-areas{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
  .rh-areas li{padding:11px 13px;font-size:14px}
  .rh-body a.rh-foot__quote{margin-inline-start:0;width:100%}
}