/*
Theme Name: Fannitakyeef Workorder Home
Theme URI: https://fannitakyeef.com/
Description: قالب ابن لثيم Astra — صفحة رئيسية لفني تكييف الكويت، صيانة وتصليح مكيفات 24 ساعة. الهوية البصرية: أمر الشغل — حواف مثقوبة وأختام وصناديق توقيع على ورق كربوني.
Author: Fanni Takyeef
Template: astra
Version: 1.0.0
Text Domain: fannitakyeef-workorder
*/

/* ============================================================
   .fn — هوية «أمر الشغل»
   لغة الإيصال الورقي: حافة مثقوبة، ختم مزدوج الإطار،
   صناديق تعبئة، وورق كربوني دافئ
   كل الأنماط محصورة تحت .fn
   ============================================================ */

.fn{
  --fn-ink:#2B2118;        /* حبر كربوني دافئ */
  --fn-deep:#231A13;       /* خلفية الأقسام الداكنة */
  --fn-deep2:#3A2C21;      /* درجة وسطى داكنة */
  --fn-kraft:#F7F2E8;      /* ورق كرافت */
  --fn-kraft2:#EFE6D6;     /* ورق أغمق */
  --fn-stamp:#9C2B2B;      /* أحمر الختم */
  --fn-stamp2:#D98A8A;     /* أحمر فاتح للأقسام الداكنة */
  --fn-stampl:#F9EAEA;     /* خلفية حمراء فاتحة */
  --fn-blue:#1F5C8B;       /* أزرق الحبر */
  --fn-blue2:#8FC4E8;      /* أزرق فاتح للأقسام الداكنة */
  --fn-bluel:#E8F1F8;      /* خلفية زرقاء فاتحة */
  --fn-ok:#2E6B3E;
  --fn-line:#D9CFBC;       /* خط الورق */
  --fn-txt:#241B13;
  --fn-mut:#5E5143;

  display:block;
  font-family:'Noto Kufi Arabic','Noto Sans Arabic',sans-serif;
  font-size:1rem;
  line-height:2.05;
  color:var(--fn-txt);
  direction:rtl;
  text-align:right;
  background:#fff;
}

/* ── حصانة الجوال ───────────────────────────────────────── */
.fn,.fn *,.fn *::before,.fn *::after{box-sizing:border-box;}
.fn *{min-width:0;}
#fn-main{max-width:100%;overflow-x:clip;}
.fn img,.fn iframe,.fn video{max-width:100%;height:auto;}
.fn p,.fn li,.fn h1,.fn h2,.fn h3,.fn summary,.fn figcaption,.fn .fn-tr>span{overflow-wrap:anywhere;}

/* ── العناوين ───────────────────────────────────────────── */
.fn h1,.fn h2{
  font-family:'Alkalami','Noto Kufi Arabic',serif;
  font-weight:400;
  color:var(--fn-ink);
  line-height:1.65;
  margin:0 0 20px;
}
.fn h1{font-size:2.5rem;}
.fn h2{font-size:2rem;}
.fn h3{
  font-family:'Noto Kufi Arabic',sans-serif;
  font-weight:700;
  font-size:1.08rem;
  color:var(--fn-ink);
  line-height:1.75;
  margin:0 0 12px;
}
.fn p{margin:0 0 18px;}
.fn ul{margin:0 0 18px;padding:0;list-style:none;}
.fn strong,.fn b{font-weight:700;color:var(--fn-ink);}

/* ── الحاويات ───────────────────────────────────────────── */
.fn-w{width:100%;max-width:1120px;margin:0 auto;padding:0 18px;}
.fn-s{padding:68px 0;background:var(--fn-kraft);position:relative;}
.fn-s.plain{background:#fff;}

/* ── الروابط النصية: لون + تسطير دائمًا ──────────────────── */
.fn a{color:var(--fn-blue);}
.fn-s p a,.fn-s li a,.fn-s figcaption a,.fn-end li a,.fn-end p a{
  color:var(--fn-blue);
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
  font-weight:700;
}
.fn-s p a:hover,.fn-s li a:hover{color:var(--fn-stamp);}

/* ── الأقسام الداكنة ────────────────────────────────────── */
.fn-s.deep{background:var(--fn-deep);color:#D8CCBC;}
.fn-s.deep h2,.fn-s.deep h3{color:#FBF6EC;}
.fn-s.deep strong,.fn-s.deep b{color:var(--fn-blue2);}
.fn-s.deep p a,.fn-s.deep li a{color:var(--fn-blue2);}
.fn-s.deep p a:hover,.fn-s.deep li a:hover{color:var(--fn-stamp2);}

/* ══ الموتيف التوقيعي: الحافة المثقوبة ════════════════════
   خط تمزيق من أنصاف دوائر — لغة الإيصال الورقي */
.fn-perf{
  display:block;width:100%;height:18px;margin:0 0 20px;
  background-color:transparent;
  background-image:
    radial-gradient(circle at 9px 9px, var(--fn-ink) 0 3px, transparent 3px),
    linear-gradient(0deg, transparent 0 8px, var(--fn-ink) 8px 9px, transparent 9px);
  background-size:26px 18px, 100% 18px;
  background-repeat:repeat-x, no-repeat;
  max-width:260px;
}
.fn-s.deep .fn-perf,.fn-hero .fn-perf,.fn-final .fn-perf{
  background-image:
    radial-gradient(circle at 9px 9px, var(--fn-blue2) 0 3px, transparent 3px),
    linear-gradient(0deg, transparent 0 8px, var(--fn-blue2) 8px 9px, transparent 9px);
}
.fn-final .fn-perf{margin-inline:auto;}

/* فاصل مثقوب بعرض القسم */
.fn-cut{
  display:block;width:100%;height:16px;margin:40px 0;
  background-image:
    radial-gradient(circle at 10px 8px, var(--fn-line) 0 3.5px, transparent 3.5px);
  background-size:28px 16px;
  background-repeat:repeat-x;
}
.fn-s.deep .fn-cut{background-image:radial-gradient(circle at 10px 8px, #4A392B 0 3.5px, transparent 3.5px);}

/* شارة رقم القسم: ختم مزدوج الإطار */
.fn-chip{
  position:relative;display:inline-grid;place-items:center;
  width:60px;height:60px;
  background-color:var(--fn-ink);
  color:#FBF6EC;
  font-family:'Alkalami',serif;font-size:1.5rem;line-height:1;
  border:3px double #8A7764;
  flex:0 0 auto;
}
.fn-s.deep .fn-chip{background-color:#3A2C21;border-color:#6E5B48;}

/* ── ترويسة القسم ───────────────────────────────────────── */
.fn-head{margin:0 0 34px;}
.fn-head .fn-top{display:flex;align-items:center;gap:18px;margin-bottom:18px;flex-wrap:wrap;}
.fn-kicker{
  font-family:'Noto Kufi Arabic',sans-serif;font-weight:700;font-size:.84rem;
  color:var(--fn-stamp);letter-spacing:.6px;
  border:1px solid var(--fn-stamp);padding:4px 11px;
  display:inline-block;
}
.fn-s.deep .fn-kicker{color:var(--fn-stamp2);border-color:var(--fn-stamp2);}
.fn-hero .fn-kicker{color:var(--fn-stamp2);border-color:var(--fn-stamp2);margin-bottom:16px;}
.fn-head p{color:var(--fn-mut);max-width:70ch;margin:0;}
.fn-s.deep .fn-head p{color:#B7A897;}

/* ── البطل: أمر شغل ─────────────────────────────────────── */
.fn-hero{
  position:relative;padding:72px 0;
  background-color:var(--fn-deep);
  background-image:
    repeating-linear-gradient(0deg, rgba(216,204,188,.045) 0 1px, transparent 1px 34px),
    linear-gradient(195deg,#3A2C21 0%,#231A13 65%,#1C150F 100%);
  color:#D8CCBC;
}
.fn-hero .fn-w{position:relative;z-index:2;}
.fn-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:42px;align-items:center;}
.fn-hero h1{color:#FBF6EC;margin-bottom:20px;}
.fn-lede{font-size:1.06rem;color:#C4B6A5;margin-bottom:24px;line-height:2.05;}
.fn-lede strong{color:var(--fn-blue2);}

/* ── ترويسة أمر الشغل — صناديق بيانات ───────────────────── */
.fn-order{
  display:grid;grid-template-columns:repeat(3,1fr);
  border:2px solid rgba(216,204,188,.35);margin:24px 0 0;
}
.fn-order div{padding:14px 16px;border-left:1px solid rgba(216,204,188,.25);}
.fn-order div:last-child{border-left:0;}
.fn-order span{display:block;font-size:.76rem;color:#A4937F;letter-spacing:.5px;margin-bottom:5px;}
.fn-order b{display:block;font-size:1.02rem;color:#FBF6EC;font-weight:700;}

/* ── الوسوم ─────────────────────────────────────────────── */
.fn-tags{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 0;}
.fn-tag{
  display:inline-block;padding:5px 13px;
  font-size:.82rem;font-weight:700;
  background-color:rgba(255,255,255,.07);
  border:1px dashed rgba(143,196,232,.5);
  color:#C8DCEA;
}
.fn-s .fn-tag{background-color:#fff;border-color:var(--fn-blue);color:var(--fn-blue);}
.fn-s.plain .fn-tag{background-color:var(--fn-bluel);border-color:var(--fn-blue);color:var(--fn-blue);}

/* ── الأزرار — أسبقية أعلى من قاعدة الروابط العامة ──────── */
.fn a.fn-btn,.fn a.fn-ghost{
  display:inline-block;padding:14px 30px;
  font-family:'Noto Kufi Arabic',sans-serif;font-weight:700;font-size:.96rem;
  text-decoration:none;border:0;cursor:pointer;line-height:1.6;
}
.fn a.fn-btn{background-color:var(--fn-stamp);color:#fff;border:2px solid var(--fn-stamp);}
.fn a.fn-btn:hover{background-color:#7E2020;border-color:#7E2020;color:#fff;}
.fn a.fn-ghost{background-color:transparent;color:#FBF6EC;border:2px solid rgba(251,246,236,.55);}
.fn a.fn-ghost:hover{background-color:rgba(251,246,236,.14);color:#FBF6EC;}
.fn-s a.fn-ghost{color:var(--fn-ink);border-color:var(--fn-ink);}
.fn-s a.fn-ghost:hover{background-color:var(--fn-ink);color:#FBF6EC;}
.fn-cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0;}

/* ── الصور ──────────────────────────────────────────────── */
.fn-shot{position:relative;margin:0;border:6px solid #FBF6EC;
  box-shadow:0 18px 40px rgba(0,0,0,.45);}
.fn-shot img{width:100%;display:block;}
.fn-fig{margin:0;position:relative;}
.fn-fig img{width:100%;display:block;border:5px solid #fff;box-shadow:0 8px 22px rgba(43,33,24,.14);}
.fn-fig figcaption{
  margin-top:14px;font-size:.88rem;color:var(--fn-mut);line-height:1.9;
  padding-right:14px;border-right:3px solid var(--fn-stamp);
}
.fn-s.deep .fn-fig figcaption{color:#AC9C8A;}
.fn-s.deep .fn-fig img{border-color:#3A2C21;}

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

/* ── شريط الإحصاء ───────────────────────────────────────── */
.fn-stats{
  padding:0;
  background-color:var(--fn-ink);
  background-image:repeating-linear-gradient(0deg, rgba(216,204,188,.05) 0 1px, transparent 1px 30px);
}
.fn-stats .fn-w{display:grid;grid-template-columns:repeat(4,1fr);padding-inline:0;}
.fn-stats div{padding:30px 14px;text-align:center;position:relative;}
.fn-stats div+div::before{
  content:"";position:absolute;right:0;top:22%;bottom:22%;
  border-right:1px dashed rgba(216,204,188,.3);
}
.fn-stats b{display:block;font-family:'Alkalami',serif;font-size:2rem;color:var(--fn-blue2);line-height:1.6;}
.fn-stats span{display:block;font-size:.84rem;color:#B7A897;}

/* ── بطاقات الخدمة ──────────────────────────────────────── */
.fn-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.fn-svc>div{
  position:relative;padding:26px 24px;
  background-color:#fff;border:1px solid var(--fn-line);
  border-top:4px solid var(--fn-stamp);
  color:var(--fn-mut);
}
.fn-svc>div h3{margin:8px 0 10px;}
.fn-svc>div p{margin:0;font-size:.94rem;}
.fn-s.deep .fn-svc>div{background-color:#2F241A;border-color:#4A392B;border-top-color:var(--fn-stamp2);color:#BBAA98;}

/* ── الاقتباس البارز ────────────────────────────────────── */
.fn-q{
  position:relative;margin:38px 0;padding:30px 34px;
  background-color:#fff;
  border:2px solid var(--fn-ink);
  box-shadow:7px 7px 0 var(--fn-kraft2);
  color:var(--fn-ink);
}
.fn-q p{
  margin:0;font-family:'Alkalami',serif;font-size:1.42rem;line-height:1.85;
  color:var(--fn-ink);
}
.fn-s.deep .fn-q{background-color:#2F241A;border-color:#6E5B48;box-shadow:7px 7px 0 #1C150F;color:#EADFCF;}
.fn-s.deep .fn-q p{color:#EADFCF;}

/* ── التنبيهات ──────────────────────────────────────────── */
.fn-note,.fn-warn{padding:21px 24px;margin:28px 0;border:1px solid;}
.fn-note{background-color:var(--fn-bluel);border-color:#B6D4EA;border-right:6px solid var(--fn-blue);color:#123A5A;}
.fn-warn{background-color:var(--fn-stampl);border-color:#E7C3C3;border-right:6px solid var(--fn-stamp);color:#5E1818;}
.fn-note p:last-child,.fn-warn p:last-child{margin-bottom:0;}
.fn-note b,.fn-warn b{color:inherit;}
.fn-s.deep .fn-note{background-color:#1B2B38;border-color:#2E4A5E;border-right-color:var(--fn-blue2);color:#CFE3F1;}
.fn-s.deep .fn-warn{background-color:#38201F;border-color:#5C3433;color:#F3D6D6;}

/* ── قوائم الاختيار — مربع تأشير ────────────────────────── */
.fn-tick{margin:0 0 18px;}
.fn-tick li{position:relative;padding-right:32px;margin-bottom:14px;}
.fn-tick li::before{
  content:"";position:absolute;right:0;top:.58em;
  width:15px;height:15px;border:2px solid var(--fn-ink);
}
.fn-tick li::after{
  content:"✓";position:absolute;right:2px;top:.22em;
  color:var(--fn-stamp);font-weight:700;font-size:.94rem;line-height:1;
}
.fn-s.deep .fn-tick li::before{border-color:#9A8977;}
.fn-s.deep .fn-tick li::after{color:var(--fn-stamp2);}

/* ══ الجداول — بنية div لا عنصر table ═════════════════════ */
.fn-tbl{
  border:2px solid var(--fn-ink);overflow:hidden;
  background-color:#fff;margin:28px 0;
}
.fn-tr{display:grid;grid-template-columns:var(--fn-cols,repeat(3,1fr));}
.fn-tr>span{
  display:block;padding:14px 16px;font-size:.93rem;line-height:1.95;
  color:var(--fn-txt);border-bottom:1px solid var(--fn-line);
  border-left:1px solid var(--fn-line);
}
.fn-tr>span:last-child{border-left:0;}
.fn-tr:last-child>span{border-bottom:0;}
.fn-tbl .fn-th{background-color:var(--fn-ink);}
.fn-tbl .fn-th>span{
  color:#FBF6EC;font-weight:700;font-size:.93rem;
  border-color:rgba(251,246,236,.22);
}
.fn-tr>span b{color:var(--fn-ink);font-weight:700;}
.fn-tr>span a{color:var(--fn-blue);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.fn-tr>span a:hover{color:var(--fn-stamp);}
.fn-s.deep .fn-tbl{background-color:#2F241A;border-color:#6E5B48;}
.fn-s.deep .fn-tr>span{color:#CBBCA9;border-color:#4A392B;}
.fn-s.deep .fn-tr>span b,.fn-s.deep .fn-tr>span strong{color:var(--fn-blue2);}
.fn-s.deep .fn-tbl .fn-th{background-color:#17110C;}
.fn-s.deep .fn-tr>span a{color:var(--fn-blue2);}

/* ── بطاقات المقارنة ────────────────────────────────────── */
.fn-cmp{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0;}
.fn-cmp>div{
  padding:26px 24px;background-color:#fff;border:1px solid var(--fn-line);
}
.fn-yes{border-top:4px solid var(--fn-ok);}
.fn-no{border-top:4px solid var(--fn-stamp);}
.fn-cmp h3{margin:0 0 14px;}
.fn-cmp li{position:relative;padding-right:27px;margin-bottom:12px;font-size:.93rem;color:var(--fn-txt);}
.fn-cmp li strong,.fn-cmp li b{color:var(--fn-ink);}
.fn-cmp li a{color:var(--fn-blue);}
.fn-yes li::before{content:"✔";position:absolute;right:0;color:var(--fn-ok);font-weight:700;}
.fn-no li::before{content:"✘";position:absolute;right:0;color:var(--fn-stamp);font-weight:700;}

/* ── مقدّر الزيارة ──────────────────────────────────────── */
.fn-est{
  position:relative;margin:36px 0 0;padding:34px 32px 36px;
  background-color:#fff;
  border:2px solid var(--fn-ink);
  box-shadow:9px 9px 0 var(--fn-kraft2);
}
.fn-est h3{margin-top:12px;font-size:1.5rem;font-family:'Alkalami',serif;font-weight:400;line-height:1.7;}
.fn-est>p{color:var(--fn-mut);}
.fn-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;}
.fn-f label{display:block;font-size:.86rem;font-weight:700;color:var(--fn-ink);margin-bottom:7px;}
.fn-f select{
  width:100%;padding:11px 13px;
  border:1px solid var(--fn-ink);background-color:var(--fn-kraft);color:var(--fn-txt);
  font-family:'Noto Kufi Arabic',sans-serif;font-size:.92rem;
}
.fn-f select:focus{outline:2px solid var(--fn-stamp);outline-offset:1px;}
.fn-est button{
  padding:14px 34px;border:2px solid var(--fn-ink);cursor:pointer;
  background-color:var(--fn-ink);color:#FBF6EC;
  font-family:'Noto Kufi Arabic',sans-serif;font-weight:700;font-size:.94rem;
}
.fn-est button:hover{background-color:var(--fn-stamp);border-color:var(--fn-stamp);color:#fff;}
.fn-out{display:none;margin-top:26px;background-color:var(--fn-kraft);padding:26px;
  border:1px dashed var(--fn-ink);}
.fn-out.on{display:block;}
.fn-out .big{
  display:block;font-family:'Alkalami',serif;font-size:1.72rem;line-height:1.75;
  color:var(--fn-ink);margin-bottom:16px;
  border-bottom:2px solid var(--fn-ink);padding-bottom:12px;
}
.fn-out .row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;
  border-bottom:1px dotted var(--fn-line);font-size:.93rem;}
.fn-out .row:last-of-type{border-bottom:0;}
.fn-out .row span{color:var(--fn-mut);flex:0 0 32%;}
.fn-out .row b{color:var(--fn-ink);text-align:left;}
.fn-out small{display:block;margin-top:16px;color:var(--fn-mut);font-size:.84rem;line-height:1.95;}

/* ── رقائق المناطق ──────────────────────────────────────── */
.fn-chips{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 0;}
.fn-chips a,.fn-chips span{
  display:inline-block;padding:7px 15px;font-size:.88rem;font-weight:700;
  background-color:#fff;border:1px solid var(--fn-ink);
  color:var(--fn-ink);text-decoration:none;
}
.fn-chips a:hover{background-color:var(--fn-ink);color:#FBF6EC;}
.fn-chips span{color:var(--fn-mut);background-color:var(--fn-kraft2);border-color:var(--fn-line);}
.fn-s.deep .fn-chips a{background-color:#2F241A;border-color:#6E5B48;color:#DCD0C0;}
.fn-s.deep .fn-chips a:hover{background-color:var(--fn-blue2);color:#10293C;border-color:var(--fn-blue2);}
.fn-s.deep .fn-chips span{background-color:#1C150F;border-color:#4A392B;color:#A89885;}

/* ── روابط ذات صلة ──────────────────────────────────────── */
.fn-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 0;}
.fn-rel a{
  display:block;position:relative;padding:15px 16px;
  background-color:#fff;border:1px solid var(--fn-line);
  border-right:4px solid var(--fn-blue);
  color:var(--fn-ink);font-weight:700;font-size:.92rem;text-decoration:none;
}
.fn-rel a:hover{border-color:var(--fn-blue);background-color:var(--fn-bluel);border-right-color:var(--fn-stamp);}

/* ── الأسئلة الشائعة ────────────────────────────────────── */
.fn-faq details{
  background-color:#fff;border:1px solid var(--fn-line);
  margin-bottom:12px;color:var(--fn-mut);
}
.fn-faq details[open]{border-color:var(--fn-ink);}
.fn-faq summary{
  cursor:pointer;list-style:none;padding:17px 20px 17px 54px;
  font-weight:700;color:var(--fn-ink);font-size:.99rem;position:relative;
}
.fn-faq summary::-webkit-details-marker{display:none;}
.fn-faq summary::before{
  content:"";position:absolute;left:22px;top:50%;margin-top:-9px;
  width:18px;height:18px;border:2px solid var(--fn-ink);
}
.fn-faq summary::after{
  content:"+";position:absolute;left:26px;top:50%;margin-top:-12px;
  color:var(--fn-stamp);font-weight:700;font-size:1.06rem;line-height:1.4;
}
.fn-faq details[open] summary::after{content:"✓";}
.fn-faq .ans{padding:0 20px 20px;color:var(--fn-mut);font-size:.94rem;}
.fn-faq .ans p:last-child{margin-bottom:0;}
.fn-s.deep .fn-faq details{background-color:#2F241A;border-color:#4A392B;color:#BBAA98;}
.fn-s.deep .fn-faq summary{color:#FBF6EC;}
.fn-s.deep .fn-faq summary::before{border-color:#9A8977;}
.fn-s.deep .fn-faq summary::after{color:var(--fn-stamp2);}
.fn-s.deep .fn-faq .ans{color:#BBAA98;}
.fn-s.deep .fn-faq .ans a{color:var(--fn-blue2);}

/* ── المعجم ─────────────────────────────────────────────── */
.fn-dict{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0;}
.fn-dict div{
  padding:19px 22px;background-color:#fff;border:1px solid var(--fn-line);
  border-right:4px solid var(--fn-ink);color:var(--fn-mut);
}
.fn-dict b{display:block;color:var(--fn-ink);margin-bottom:5px;font-size:1rem;}
.fn-dict span{display:block;color:var(--fn-mut);font-size:.92rem;line-height:1.95;}
.fn-s.deep .fn-dict div{background-color:#2F241A;border-color:#4A392B;border-right-color:var(--fn-blue2);color:#BBAA98;}
.fn-s.deep .fn-dict b{color:#FBF6EC;}
.fn-s.deep .fn-dict span{color:#BBAA98;}

/* ══ قفل الألوان داخل الأقسام الداكنة ══════════════════════
   يشمل فقط المكوّنات التي لها خلفية فاتحة خاصة بها */
.fn-cmp>div,.fn-est,.fn-out{color:var(--fn-txt);}
.fn-cmp h3,.fn-est h3{color:var(--fn-ink);}

.fn-s.deep .fn-cmp>div,.fn-s.deep .fn-est,.fn-s.deep .fn-out{color:var(--fn-txt);}
.fn-s.deep .fn-cmp h3,.fn-s.deep .fn-est h3,.fn-s.deep .fn-out .big{color:var(--fn-ink);}
.fn-s.deep .fn-cmp li,.fn-s.deep .fn-cmp p,.fn-s.deep .fn-est>p,.fn-s.deep .fn-out .row{color:var(--fn-txt);}
.fn-s.deep .fn-cmp li strong,.fn-s.deep .fn-cmp li b{color:var(--fn-ink);}
.fn-s.deep .fn-cmp li a,.fn-s.deep .fn-est a{color:var(--fn-blue);}
.fn-s.deep .fn-est .fn-f label{color:var(--fn-ink);}
.fn-s.deep .fn-out .row span,.fn-s.deep .fn-out small{color:var(--fn-mut);}
.fn-s.deep .fn-out .row b{color:var(--fn-ink);}
.fn-s.deep .fn-rel a{color:var(--fn-ink);}
.fn-s.deep .fn-rel a strong{color:var(--fn-ink);}

/* ── النداء الأخير ──────────────────────────────────────── */
.fn-final{
  padding:76px 0;text-align:center;
  background-color:var(--fn-ink);
  background-image:
    repeating-linear-gradient(0deg, rgba(216,204,188,.05) 0 1px, transparent 1px 34px),
    linear-gradient(195deg,#3A2C21 0%,#2B2118 60%,#231A13 100%);
  color:#D8CCBC;
}
.fn-final .fn-w{position:relative;z-index:2;}
.fn-final h2{color:#FBF6EC;}
.fn-final p{color:#C4B6A5;max-width:66ch;margin:0 auto 12px;}
.fn-final .fn-cta{justify-content:center;}

/* ── المصادر ────────────────────────────────────────────── */
.fn-end{padding:46px 0;background-color:var(--fn-kraft2);border-top:2px solid var(--fn-ink);}
.fn-end h3{font-size:1.06rem;margin-bottom:14px;}
.fn-end li{font-size:.92rem;color:var(--fn-mut);margin-bottom:10px;}
.fn-end li a:hover{color:var(--fn-stamp);}
.fn-end p{font-size:.88rem;color:var(--fn-mut);margin:18px 0 0;line-height:2;}

/* ══ الاستجابة ════════════════════════════════════════════ */
@media (max-width:1000px){
  .fn-grid,.fn-two{grid-template-columns:1fr;gap:32px;}
  .fn-two.rev>.fn-fig{order:0;}
  .fn-svc{grid-template-columns:1fr;}
  .fn-rel{grid-template-columns:1fr 1fr;}
  .fn-stats .fn-w{grid-template-columns:1fr 1fr;}
  .fn-fields{grid-template-columns:1fr 1fr;}
  .fn h1{font-size:2.15rem;}
  .fn h2{font-size:1.8rem;}
}

@media (max-width:700px){
  .fn{font-size:.97rem;}
  .fn-s{padding:52px 0;}
  .fn-hero{padding:54px 0;}
  .fn-final{padding:56px 0;}
  .fn h1{font-size:1.76rem;}
  .fn h2{font-size:1.52rem;}
  .fn h3{font-size:1rem;}
  .fn-lede{font-size:.99rem;}
  .fn-q p{font-size:1.2rem;}
  .fn-q{padding:24px 22px;box-shadow:5px 5px 0 var(--fn-kraft2);}
  .fn-two,.fn-cmp,.fn-dict,.fn-rel{grid-template-columns:1fr;gap:20px;}
  .fn-order{grid-template-columns:1fr;}
  .fn-order div{border-left:0;border-bottom:1px solid rgba(216,204,188,.25);}
  .fn-order div:last-child{border-bottom:0;}
  .fn-est{padding:24px 20px 28px;box-shadow:5px 5px 0 var(--fn-kraft2);}
  .fn-out .big{font-size:1.42rem;}
  .fn-out .row{flex-direction:column;gap:3px;}
  .fn-out .row span{flex:none;}
  .fn-out .row b{text-align:right;}
  .fn-chip{width:52px;height:52px;font-size:1.28rem;}

  /* الجدول يصير بطاقات */
  .fn-tbl{border:0 !important;background:none !important;overflow:visible;}
  .fn-tbl .fn-th{display:none !important;}
  .fn-tr{display:block !important;background-color:#fff !important;
    border:2px solid var(--fn-ink) !important;
    margin-bottom:14px !important;padding:4px 0 !important;}
  .fn-tr>span{display:block !important;width:auto !important;
    border-left:0 !important;border-bottom:1px dotted var(--fn-line) !important;
    padding:12px 16px !important;}
  .fn-tr>span:last-child{border-bottom:0 !important;}
  .fn-tr>span::before{
    content:attr(data-l);display:block;font-size:.78rem;font-weight:700;
    color:var(--fn-stamp);margin-bottom:3px;letter-spacing:.4px;
  }
  .fn-s.deep .fn-tr{background-color:#2F241A !important;border-color:#6E5B48 !important;}
  .fn-s.deep .fn-tr>span{border-bottom-color:#4A392B !important;}
  .fn-s.deep .fn-tr>span::before{color:var(--fn-stamp2);}
}

@media (max-width:560px){
  .fn-stats .fn-w{grid-template-columns:1fr;}
  .fn-fields{grid-template-columns:1fr;}
  .fn a.fn-btn,.fn a.fn-ghost{width:100%;text-align:center;}
  .fn-est button{width:100%;}
}