/*
Theme Name: Gardenkw Terraces Home
Theme URI: https://gardenkw.com/
Description: قالب ابن مخصص لقالب Astra — صفحة رئيسية لموقع «خضراء البساتين» لتنسيق حدائق الكويت وتصميم وتركيب العشب الصناعي والشلالات. الهوية البصرية: المصاطب المتدرجة والشلال.
Author: خضراء البساتين
Template: astra
Version: 1.0.0
Text Domain: gardenkw-terraces
*/

/* ============================================================
   .wt — هوية «المصاطب المتدرجة»
   درجات نازلة + خيط ماء + زوايا مقصوصة على شكل سُلّم
   كل الأنماط محصورة تحت .wt حتى لا تتسرب لباقي الموقع
   ============================================================ */

.wt{
  --wt-stone:#263238;      /* الحجر — الحبر الأساسي */
  --wt-stoned:#1A2327;     /* حجر أعمق للأقسام الداكنة */
  --wt-stone2:#36474F;     /* درجة وسطى */
  --wt-gold:#D08A2E;       /* ذهبي شمسي — للتعبئة والحدود فقط */
  --wt-goldt:#8A5410;      /* ذهبي للنص على خلفية فاتحة (AA) */
  --wt-goldl:#FBF2E2;      /* ذهبي فاتح جدًا — خلفيات */
  --wt-turq:#15919B;       /* فيروزي — الماء */
  --wt-turqd:#0C6A72;      /* فيروزي داكن للنص */
  --wt-turql:#E4F3F4;      /* فيروزي فاتح — خلفيات */
  --wt-ok:#1B6B46;
  --wt-red:#962A2A;
  --wt-pale:#F0F2F3;
  --wt-pale2:#DFE4E6;
  --wt-line:#CBD4D7;
  --wt-txt:#20292E;
  --wt-mut:#4E5B61;

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

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

/* ── الخطوط ───────────────────────────────────────────── */
.wt h1,.wt h2,.wt h3{
  font-family:'Lemonada','Almarai',sans-serif;
  font-weight:700;
  line-height:1.6;
  color:var(--wt-stone);
  margin:0 0 14px;
}
.wt h1{font-size:clamp(1.62rem,4.3vw,2.5rem);letter-spacing:-.2px;}
.wt h2{font-size:clamp(1.33rem,3.1vw,1.86rem);}
.wt h3{font-size:clamp(1.09rem,2.2vw,1.26rem);line-height:1.7;}
.wt p{margin:0 0 16px;}
.wt ul,.wt ol{margin:0 0 16px;padding-inline-start:0;list-style:none;}

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

.wt-s p a,.wt-s li a,.wt-s figcaption a,.wt-s .wt-a a{
  color:var(--wt-turqd);
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:4px;
  text-decoration-color:rgba(21,145,155,.35);
}
.wt-s p a:hover,.wt-s li a:hover,.wt-s figcaption a:hover{
  color:var(--wt-stone);
  text-decoration-color:var(--wt-gold);
}

/* الأقسام الداكنة */
.wt-s.deep{background:var(--wt-stoned);color:#DDE4E7;}
.wt-s.deep h2,.wt-s.deep h3{color:#fff;}
.wt-s.deep strong{color:#F5C87E;}
.wt-s.deep p a,.wt-s.deep li a{color:#7FD6DE;text-decoration-color:rgba(127,214,222,.45);}
.wt-s.deep p a:hover,.wt-s.deep li a:hover{color:#FFD79A;text-decoration-color:#FFD79A;}

/* ── الموتيف ١: الشارة — درجات سُلّم ──────────────────── */
.wt-chip{
  display:inline-flex;align-items:flex-start;justify-content:center;
  width:48px;height:48px;flex:0 0 48px;
  padding-top:6px;
  background:var(--wt-stone);
  color:#fff;font-weight:700;font-size:.95rem;line-height:1.4;
  clip-path:polygon(0 0,100% 0,100% 62%,62% 62%,62% 100%,0 100%);
  position:relative;overflow:hidden;
}
/* شريط ذهبي على حافة الدرجة السفلى — داخل حدود القصّ حتى يظهر */
.wt-chip::after{
  content:"";position:absolute;left:0;bottom:0;
  width:62%;height:7px;background:var(--wt-gold);
}
.wt-s.deep .wt-chip{background:var(--wt-turqd);}
.wt-s.deep .wt-chip::after{background:#F5C87E;}

/* ── الموتيف ٢: الفاصل — ثلاث درجات نازلة وخيط ماء ───── */
.wt-line{
  display:block;position:relative;
  height:26px;margin:0 0 26px;width:148px;
}
.wt-line i{position:absolute;top:0;display:block;background:var(--wt-stone);}
.wt-line i:nth-child(1){right:0;width:46px;height:7px;}
.wt-line i:nth-child(2){right:40px;top:9px;width:46px;height:7px;background:var(--wt-gold);}
.wt-line i:nth-child(3){right:80px;top:18px;width:46px;height:7px;background:var(--wt-turq);}
.wt-line i:nth-child(3)::after{
  content:"";position:absolute;left:4px;top:7px;
  width:3px;height:9px;background:var(--wt-turq);opacity:.6;
}
.wt-s.deep .wt-line i:nth-child(1){background:#8FA1A9;}

/* ── رؤوس الأقسام ─────────────────────────────────────── */
.wt-head{margin:0 0 30px;}
.wt-head .wt-top{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap;}
.wt-kicker{
  font-size:.79rem;font-weight:700;letter-spacing:1.6px;
  color:var(--wt-goldt);text-transform:uppercase;
}
.wt-s.deep .wt-kicker{color:#F5C87E;}
.wt-head p{color:var(--wt-mut);max-width:70ch;margin:0;}
.wt-s.deep .wt-head p{color:#C3CED3;}

/* ── البطل ────────────────────────────────────────────── */
.wt-hero{
  background:var(--wt-stoned);
  color:#DDE4E7;
  padding:66px 0 72px;
  position:relative;overflow:hidden;
}
/* مصاطب نازلة في خلفية البطل */
.wt-hero::before{
  content:"";position:absolute;inset:auto 0 0 0;height:120px;
  background:
    linear-gradient(to left,var(--wt-stone2) 0 33%,transparent 33%) bottom right/100% 34px no-repeat,
    linear-gradient(to left,var(--wt-stone2) 0 66%,transparent 66%) bottom right/100% 68px no-repeat;
  opacity:.5;pointer-events:none;
}
.wt-hero::after{
  content:"";position:absolute;top:0;right:0;left:0;height:6px;
  background:linear-gradient(to left,var(--wt-gold) 0 33%,var(--wt-turq) 33% 66%,var(--wt-stone2) 66%);
}
.wt-hero .wt-w{position:relative;z-index:2;}
.wt-hero h1{color:#fff;margin:0 0 18px;}
.wt-hero .wt-kicker{color:#F5C87E;}
.wt-hero .wt-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:34px;align-items:center;}
.wt-lede{font-size:1.1rem;color:#D3DCE0;max-width:62ch;}
.wt-hero .wt-chip{background:var(--wt-turqd);}
.wt-hero .wt-chip::after{background:#F5C87E;}

/* ── الوسوم ───────────────────────────────────────────── */
.wt-tags{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 0;}
.wt-tag{
  display:inline-block;padding:6px 13px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.2);
  color:#D9E2E6;font-size:.85rem;font-weight:700;
  clip-path:polygon(0 0,100% 0,100% 100%,9px 100%,0 calc(100% - 9px));
}
.wt-s .wt-tag{background:var(--wt-goldl);border-color:#E7D3B2;color:var(--wt-goldt);}

/* ── الأزرار — زاوية مقصوصة كدرجة ─────────────────────── */
.wt-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0;}
.wt-btn,.wt-ghost{
  display:inline-flex;align-items:center;gap:9px;
  padding:13px 24px;font-weight:700;font-size:1rem;
  text-decoration:none;border:0;cursor:pointer;
  font-family:'Almarai',sans-serif;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%);
  transition:background .18s ease,color .18s ease;
}
.wt-btn{background:var(--wt-gold);color:#2A1B06;}
.wt-btn:hover{background:#E9A44B;}
.wt-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5);}
.wt-ghost:hover{background:rgba(255,255,255,.12);color:#fff;}
.wt-s .wt-ghost{color:var(--wt-stone);box-shadow:inset 0 0 0 2px var(--wt-stone);}
.wt-s .wt-ghost:hover{background:var(--wt-stone);color:#fff;}

/* ── الصور — زاوية علوية مقصوصة على شكل درجة + ظل مزاح ── */
.wt-shot{position:relative;margin:0;}
.wt-shot img{
  width:100%;display:block;
  clip-path:polygon(0 0,calc(100% - 46px) 0,calc(100% - 46px) 24px,100% 24px,100% 100%,0 100%);
}
.wt-shot::before{
  content:"";position:absolute;inset:14px -14px -14px 14px;
  background:var(--wt-gold);z-index:-1;
}
.wt-label{
  position:absolute;right:0;bottom:0;
  background:var(--wt-stone);color:#fff;
  padding:10px 16px;max-width:78%;
  clip-path:polygon(0 0,100% 0,100% 100%,11px 100%,0 calc(100% - 11px));
}
.wt-label b{display:block;font-size:.95rem;font-weight:700;}
.wt-label span{display:block;font-size:.8rem;color:#AEBCC2;}

.wt-fig{margin:0;position:relative;}
.wt-fig img{
  width:100%;
  clip-path:polygon(0 0,calc(100% - 38px) 0,calc(100% - 38px) 20px,100% 20px,100% 100%,0 100%);
}
.wt-fig figcaption{
  font-size:.86rem;color:var(--wt-mut);
  margin-top:10px;padding-right:13px;
  border-right:4px solid var(--wt-gold);
}
.wt-s.deep .wt-fig figcaption{color:#B9C5CA;}

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

/* ── الأرقام ──────────────────────────────────────────── */
.wt-stats{background:var(--wt-stone);padding:0;}
.wt-stats .wt-w{display:grid;grid-template-columns:repeat(4,1fr);}
.wt-stats div{padding:28px 14px;text-align:center;position:relative;}
.wt-stats div+div::before{
  content:"";position:absolute;right:0;top:22%;bottom:22%;width:1px;background:rgba(255,255,255,.18);
}
.wt-stats b{display:block;font-family:'Lemonada',sans-serif;font-size:1.72rem;color:var(--wt-gold);line-height:1.4;}
.wt-stats span{display:block;font-size:.85rem;color:#C3CED3;}

/* ── بطاقات الخدمات — درجة علوية ──────────────────────── */
.wt-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.wt-svc>div{
  background:#fff;padding:24px 20px 22px;
  border:1px solid var(--wt-line);
  border-top:5px solid var(--wt-gold);
  position:relative;
}
.wt-svc>div::before{
  content:"";position:absolute;top:-5px;right:0;width:38%;height:5px;background:var(--wt-turq);
}
.wt-svc h3{margin:0 0 9px;}
.wt-svc p{margin:0;font-size:.96rem;color:var(--wt-mut);}
.wt-s.deep .wt-svc>div{background:#223037;border-color:#36474F;}
.wt-s.deep .wt-svc p{color:#BDC9CE;}

/* ── المقتطف المميز ───────────────────────────────────── */
.wt-q{
  margin:30px 0;padding:24px 26px 24px 22px;
  background:var(--wt-goldl);
  border-right:7px solid var(--wt-gold);
  position:relative;
}
.wt-q::after{
  content:"";position:absolute;left:0;bottom:0;width:62px;height:7px;background:var(--wt-turq);
}
.wt-q p{
  margin:0;font-family:'Lemonada',sans-serif;
  font-size:1.1rem;line-height:1.85;color:#3A2A10;font-weight:600;
}
.wt-s.deep .wt-q{background:#2C3C44;border-right-color:var(--wt-gold);}
.wt-s.deep .wt-q p{color:#F3E3CB;}

/* ── ملاحظات وتحذيرات ─────────────────────────────────── */
.wt-note,.wt-warn{padding:18px 20px;margin:24px 0;border:1px solid;}
.wt-note{background:var(--wt-turql);border-color:#B7DEE1;color:#0A3F44;}
.wt-warn{background:#FCEEEE;border-color:#EDC9C9;color:#5E1B1B;}
.wt-note p:last-child,.wt-warn p:last-child{margin-bottom:0;}
.wt-note b,.wt-warn b{font-weight:700;}
.wt-s.deep .wt-note{background:#17383C;border-color:#2A5A5F;color:#D4EBED;}
.wt-s.deep .wt-warn{background:#3A2222;border-color:#5E3434;color:#F0D6D6;}

/* ── القوائم المؤشَّرة — درجات صغيرة ──────────────────── */
.wt-tick{margin:0 0 16px;}
.wt-tick li{position:relative;padding-right:28px;margin-bottom:11px;}
.wt-tick li::before{
  content:"";position:absolute;right:0;top:12px;
  width:14px;height:8px;background:var(--wt-gold);
  clip-path:polygon(0 0,60% 0,60% 100%,100% 100%,100% 45%,0 45%);
}
.wt-s.deep .wt-tick li::before{background:#F5C87E;}

/* ── الجداول (div لا table) ───────────────────────────── */
.wt-tbl{
  display:block;margin:24px 0;background:#fff;
  border:1px solid var(--wt-line);
  max-width:100%;overflow:hidden;
}
.wt-tr{display:grid;grid-template-columns:var(--wt-cols,repeat(3,1fr));}
.wt-tr>span{
  display:block;padding:12px 15px;
  border-bottom:1px solid var(--wt-line);
  border-left:1px solid var(--wt-line);
  min-width:0;font-size:.95rem;
}
.wt-tr>span:last-child{border-left:0;}
.wt-tr:last-child>span{border-bottom:0;}
.wt-tbl .wt-th{background:var(--wt-stone);}
.wt-tbl .wt-th>span{
  color:#fff;font-weight:700;font-size:.9rem;
  border-color:rgba(255,255,255,.18);
}
.wt-tr>span b{color:var(--wt-stone);font-weight:700;}
.wt-tr>span a{color:var(--wt-turqd);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.wt-tr>span a:hover{color:var(--wt-stone);}
.wt-s.deep .wt-tbl{background:#223037;border-color:#36474F;}
.wt-s.deep .wt-tr>span{color:#D5DEE2;border-color:#36474F;}
.wt-s.deep .wt-tr>span b,.wt-s.deep .wt-tr>span strong{color:#F5C87E;}
.wt-s.deep .wt-tbl .wt-th{background:#0F1619;}
.wt-s.deep .wt-tbl .wt-th>span{color:#fff;}
.wt-s.deep .wt-tr>span a{color:#7FD6DE;}

/* ── مقارنة ───────────────────────────────────────────── */
.wt-cmp{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0;}
.wt-cmp>div{padding:22px 20px;border:1px solid var(--wt-line);background:#fff;}
.wt-yes{border-top:5px solid var(--wt-ok);}
.wt-no{border-top:5px solid var(--wt-red);}
.wt-cmp h3{margin:0 0 13px;font-size:1.06rem;}
.wt-cmp li{position:relative;padding-right:24px;margin-bottom:9px;font-size:.95rem;}
.wt-yes li::before{content:"✔";position:absolute;right:0;color:var(--wt-ok);font-weight:700;}
.wt-no li::before{content:"✘";position:absolute;right:0;color:var(--wt-red);font-weight:700;}

/* ── قفل الألوان ───────────────────────────────────────
   أي مكوّن يحمل خلفيته الفاتحة الخاصة به يجب أن يثبّت لون نصه،
   وإلا ورث اللون الفاتح من القسم الداكن المحيط فصار نصًا فاتحًا
   على خلفية فاتحة. القاعدة تنطبق في الاتجاهين.
   ───────────────────────────────────────────────────── */
.wt-cmp>div{color:var(--wt-txt);}
.wt-cmp h3{color:var(--wt-stone);}
.wt-cmp li{color:var(--wt-txt);}
.wt-cmp li strong,.wt-cmp li b{color:var(--wt-stone);}
.wt-cmp li a{color:var(--wt-turqd);}
.wt-calc{color:var(--wt-txt);}
.wt-calc h3{color:var(--wt-stone);}
.wt-calc p{color:var(--wt-mut);}
.wt-calc a{color:var(--wt-turqd);}
.wt-out{color:var(--wt-txt);}
.wt-out .row span{color:var(--wt-mut);}
.wt-tr>span{color:var(--wt-txt);}
.wt-rel a{color:var(--wt-stone);}
.wt-svc>div{color:var(--wt-mut);}
.wt-svc>div h3{color:var(--wt-stone);}
.wt-faq details{color:var(--wt-mut);}
.wt-dict div{color:var(--wt-mut);}

/* نفس القفل بأولوية أعلى داخل الأقسام الداكنة،
   لأن قواعد .wt-s.deep h3 و .wt-s.deep strong تتفوق عليه بلا ذلك */
.wt-s.deep .wt-cmp>div{color:var(--wt-txt);}
.wt-s.deep .wt-cmp h3{color:var(--wt-stone);}
.wt-s.deep .wt-cmp li{color:var(--wt-txt);}
.wt-s.deep .wt-cmp li strong,.wt-s.deep .wt-cmp li b{color:var(--wt-stone);}
.wt-s.deep .wt-cmp li a{color:var(--wt-turqd);}
.wt-s.deep .wt-calc,.wt-s.deep .wt-calc p{color:var(--wt-txt);}
.wt-s.deep .wt-calc h3{color:var(--wt-stone);}
.wt-s.deep .wt-out,.wt-s.deep .wt-out .row span{color:var(--wt-txt);}
.wt-s.deep .wt-rel a{color:var(--wt-stone);}
.wt-s.deep .wt-rel a strong{color:var(--wt-stone);}

/* ── الحاسبة ──────────────────────────────────────────── */
.wt-calc{
  background:#fff;border:1px solid var(--wt-line);
  border-top:6px solid var(--wt-turq);
  padding:26px 22px;margin:28px 0;
}
.wt-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px;}
.wt-f label{display:block;font-size:.85rem;font-weight:700;color:var(--wt-stone);margin-bottom:6px;}
.wt-f select,.wt-f input{
  width:100%;padding:10px 12px;font-size:.95rem;
  font-family:'Almarai',sans-serif;
  border:1px solid var(--wt-line);background:#fff;color:var(--wt-txt);
}
.wt-f select:focus,.wt-f input:focus{outline:2px solid var(--wt-turq);outline-offset:1px;}
.wt-calc button{
  background:var(--wt-stone);color:#fff;
  padding:12px 28px;font-size:1rem;font-weight:700;
  font-family:'Almarai',sans-serif;border:0;cursor:pointer;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
}
.wt-calc button:hover{background:var(--wt-turqd);}
.wt-out{display:none;margin-top:20px;background:var(--wt-pale);padding:20px;border-right:6px solid var(--wt-gold);}
.wt-out.on{display:block;}
.wt-out .big{
  display:block;font-family:'Lemonada',sans-serif;
  font-size:1.5rem;color:var(--wt-stone);margin-bottom:10px;line-height:1.5;
}
.wt-out .row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--wt-line);font-size:.93rem;}
.wt-out .row:last-of-type{border-bottom:0;}
.wt-out .row b{color:var(--wt-stone);}
.wt-out small{display:block;margin-top:11px;color:var(--wt-mut);font-size:.82rem;line-height:1.7;}

/* ── روابط المناطق ────────────────────────────────────── */
.wt-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 0;}
.wt-chips a,.wt-chips span{
  display:inline-block;padding:8px 14px;font-size:.89rem;font-weight:700;
  background:#fff;border:1px solid var(--wt-line);color:var(--wt-stone);
  text-decoration:none;
  clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px));
}
.wt-chips a:hover{background:var(--wt-stone);color:#fff;border-color:var(--wt-stone);}
.wt-chips span{color:var(--wt-mut);background:var(--wt-pale);}
.wt-s.deep .wt-chips a{background:#2C3C44;border-color:#46585F;color:#E2E9EC;}
.wt-s.deep .wt-chips a:hover{background:var(--wt-gold);color:#2A1B06;border-color:var(--wt-gold);}
.wt-s.deep .wt-chips span{background:#1F2B31;border-color:#36474F;color:#A9B7BD;}

/* ── روابط ذات صلة ────────────────────────────────────── */
.wt-rel{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:22px 0 0;}
.wt-rel a{
  display:block;position:relative;padding:13px 34px 13px 14px;
  background:#fff;border:1px solid var(--wt-line);
  color:var(--wt-stone);font-weight:700;font-size:.95rem;text-decoration:none;
}
.wt-rel a::before{
  content:"";position:absolute;right:13px;top:50%;margin-top:-5px;
  width:12px;height:7px;background:var(--wt-gold);
  clip-path:polygon(0 0,58% 0,58% 100%,100% 100%,100% 48%,0 48%);
}
.wt-rel a:hover{border-color:var(--wt-gold);background:var(--wt-goldl);}

/* ── الأسئلة الشائعة ──────────────────────────────────── */
.wt-faq details{
  background:#fff;border:1px solid var(--wt-line);
  margin-bottom:11px;
}
.wt-faq details[open]{border-color:var(--wt-gold);}
.wt-faq summary{
  cursor:pointer;list-style:none;
  padding:15px 18px 15px 46px;
  font-weight:700;color:var(--wt-stone);font-size:1rem;position:relative;
}
.wt-faq summary::-webkit-details-marker{display:none;}
.wt-faq summary::after{
  content:"+";position:absolute;left:18px;top:50%;transform:translateY(-50%);
  font-size:1.3rem;color:var(--wt-goldt);line-height:1;
}
.wt-faq details[open] summary::after{content:"–";}
.wt-faq .ans{padding:0 18px 17px;color:var(--wt-mut);font-size:.97rem;}
.wt-faq .ans p:last-child{margin-bottom:0;}
.wt-s.deep .wt-faq details{background:#223037;border-color:#36474F;}
.wt-s.deep .wt-faq summary{color:#fff;}
.wt-s.deep .wt-faq summary::after{color:#F5C87E;}
.wt-s.deep .wt-faq .ans{color:#BDC9CE;}
.wt-s.deep .wt-faq .ans a{color:#7FD6DE;}

/* ── المعجم ───────────────────────────────────────────── */
.wt-dict{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0;}
.wt-dict div{padding:16px 18px;background:#fff;border:1px solid var(--wt-line);border-right:5px solid var(--wt-turq);}
.wt-dict b{display:block;color:var(--wt-stone);margin-bottom:5px;font-size:1rem;}
.wt-dict span{display:block;color:var(--wt-mut);font-size:.93rem;line-height:1.8;}
.wt-s.deep .wt-dict div{background:#223037;border-color:#36474F;border-right-color:var(--wt-turq);}
.wt-s.deep .wt-dict b{color:#fff;}
.wt-s.deep .wt-dict span{color:#BDC9CE;}

/* ── النداء الأخير ────────────────────────────────────── */
.wt-final{
  background:var(--wt-stone);color:#DDE4E7;
  padding:58px 0;text-align:center;position:relative;overflow:hidden;
}
.wt-final::before{
  content:"";position:absolute;top:0;right:0;left:0;height:7px;
  background:linear-gradient(to left,var(--wt-gold) 0 33%,var(--wt-turq) 33% 66%,#4E6671 66%);
}
.wt-final h2{color:#fff;}
.wt-final p{color:#C9D3D8;max-width:66ch;margin:0 auto 10px;}
.wt-final .wt-cta{justify-content:center;}
.wt-final .wt-line{margin-inline:auto;}

/* ── المصادر ──────────────────────────────────────────── */
.wt-end{padding:38px 0;background:var(--wt-pale);border-top:1px solid var(--wt-line);}
.wt-end h3{font-size:1.02rem;margin-bottom:11px;}
.wt-end li{font-size:.9rem;color:var(--wt-mut);margin-bottom:7px;}
.wt-end li a{color:var(--wt-turqd);font-weight:700;text-decoration:underline;
  text-decoration-thickness:2px;text-underline-offset:4px;}
.wt-end li a:hover{color:var(--wt-stone);}
.wt-end p{color:var(--wt-mut);}
.wt-end p{font-size:.86rem;color:var(--wt-mut);margin:14px 0 0;}

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

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