/*
Theme Name: Dahanatjida Clean Edge Home
Theme URI: https://dahanatjida.com/
Description: قالب ابن لثيم Astra — صفحة رئيسية لموقع معلم دهانات بجدة. الهوية البصرية: الحافة النظيفة — الخط الفاصل الحاد بين لونين وعلامات الشريط اللاصق.
Author: dahanatjida
Template: astra
Version: 1.0.0
Text Domain: dahanatjida-edge
*/

/* ============================================================
   .hf — هوية «الحافة النظيفة»
   علامة المعلم الشاطر هي الخط الفاصل الحاد بين لونين،
   فالموتيف كله حوافّ قاطعة وعلامات شريط لاصق.
   كل الأنماط محصورة تحت .hf
   ============================================================ */

.hf{
  --hf-ink:#16243D;        /* كحلي عميق — الحبر */
  --hf-deep:#0D1626;       /* أعمق للأقسام الداكنة */
  --hf-navy:#2A4571;       /* كحلي وسط */
  --hf-navy2:#3E5D8F;      /* كحلي فاتح */
  --hf-tape:#EBC457;       /* أصفر الشريط اللاصق — للتعبئة والحواف */
  --hf-tapet:#7D5E07;      /* الأصفر للنص على خلفية فاتحة (AA) */
  --hf-tapel:#FDF6E3;      /* أصفر باهت جدًا — خلفيات */
  --hf-ok:#1C6B4A;
  --hf-red:#9B2D2D;
  --hf-redl:#FBEEEE;
  --hf-putty:#F2F1ED;      /* معجون فاتح — خلفية الأقسام */
  --hf-putty2:#E4E2DA;
  --hf-line:#D5D3CA;
  --hf-txt:#1A2130;
  --hf-mut:#56607A;

  display:block;
  font-family:'Ruwudu','Segoe UI',Tahoma,sans-serif;
  font-size:1.1rem;
  line-height:2;
  color:var(--hf-txt);
  direction:rtl;
  text-align:right;
  background:#fff;
}

/* تحصين الجوال */
.hf *{min-width:0;}
.hf *{box-sizing:border-box;}
.hf img,.hf iframe,.hf video{max-width:100%;height:auto;display:block;}
.hf p,.hf li,.hf h1,.hf h2,.hf h3,.hf summary,.hf figcaption,.hf .hf-tr>span{overflow-wrap:anywhere;}

/* ── الخطوط ───────────────────────────────────────────── */
.hf h1,.hf h2,.hf h3{
  font-family:'Qahiri','Ruwudu',sans-serif;
  font-weight:400;
  line-height:1.6;
  color:var(--hf-ink);
  margin:0 0 15px;
}
.hf h1{font-size:clamp(1.6rem,4.2vw,2.42rem);}
.hf h2{font-size:clamp(1.34rem,3.1vw,1.88rem);}
.hf h3{font-size:clamp(1.1rem,2.2vw,1.26rem);line-height:1.7;}
.hf p{margin:0 0 17px;}
.hf ul,.hf ol{margin:0 0 17px;padding-inline-start:0;list-style:none;}

/* ── الهيكل ───────────────────────────────────────────── */
.hf-w{width:100%;max-width:1120px;margin:0 auto;padding:0 18px;}
.hf-s{padding:64px 0;background:#fff;position:relative;}
.hf-s:nth-of-type(even){background:var(--hf-putty);}

.hf-s p a,.hf-s li a,.hf-s figcaption a,.hf-s .hf-a a{
  color:var(--hf-navy);
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:4px;
  text-decoration-color:rgba(42,69,113,.4);
}
.hf-s p a:hover,.hf-s li a:hover,.hf-s figcaption a:hover{
  color:var(--hf-ink);
  text-decoration-color:var(--hf-tape);
}

/* الأقسام الداكنة */
.hf-s.deep{background:var(--hf-deep);color:#DCE2EC;}
.hf-s.deep h2,.hf-s.deep h3{color:#fff;}
.hf-s.deep strong{color:var(--hf-tape);}
.hf-s.deep p a,.hf-s.deep li a{color:#9DC2F0;text-decoration-color:rgba(157,194,240,.45);}
.hf-s.deep p a:hover,.hf-s.deep li a:hover{color:var(--hf-tape);text-decoration-color:var(--hf-tape);}

/* ── الموتيف ١: الشارة — مربّع بحافة قاطعة ───────────── */
.hf-chip{
  display:inline-flex;align-items:center;justify-content:center;
  width:52px;height:52px;flex:0 0 52px;
  background:var(--hf-ink);
  color:#fff;font-weight:700;font-size:.95rem;
  font-family:'Ruwudu',sans-serif;
  position:relative;
  border-radius:2px;
  padding-right:6px;
}
/* الحافة: شريط أصفر قاطع على الطرف الأيمن */
.hf-chip::before{
  content:"";position:absolute;top:0;bottom:0;right:0;width:6px;
  background:var(--hf-tape);
}
/* علامات الشريط اللاصق أسفل الشارة */
.hf-chip::after{
  content:"";position:absolute;right:0;left:0;bottom:-9px;height:4px;
  background:repeating-linear-gradient(90deg,var(--hf-tape) 0 9px,transparent 9px 16px);
}
.hf-s.deep .hf-chip{background:var(--hf-navy);}

/* ── الموتيف ٢: الفاصل — لونان يلتقيان بحافة حادة ─────── */
.hf-line{
  display:block;position:relative;
  height:16px;width:190px;margin:0 0 28px;
}
.hf-line i{position:absolute;top:6px;height:6px;display:block;}
.hf-line i:nth-child(1){right:0;width:84px;background:var(--hf-ink);}
.hf-line i:nth-child(2){right:84px;width:46px;background:var(--hf-tape);}
.hf-line i:nth-child(3){right:130px;width:60px;background:var(--hf-line);}
/* علامات الشريط فوق نقطة الالتقاء */
.hf-line i:nth-child(2)::after{
  content:"";position:absolute;right:0;left:0;top:-6px;height:3px;
  background:repeating-linear-gradient(90deg,var(--hf-ink) 0 5px,transparent 5px 10px);
}
.hf-s.deep .hf-line i:nth-child(1){background:#fff;}
.hf-s.deep .hf-line i:nth-child(3){background:rgba(255,255,255,.3);}
.hf-s.deep .hf-line i:nth-child(2)::after{background:repeating-linear-gradient(90deg,#fff 0 5px,transparent 5px 10px);}

/* ── رؤوس الأقسام ─────────────────────────────────────── */
.hf-head{margin:0 0 32px;}
.hf-head .hf-top{display:flex;align-items:center;gap:17px;margin-bottom:18px;flex-wrap:wrap;}
.hf-kicker{
  font-size:.8rem;font-weight:700;letter-spacing:1.5px;
  color:var(--hf-tapet);
}
.hf-s.deep .hf-kicker{color:var(--hf-tape);}
.hf-head p{color:var(--hf-mut);max-width:70ch;margin:0;}
.hf-s.deep .hf-head p{color:#B9C3D4;}

/* ── البطل ────────────────────────────────────────────── */
.hf-hero{
  background:var(--hf-deep);
  color:#DCE2EC;
  padding:70px 0 76px;
  position:relative;overflow:hidden;
}
/* الحافة الكبرى: شريحة كحلية تقطع الخلفية بخط أصفر حاد */
.hf-hero::before{
  content:"";position:absolute;inset:-20% -10%;pointer-events:none;
  background:linear-gradient(104deg,
    transparent 0 34%,
    var(--hf-tape) 34% 34.35%,
    rgba(42,69,113,.42) 34.35% 100%);
}
.hf-hero::after{
  content:"";position:absolute;top:0;right:0;left:0;height:7px;
  background:repeating-linear-gradient(90deg,var(--hf-tape) 0 26px,var(--hf-navy) 26px 52px);
}
.hf-hero .hf-w{position:relative;z-index:2;}
.hf-hero h1{color:#fff;margin:0 0 20px;}
.hf-hero .hf-kicker{color:var(--hf-tape);}
.hf-hero .hf-grid{display:grid;grid-template-columns:1.22fr .88fr;gap:36px;align-items:center;}
.hf-lede{font-size:1.12rem;color:#C9D2E0;max-width:62ch;}
.hf-hero .hf-chip{background:var(--hf-navy);}
.hf-hero .hf-line i:nth-child(1){background:#fff;}
.hf-hero .hf-line i:nth-child(3){background:rgba(255,255,255,.3);}
.hf-hero .hf-line i:nth-child(2)::after{background:repeating-linear-gradient(90deg,#fff 0 5px,transparent 5px 10px);}

/* ── الوسوم ───────────────────────────────────────────── */
.hf-tags{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 0;}
.hf-tag{
  display:inline-block;padding:7px 15px;border-radius:2px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(235,196,87,.4);
  border-right:4px solid var(--hf-tape);
  color:#E3E9F1;font-size:.86rem;font-weight:700;
}
.hf-s .hf-tag{background:var(--hf-tapel);border-color:#EBDFB8;border-right-color:var(--hf-tape);color:var(--hf-tapet);}

/* ── الأزرار — زوايا حادة وحافة سفلية ────────────────── */
.hf-cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0;}
.hf-btn,.hf-ghost{
  display:inline-flex;align-items:center;gap:9px;
  padding:14px 27px;font-weight:700;font-size:1rem;
  text-decoration:none;border:0;cursor:pointer;border-radius:2px;
  font-family:'Ruwudu',sans-serif;
  position:relative;
  transition:background .18s ease,color .18s ease;
}
.hf-btn{background:var(--hf-tape);color:#2A1F02;padding-bottom:18px;}
.hf-btn::after{
  content:"";position:absolute;right:0;left:0;bottom:0;height:5px;
  background:var(--hf-ink);
}
.hf-btn:hover{background:#F5D471;}
.hf-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.52);}
.hf-ghost:hover{background:rgba(255,255,255,.13);color:#fff;}
.hf-s .hf-ghost{color:var(--hf-ink);box-shadow:inset 0 0 0 2px var(--hf-ink);}
.hf-s .hf-ghost:hover{background:var(--hf-ink);color:#fff;}

/* ── الصور — ركن مشرّط بالشريط اللاصق ────────────────── */
.hf-shot{position:relative;margin:0;overflow:hidden;border-radius:3px;}
.hf-shot img{width:100%;display:block;}
/* شريط لاصق مائل على الركن العلوي */
.hf-shot::before{
  content:"";position:absolute;top:26px;right:-46px;
  width:170px;height:26px;transform:rotate(45deg);
  background:var(--hf-tape);
  box-shadow:0 1px 0 rgba(0,0,0,.18);
}
.hf-shot::after{
  content:"";position:absolute;right:0;left:0;bottom:0;height:7px;
  background:var(--hf-ink);
}
.hf-label{
  position:absolute;right:0;bottom:7px;
  background:rgba(13,22,38,.95);color:#fff;
  padding:11px 17px;max-width:78%;
  border-right:5px solid var(--hf-tape);
}
.hf-label b{display:block;font-size:.96rem;font-weight:700;}
.hf-label span{display:block;font-size:.81rem;color:#AEB9CB;}

.hf-fig{margin:0;position:relative;}
.hf-fig img{width:100%;border-radius:3px;}
.hf-fig::before{
  content:"";position:absolute;top:0;bottom:0;right:0;width:7px;
  background:var(--hf-tape);z-index:2;
}
.hf-fig figcaption{
  font-size:.87rem;color:var(--hf-mut);
  margin-top:13px;padding-right:14px;
  border-right:4px solid var(--hf-ink);
}
.hf-s.deep .hf-fig figcaption{color:#B2BDCF;}

.hf-two{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;}
.hf-two.rev>.hf-fig{order:2;}

/* ── الأرقام ──────────────────────────────────────────── */
.hf-stats{background:var(--hf-ink);padding:0;}
.hf-stats .hf-w{display:grid;grid-template-columns:repeat(4,1fr);}
.hf-stats div{padding:30px 14px;text-align:center;position:relative;}
.hf-stats div+div::before{
  content:"";position:absolute;right:0;top:24%;bottom:24%;width:1px;background:rgba(255,255,255,.2);
}
.hf-stats b{display:block;font-family:'Qahiri',sans-serif;font-size:1.82rem;color:var(--hf-tape);line-height:1.5;}
.hf-stats span{display:block;font-size:.86rem;color:#BFC9D8;}

/* ── بطاقات الخدمات ───────────────────────────────────── */
.hf-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.hf-svc>div{
  background:#fff;padding:26px 24px 24px;border-radius:3px;
  border:1px solid var(--hf-line);
  border-right:6px solid var(--hf-tape);
  color:var(--hf-mut);
}
.hf-svc>div h3{margin:0 0 9px;color:var(--hf-ink);}
.hf-svc>div p{margin:0;font-size:.96rem;}
.hf-s.deep .hf-svc>div{background:#182840;border-color:#2C4160;border-right-color:var(--hf-tape);color:#C2CCDC;}
.hf-s.deep .hf-svc>div h3{color:#fff;}

/* ── المقتطف المميز ───────────────────────────────────── */
.hf-q{
  margin:32px 0;padding:26px 30px;border-radius:3px;
  background:var(--hf-tapel);
  border-right:8px solid var(--hf-tape);
  color:#3B2D05;
}
.hf-q p{
  margin:0;font-family:'Qahiri',sans-serif;
  font-size:1.2rem;line-height:1.85;color:#3B2D05;
}
.hf-s.deep .hf-q{background:#1A2C47;border-right-color:var(--hf-tape);color:#EAE0C2;}
.hf-s.deep .hf-q p{color:#EAE0C2;}

/* ── ملاحظات وتحذيرات ─────────────────────────────────── */
.hf-note,.hf-warn{padding:19px 22px;margin:26px 0;border-radius:3px;border:1px solid;}
.hf-note{background:#EDF2FA;border-color:#C6D5EB;border-right:6px solid var(--hf-navy);color:#15283F;}
.hf-warn{background:var(--hf-redl);border-color:#E9C8C8;border-right:6px solid var(--hf-red);color:#5C1B1B;}
.hf-note p:last-child,.hf-warn p:last-child{margin-bottom:0;}
.hf-s.deep .hf-note{background:#172B45;border-color:#2B4466;border-right-color:#9DC2F0;color:#D2DFF0;}
.hf-s.deep .hf-warn{background:#3A2020;border-color:#5C3434;color:#F0D5D5;}

/* ── القوائم المؤشَّرة — علامة حافة ───────────────────── */
.hf-tick{margin:0 0 17px;}
.hf-tick li{position:relative;padding-right:28px;margin-bottom:12px;}
.hf-tick li::before{
  content:"";position:absolute;right:0;top:14px;
  width:16px;height:5px;background:var(--hf-tape);
}
.hf-tick li::after{
  content:"";position:absolute;right:0;top:19px;
  width:7px;height:5px;background:var(--hf-ink);
}
.hf-s.deep .hf-tick li::after{background:#fff;}

/* ── الجداول (div لا table) ───────────────────────────── */
.hf-tbl{
  display:block;margin:26px 0;background:#fff;border-radius:3px;
  border:1px solid var(--hf-line);
  max-width:100%;overflow:hidden;
}
.hf-tr{display:grid;grid-template-columns:var(--hf-cols,repeat(3,1fr));}
.hf-tr>span{
  display:block;padding:13px 16px;
  border-bottom:1px solid var(--hf-line);
  border-left:1px solid var(--hf-line);
  min-width:0;font-size:.95rem;color:var(--hf-txt);
}
.hf-tr>span:last-child{border-left:0;}
.hf-tr:last-child>span{border-bottom:0;}
.hf-tbl .hf-th{background:var(--hf-ink);}
.hf-tbl .hf-th>span{
  color:#fff;font-weight:700;font-size:.9rem;
  border-color:rgba(255,255,255,.18);
}
.hf-tr>span b{color:var(--hf-ink);font-weight:700;}
.hf-tr>span a{color:var(--hf-navy);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.hf-tr>span a:hover{color:var(--hf-ink);}
.hf-s.deep .hf-tbl{background:#182840;border-color:#2C4160;}
.hf-s.deep .hf-tr>span{color:#D4DCE8;border-color:#2C4160;}
.hf-s.deep .hf-tr>span b,.hf-s.deep .hf-tr>span strong{color:var(--hf-tape);}
.hf-s.deep .hf-tbl .hf-th{background:#07101C;}
.hf-s.deep .hf-tbl .hf-th>span{color:#fff;}
.hf-s.deep .hf-tr>span a{color:#9DC2F0;}

/* ── مقارنة ───────────────────────────────────────────── */
.hf-cmp{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;}
.hf-cmp>div{
  padding:24px 22px;border:1px solid var(--hf-line);
  background:#fff;border-radius:3px;color:var(--hf-txt);
}
.hf-yes{border-top:6px solid var(--hf-ok);}
.hf-no{border-top:6px solid var(--hf-red);}
.hf-cmp h3{margin:0 0 14px;font-size:1.08rem;color:var(--hf-ink);}
.hf-cmp li{position:relative;padding-right:25px;margin-bottom:10px;font-size:.95rem;color:var(--hf-txt);}
.hf-cmp li strong,.hf-cmp li b{color:var(--hf-ink);}
.hf-cmp li a{color:var(--hf-navy);}
.hf-yes li::before{content:"✔";position:absolute;right:0;color:var(--hf-ok);font-weight:700;}
.hf-no li::before{content:"✘";position:absolute;right:0;color:var(--hf-red);font-weight:700;}

/* ── الحاسبة ──────────────────────────────────────────── */
.hf-calc{
  background:#fff;border:1px solid var(--hf-line);border-radius:3px;
  border-top:7px solid var(--hf-tape);
  padding:28px 24px;margin:30px 0;
  color:var(--hf-txt);
}
.hf-calc h3{color:var(--hf-ink);}
.hf-calc p{color:var(--hf-mut);}
.hf-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px;}
.hf-f label{display:block;font-size:.86rem;font-weight:700;color:var(--hf-ink);margin-bottom:6px;}
.hf-f select,.hf-f input{
  width:100%;padding:11px 13px;font-size:.95rem;border-radius:2px;
  font-family:'Ruwudu',sans-serif;
  border:1px solid var(--hf-line);background:#fff;color:var(--hf-txt);
}
.hf-f select:focus,.hf-f input:focus{outline:2px solid var(--hf-navy);outline-offset:1px;}
.hf-calc button{
  background:var(--hf-ink);color:#fff;border-radius:2px;
  padding:13px 30px;font-size:1rem;font-weight:700;
  font-family:'Ruwudu',sans-serif;border:0;cursor:pointer;
}
.hf-calc button:hover{background:var(--hf-navy);}
.hf-out{display:none;margin-top:22px;background:var(--hf-putty);padding:22px;border-radius:3px;
  border-right:7px solid var(--hf-tape);color:var(--hf-txt);}
.hf-out.on{display:block;}
.hf-out .big{
  display:block;font-family:'Qahiri',sans-serif;
  font-size:1.5rem;color:var(--hf-ink);margin-bottom:10px;line-height:1.6;
}
.hf-out .row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;
  border-bottom:1px dashed var(--hf-line);font-size:.93rem;}
.hf-out .row:last-of-type{border-bottom:0;}
.hf-out .row span{color:var(--hf-mut);}
.hf-out .row b{color:var(--hf-ink);}
.hf-out small{display:block;margin-top:12px;color:var(--hf-mut);font-size:.83rem;line-height:1.75;}

/* ── روابط الأحياء ────────────────────────────────────── */
.hf-chips{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 0;}
.hf-chips a,.hf-chips span{
  display:inline-block;padding:8px 15px;font-size:.89rem;font-weight:700;border-radius:2px;
  background:#fff;border:1px solid var(--hf-line);
  border-right:4px solid var(--hf-tape);
  color:var(--hf-ink);text-decoration:none;
}
.hf-chips a:hover{background:var(--hf-ink);color:#fff;border-color:var(--hf-ink);border-right-color:var(--hf-tape);}
.hf-chips span{color:var(--hf-mut);background:var(--hf-putty2);border-right-color:var(--hf-line);}
.hf-s.deep .hf-chips a{background:#182840;border-color:#324868;border-right-color:var(--hf-tape);color:#DEE5EF;}
.hf-s.deep .hf-chips a:hover{background:var(--hf-tape);color:#2A1F02;border-color:var(--hf-tape);}
.hf-s.deep .hf-chips span{background:#111E31;border-color:#28384F;color:#A4AFC1;}

/* ── روابط ذات صلة ────────────────────────────────────── */
.hf-rel{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0 0;}
.hf-rel a{
  display:block;position:relative;padding:14px 32px 14px 14px;border-radius:3px;
  background:#fff;border:1px solid var(--hf-line);
  color:var(--hf-ink);font-weight:700;font-size:.95rem;text-decoration:none;
}
.hf-rel a::before{
  content:"";position:absolute;right:13px;top:50%;margin-top:-3px;
  width:14px;height:6px;background:var(--hf-tape);
}
.hf-rel a:hover{border-color:var(--hf-tape);background:var(--hf-tapel);}

/* ── الأسئلة الشائعة ──────────────────────────────────── */
.hf-faq details{
  background:#fff;border:1px solid var(--hf-line);border-radius:3px;
  margin-bottom:12px;color:var(--hf-mut);
}
.hf-faq details[open]{border-right:5px solid var(--hf-tape);}
.hf-faq summary{
  cursor:pointer;list-style:none;
  padding:16px 19px 16px 50px;
  font-weight:700;color:var(--hf-ink);font-size:1rem;position:relative;
}
.hf-faq summary::-webkit-details-marker{display:none;}
.hf-faq summary::after{
  content:"";position:absolute;left:19px;top:50%;margin-top:-3px;
  width:18px;height:6px;background:var(--hf-tape);
  transition:transform .18s ease;
}
.hf-faq details[open] summary::after{transform:rotate(90deg);}
.hf-faq .ans{padding:0 19px 18px;color:var(--hf-mut);font-size:.97rem;}
.hf-faq .ans p:last-child{margin-bottom:0;}
.hf-s.deep .hf-faq details{background:#182840;border-color:#2C4160;color:#C2CCDC;}
.hf-s.deep .hf-faq summary{color:#fff;}
.hf-s.deep .hf-faq .ans{color:#C2CCDC;}
.hf-s.deep .hf-faq .ans a{color:#9DC2F0;}

/* ── المعجم ───────────────────────────────────────────── */
.hf-dict{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:26px 0;}
.hf-dict div{padding:17px 20px;background:#fff;border:1px solid var(--hf-line);
  border-radius:3px;border-right:5px solid var(--hf-navy);color:var(--hf-mut);}
.hf-dict b{display:block;color:var(--hf-ink);margin-bottom:5px;font-size:1rem;}
.hf-dict span{display:block;color:var(--hf-mut);font-size:.93rem;line-height:1.85;}
.hf-s.deep .hf-dict div{background:#182840;border-color:#2C4160;border-right-color:#9DC2F0;color:#C2CCDC;}
.hf-s.deep .hf-dict b{color:#fff;}
.hf-s.deep .hf-dict span{color:#C2CCDC;}

/* ── قفل الألوان ───────────────────────────────────────
   كل مكوّن له خلفيته الفاتحة الخاصة يثبّت لون نصه بصيغتين:
   عادية، ثم بأولوية أعلى داخل .hf-s.deep لأن قواعد القسم
   الداكن (h3 و strong) تتفوق على القاعدة العادية.
   ───────────────────────────────────────────────────── */
.hf-s.deep .hf-cmp>div{color:var(--hf-txt);}
.hf-s.deep .hf-cmp h3{color:var(--hf-ink);}
.hf-s.deep .hf-cmp li{color:var(--hf-txt);}
.hf-s.deep .hf-cmp li strong,.hf-s.deep .hf-cmp li b{color:var(--hf-ink);}
.hf-s.deep .hf-cmp li a{color:var(--hf-navy);}
.hf-s.deep .hf-calc,.hf-s.deep .hf-calc p{color:var(--hf-txt);}
.hf-s.deep .hf-calc h3{color:var(--hf-ink);}
.hf-s.deep .hf-calc label{color:var(--hf-ink);}
.hf-s.deep .hf-out,.hf-s.deep .hf-out .row span{color:var(--hf-txt);}
.hf-s.deep .hf-out .big,.hf-s.deep .hf-out .row b{color:var(--hf-ink);}
.hf-s.deep .hf-rel a{color:var(--hf-ink);}
.hf-s.deep .hf-rel a strong{color:var(--hf-ink);}

/* ── النداء الأخير ────────────────────────────────────── */
.hf-final{
  background:var(--hf-ink);color:#DCE2EC;
  padding:62px 0;text-align:center;position:relative;overflow:hidden;
}
.hf-final::before{
  content:"";position:absolute;top:0;right:0;left:0;height:8px;
  background:repeating-linear-gradient(90deg,var(--hf-tape) 0 24px,var(--hf-navy2) 24px 48px);
}
.hf-final h2{color:#fff;}
.hf-final p{color:#C6D0DF;max-width:66ch;margin:0 auto 10px;}
.hf-final .hf-cta{justify-content:center;}
.hf-final .hf-line{margin-inline:auto;}
.hf-final .hf-line i:nth-child(1){background:#fff;}
.hf-final .hf-line i:nth-child(3){background:rgba(255,255,255,.3);}
.hf-final .hf-line i:nth-child(2)::after{background:repeating-linear-gradient(90deg,#fff 0 5px,transparent 5px 10px);}
.hf-final .hf-ghost{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55);}
.hf-final .hf-ghost:hover{background:rgba(255,255,255,.14);color:#fff;}

/* ── المصادر ──────────────────────────────────────────── */
.hf-end{padding:40px 0;background:var(--hf-putty);border-top:1px solid var(--hf-line);}
.hf-end h3{font-size:1.04rem;margin-bottom:12px;}
.hf-end li{font-size:.91rem;color:var(--hf-mut);margin-bottom:8px;}
.hf-end li a{color:var(--hf-navy);font-weight:700;text-decoration:underline;
  text-decoration-thickness:2px;text-underline-offset:4px;}
.hf-end li a:hover{color:var(--hf-ink);}
.hf-end p{font-size:.87rem;color:var(--hf-mut);margin:15px 0 0;}

/* ── الاستجابة ────────────────────────────────────────── */
@media(max-width:900px){
  .hf-hero .hf-grid{grid-template-columns:1fr;gap:28px;}
  .hf-svc{grid-template-columns:1fr 1fr;}
  .hf-fields{grid-template-columns:1fr 1fr;}
  .hf-stats .hf-w{grid-template-columns:1fr 1fr;}
  .hf-stats div:nth-child(3)::before,.hf-stats div:nth-child(1)::before{display:none;}
}
@media(max-width:700px){
  .hf-s{padding:48px 0;}
  .hf-hero{padding:52px 0 58px;}
  .hf-two,.hf-cmp,.hf-dict,.hf-rel{grid-template-columns:1fr;gap:24px;}
  .hf-two.rev>.hf-fig{order:0;}
  .hf-svc{grid-template-columns:1fr;}

  /* الجداول تتحول إلى بطاقات */
  .hf-tbl{border:0 !important;background:none !important;overflow:visible;}
  .hf-tbl .hf-th{display:none !important;}
  .hf-tr{display:block !important;background:#fff !important;
    border:1px solid var(--hf-line) !important;border-radius:3px !important;
    border-right:6px solid var(--hf-tape) !important;
    margin-bottom:14px;overflow:hidden;}
  .hf-tr>span{display:block !important;width:auto !important;
    border-left:0 !important;border-bottom:1px solid var(--hf-line) !important;}
  .hf-tr>span:last-child{border-bottom:0 !important;}
  .hf-tr>span::before{
    content:attr(data-l);display:block;
    font-size:.78rem;font-weight:700;color:var(--hf-tapet);margin-bottom:3px;
  }
  .hf-s.deep .hf-tr{background:#182840 !important;border-color:#2C4160 !important;
    border-right-color:var(--hf-tape) !important;}
  .hf-s.deep .hf-tr>span{border-bottom-color:#2C4160 !important;}
  .hf-s.deep .hf-tr>span::before{color:var(--hf-tape);}
}
@media(max-width:480px){
  .hf-fields{grid-template-columns:1fr;}
  .hf-stats .hf-w{grid-template-columns:1fr;}
  .hf-stats div+div::before{display:none;}
  .hf-stats div{border-top:1px solid rgba(255,255,255,.15);}
  .hf-btn,.hf-ghost{width:100%;justify-content:center;}
}