/*
Theme Name:   Fath Cars Home
Theme URI:    https://fathcars.com/
Description:  قالب ابن لـ Astra — يخصّص الصفحة الرئيسية فقط لموقع الفتح السريع لفتح سيارات الكويت. كل الأنماط معزولة داخل .ft ولا تمسّ أي صفحة أخرى.
Author:       الفتح السريع — فتح سيارات الكويت
Template:     astra
Version:      1.0.0
Text Domain:  fathcars-child
*/

/* ==========================================================================
   الهوية: «نافذة الباب» — كحلي ليلي + برتقالي إشارة + لؤلؤي فاتح
   العنصر المميز الوحيد: حافة نافذة باب السيارة (زاوية علوية واحدة مقوّسة واسعة)
   تتكرر في الصور واللوحات ونقاط القوائم وأرقام الخطوات
   ========================================================================== */

.ft{
  --ft-deep:#0D1B2E; --ft-forest:#1B3A6B; --ft-leaf:#2456A6; --ft-leaf2:#2B63BD;
  --ft-gold:#F29A3A; --ft-goldd:#8A4B0C; --ft-goldlt:#FDF1E3;
  --ft-water:#0E6E86; --ft-clay:#A33A2B;
  --ft-pale:#F4F6FA; --ft-pale2:#E9EEF5; --ft-paper:#fff;
  --ft-txt:#18212E; --ft-mut:#4E5A69; --ft-line:#D5DCE6;
  --ft-door:150px 18px 16px 16px;      /* نافذة الباب */
  --ft-door-s:80px 12px 12px 12px;
  display:block;
  font-family:'Tajawal','Segoe UI',Tahoma,sans-serif;
  color:var(--ft-txt); line-height:1.95; direction:rtl; text-align:right;
  background:var(--ft-paper);
}
/* حصانة الجوال داخل Astra */
.ft,.ft *,.ft *::before,.ft *::after{box-sizing:border-box;}
.ft *{min-width:0;}
.ft img,.ft iframe,.ft video{max-width:100%;}
.ft p,.ft h1,.ft h2,.ft h3,.ft li,.ft span,.ft b{overflow-wrap:anywhere;}
#ft-main{max-width:100%;overflow-x:clip;}

.ft h1,.ft h2,.ft h3{font-family:'Amiri','Tajawal',serif;color:var(--ft-deep);line-height:1.5;font-weight:700;}
.ft p{font-size:1.07rem;margin:0 0 17px;}
.ft a{text-decoration:none;transition:.22s;}
.ft img{height:auto;display:block;}
.ft ul,.ft ol{list-style:none;margin:0;padding:0;}
.ft strong{color:var(--ft-deep);font-weight:700;}
.ft a:focus-visible,.ft button:focus-visible,.ft summary:focus-visible{outline:3px solid var(--ft-leaf);outline-offset:3px;}
.ft-w{width:100%;max-width:1160px;margin:0 auto;padding:0 22px;}
@media (prefers-reduced-motion:reduce){.ft *{animation:none!important;transition:none!important;}}

/* ===== الأشرطة ===== */
.ft-s{padding:56px 0;}
.ft-s.pale{background:var(--ft-pale);}
.ft-s.pale2{background:var(--ft-pale2);}
.ft-s.deep{background:var(--ft-deep);color:#C9D5E6;}
.ft-s.deep h2,.ft-s.deep h3{color:#fff;}
.ft-s.deep strong{color:#fff;}
@media(max-width:820px){.ft-s{padding:38px 0;}}

/* رأس القسم */
.ft-head{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:26px;align-items:end;margin-bottom:26px;}
@media(max-width:820px){.ft-head{grid-template-columns:1fr;gap:10px;margin-bottom:20px;}}
.ft h2{font-size:1.86rem;margin:0;}
.ft-head p{margin:0;color:var(--ft-mut);font-size:1.03rem;}
.ft-s.deep .ft-head p{color:#A9B8CC;}
.ft-rule{height:3px;background:var(--ft-leaf);width:64px;margin-bottom:14px;border-radius:2px;}
.ft-s.deep .ft-rule{background:var(--ft-gold);}
.ft h3{font-size:1.28rem;margin:28px 0 12px;}
.ft-s>.ft-w>p,.ft-s>.ft-w>.ft-txt p{max-width:74ch;}

/* ===== روابط النص (لون + تسطير) ===== */
.ft-s p a,.ft-s li a,.ft-s figcaption a,.ft-s .ft-a a,.ft-tbl span a{
  color:var(--ft-forest);font-weight:700;text-decoration:underline;
  text-decoration-color:rgba(27,58,107,.5);text-decoration-thickness:2px;text-underline-offset:4px;}
.ft-s p a:hover,.ft-s li a:hover,.ft-s .ft-a a:hover,.ft-tbl span a:hover{
  color:var(--ft-leaf);text-decoration-color:currentColor;background:rgba(36,86,166,.09);}
.ft-s.deep p a,.ft-s.deep li a{color:#FFD3A1;text-decoration-color:rgba(255,211,161,.6);}
.ft-s.deep p a:hover,.ft-s.deep li a:hover{color:#FFE7CC;background:rgba(255,255,255,.08);}
.ft-chips a,.ft-rel a,.ft a.ft-btn,.ft a.ft-wa,.ft a.ft-ghost{text-decoration:none;}

/* ===== الهيرو ===== */
.ft-hero{background:linear-gradient(180deg,#F4F6FA 0%,#E9EEF5 100%);padding:52px 0 60px;position:relative;overflow:hidden;}
.ft-hero::before{content:'';position:absolute;top:-160px;left:-140px;width:460px;height:460px;
  background:radial-gradient(circle,rgba(242,154,58,.16),transparent 68%);border-radius:50%;}
.ft-hero .ft-w{position:relative;z-index:2;}
.ft-split{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;}
@media(max-width:900px){.ft-split{grid-template-columns:1fr;gap:26px;}}
.ft-tag{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--ft-line);
  color:var(--ft-forest);padding:7px 17px;border-radius:40px;font-size:.9rem;font-weight:700;margin-bottom:18px;}
.ft-doordot{width:13px;height:11px;background:var(--ft-gold);border-radius:8px 2px 2px 2px;flex:none;}
.ft-hero h1{font-size:2.5rem;font-weight:700;margin:0 0 14px;max-width:20ch;letter-spacing:-.3px;}
.ft-hero h1 b{display:block;font-family:'Tajawal',sans-serif;font-weight:400;font-size:.46em;color:var(--ft-mut);margin-top:12px;line-height:1.7;}
.ft-lead{font-size:1.11rem;color:#2E3A4A;max-width:56ch;margin-bottom:26px;}
.ft-cta{display:flex;gap:11px;flex-wrap:wrap;}
.ft a.ft-btn,.ft a.ft-wa,.ft a.ft-ghost{display:inline-block;padding:14px 30px;border-radius:8px;font-family:'Tajawal',sans-serif;font-weight:700;font-size:1.02rem;}
.ft a.ft-btn{background:var(--ft-forest);color:#fff;}
.ft a.ft-btn:hover{background:var(--ft-deep);color:#fff;}
.ft a.ft-wa{background:#0B7A43;color:#fff;}
.ft a.ft-wa:hover{background:#095c33;color:#fff;}
.ft a.ft-ghost{background:transparent;border:1.5px solid var(--ft-forest);color:var(--ft-forest);padding:12.5px 28px;}
.ft a.ft-ghost:hover{background:var(--ft-forest);color:#fff;}
.ft-shot{position:relative;margin:0;}
.ft-shot img{width:100%;aspect-ratio:4/4.4;object-fit:cover;border-radius:var(--ft-door);
  border:1px solid var(--ft-line);}
.ft-badge{position:absolute;bottom:18px;right:-10px;background:#fff;border:1px solid var(--ft-line);
  border-radius:12px;padding:13px 18px;box-shadow:0 10px 30px rgba(13,27,46,.16);}
.ft-badge b{display:block;font-family:'Amiri',serif;color:var(--ft-forest);font-size:1.2rem;line-height:1.3;}
.ft-badge span{font-size:.84rem;color:var(--ft-mut);}
@media(max-width:900px){.ft-hero h1{font-size:1.78rem;max-width:none;}
  .ft-shot img{aspect-ratio:4/3;border-radius:var(--ft-door-s);}
  .ft a.ft-btn,.ft a.ft-wa,.ft a.ft-ghost{width:100%;text-align:center;}
  .ft-badge{right:auto;left:14px;bottom:14px;}}

/* شريط الإحصائيات */
.ft-stats{background:var(--ft-deep);}
.ft-stats .ft-w{display:grid;grid-template-columns:repeat(4,1fr);}
.ft-stats div{padding:22px 14px;text-align:center;border-left:1px solid rgba(255,255,255,.1);}
.ft-stats div:last-child{border-left:0;}
.ft-stats b{display:block;font-family:'Amiri',serif;color:#fff;font-size:1.6rem;line-height:1.3;}
.ft-stats span{color:#A9B8CC;font-size:.86rem;}
@media(max-width:720px){.ft-stats .ft-w{grid-template-columns:repeat(2,1fr);padding:0;}
  .ft-stats div:nth-child(2){border-left:0;} .ft-stats b{font-size:1.3rem;}}

/* ===== الخدمات ===== */
.ft-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ft-line);}
.ft-s.deep .ft-svc,.ft-s.deep .ft-svc>div{border-color:rgba(255,255,255,.14);}
.ft-svc>div{padding:24px 22px 24px 0;border-bottom:1px solid var(--ft-line);border-left:1px solid var(--ft-line);}
.ft-svc>div:nth-child(3n){border-left:0;}
.ft-svc h3{margin:0 0 7px;font-size:1.1rem;}
.ft-svc p{font-size:.97rem;color:var(--ft-mut);margin:0;}
.ft-s.deep .ft-svc p{color:#A9B8CC;}
.ft-num{font-family:'Amiri',serif;font-size:.9rem;color:var(--ft-forest);font-weight:700;display:block;margin-bottom:5px;}
.ft-s.deep .ft-num{color:var(--ft-gold);}
@media(max-width:860px){.ft-svc{grid-template-columns:repeat(2,1fr);}
  .ft-svc>div:nth-child(3n){border-left:1px solid var(--ft-line);}
  .ft-svc>div:nth-child(2n){border-left:0;}}
@media(max-width:560px){.ft-svc{grid-template-columns:1fr;}
  .ft-svc>div,.ft-svc>div:nth-child(3n){border-left:0;padding-left:0;}}

/* ===== الاقتباس ===== */
.ft-q{margin:30px 0;padding:26px 30px 26px 24px;background:var(--ft-paper);
  border-right:4px solid var(--ft-gold);border-radius:0 var(--ft-door-s);}
.ft-s.pale .ft-q,.ft-s.pale2 .ft-q{background:#fff;}
.ft-q p{margin:0;font-family:'Amiri',serif;font-size:1.25rem;font-weight:700;color:var(--ft-forest);line-height:1.85;}
.ft-s.deep .ft-q{background:#162944;}
.ft-s.deep .ft-q p{color:#FFE2BF;}

/* ===== التنبيهات ===== */
.ft-note,.ft-warn{border-radius:10px;padding:18px 20px;margin:22px 0;display:flex;gap:13px;align-items:flex-start;color:var(--ft-txt);}
.ft-note{background:#E7EFFA;border:1px solid #C3D3EA;}
.ft-warn{background:var(--ft-goldlt);border:1px solid #EFD2AE;}
.ft-note p:last-child,.ft-warn p:last-child{margin:0;}
.ft-ic{font-size:1.35rem;flex:none;line-height:1.6;}
.ft-s.deep .ft-note{background:#162944;border-color:#2A4166;color:#D3DDEA;}
.ft-s.deep .ft-note strong{color:#fff;}

/* ===== القوائم ===== */
.ft-tick li{position:relative;padding:9px 30px 9px 0;border-bottom:1px solid var(--ft-line);}
.ft-tick li:last-child{border:0;}
.ft-tick li::before{content:'';position:absolute;right:2px;top:21px;width:14px;height:11px;
  background:var(--ft-leaf);border-radius:9px 2px 2px 2px;}
.ft-s.deep .ft-tick li{border-color:rgba(255,255,255,.14);}
.ft-s.deep .ft-tick li::before{background:var(--ft-gold);}
.ft-steps{counter-reset:st;margin-top:8px;}
.ft-steps li{counter-increment:st;position:relative;padding:14px 62px 14px 0;border-bottom:1px solid var(--ft-line);}
.ft-steps li:last-child{border:0;}
.ft-steps li::before{content:counter(st);position:absolute;right:0;top:14px;width:44px;height:42px;
  border:2px solid var(--ft-leaf);color:var(--ft-forest);border-radius:20px 6px 6px 6px;
  display:grid;place-items:center;font-family:'Amiri',serif;font-weight:700;font-size:1.05rem;}

/* ===== الجداول (بنية div — لا عنصر table) ===== */
.ft-tbl{margin:20px 0;background:#fff;border:1px solid var(--ft-line);border-radius:10px;overflow:hidden;font-size:1rem;color:var(--ft-txt);}
.ft-tr{display:grid;grid-template-columns:var(--ft-cols,repeat(4,1fr));border-bottom:1px solid var(--ft-line);}
.ft-tr:last-child{border-bottom:0;}
.ft-tr>span{padding:13px 12px;vertical-align:top;}
.ft-tr:nth-child(odd):not(.ft-th)>span{background:#F8FAFD;}
.ft-th{background:var(--ft-forest);}
.ft-th>span{color:#fff;font-family:'Tajawal',sans-serif;font-weight:700;font-size:.98rem;padding:14px 12px;}
.ft-tr .p{color:var(--ft-forest);font-weight:700;}
.ft-tr .ok{color:#1E6B3C;font-weight:700;}
.ft-tr .no{color:#A33427;font-weight:700;}
@media(max-width:700px){
  .ft-tbl{border:0;background:transparent;border-radius:0;}
  .ft-tbl .ft-tr.ft-th{display:none!important;}
  .ft-tr:not(.ft-th){display:block!important;background:#fff;border:1px solid var(--ft-line)!important;border-right:4px solid var(--ft-gold)!important;
    border-radius:10px;margin-bottom:12px;padding:6px 0;}
  .ft-tr>span{display:block!important;padding:7px 14px;background:transparent!important;}
  .ft-tr>span::before{content:attr(data-l);display:block;font-size:.8rem;font-weight:700;color:var(--ft-mut);line-height:1.5;}
}

/* ===== المقارنة ===== */
.ft-cmp{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0;}
@media(max-width:700px){.ft-cmp{grid-template-columns:1fr;}}
.ft-cmp>div{border-radius:10px;padding:24px;background:#fff;border:1px solid;color:var(--ft-txt);}
.ft-yes{border-color:#BEDFC6;}
.ft-no{border-color:#EBC9C4;}
.ft-cmp h3{margin:0 0 12px;font-size:1.08rem;}
.ft-yes h3{color:#1E6B3C;} .ft-no h3{color:#A33427;}
.ft-cmp li{padding:8px 26px 8px 0;position:relative;font-size:.99rem;}
.ft-yes li::before{content:'✓';position:absolute;right:0;color:#1E6B3C;font-weight:800;}
.ft-no li::before{content:'✕';position:absolute;right:0;color:#A33427;font-weight:800;}

/* ===== الصور ===== */
.ft-fig{margin:0;}
.ft-fig img{width:100%;border-radius:var(--ft-door);border:1px solid var(--ft-line);}
.ft-fig figcaption{margin-top:12px;font-size:.93rem;color:var(--ft-mut);}
.ft-two{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;}
.ft-two.rev>.ft-fig{order:-1;}
@media(max-width:820px){.ft-two{grid-template-columns:1fr;} .ft-fig img{border-radius:var(--ft-door-s);}}

/* ===== الحاسبة ===== */
.ft-calc{background:#fff;border:1px solid var(--ft-line);border-radius:14px;padding:32px;color:var(--ft-txt);}
.ft-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0;}
@media(max-width:700px){.ft-fields{grid-template-columns:1fr;} .ft-calc{padding:22px 16px;}}
.ft-f label{display:block;font-family:'Tajawal',sans-serif;font-weight:700;margin-bottom:7px;font-size:.95rem;color:var(--ft-deep);}
.ft-f select{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #8E9AAB;
  background:#fff;color:var(--ft-txt);font-family:inherit;font-size:1rem;}
.ft-f select:focus{outline:none;border-color:var(--ft-leaf);box-shadow:0 0 0 3px rgba(36,86,166,.18);}
.ft-calc button{background:var(--ft-forest);color:#fff;border:0;border-radius:8px;padding:14px 34px;
  font-family:'Tajawal',sans-serif;font-weight:700;font-size:1.03rem;cursor:pointer;width:100%;}
.ft-calc button:hover{background:var(--ft-deep);}
.ft-out{margin-top:20px;background:var(--ft-pale);border:1px solid var(--ft-line);border-radius:10px;padding:20px;display:none;}
.ft-out.on{display:block;}
.ft-out .big{font-family:'Amiri',serif;font-size:2rem;font-weight:700;color:var(--ft-forest);display:block;line-height:1.35;}
.ft-out small{color:var(--ft-mut);display:block;margin-top:10px;font-size:.9rem;}
.ft-out .row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--ft-line);font-size:.97rem;}
.ft-out .row:last-of-type{border:0;}
.ft-out .row b{color:var(--ft-deep);white-space:nowrap;}

/* ===== المناطق والروابط ===== */
.ft-chips{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 0;}
.ft-chips a,.ft-chips span{display:inline-block;padding:8px 16px;border-radius:30px;background:#fff;
  border:1px solid var(--ft-line);color:var(--ft-forest);font-size:.94rem;font-weight:600;}
.ft-chips a:hover{background:var(--ft-forest);color:#fff;border-color:var(--ft-forest);}
.ft-chips span{color:var(--ft-mut);}
.ft-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:8px;}
@media(max-width:860px){.ft-rel{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.ft-rel{grid-template-columns:1fr;}}
.ft-rel a{display:block;padding:14px 16px;background:#fff;border:1px solid var(--ft-line);border-radius:9px;
  color:var(--ft-txt);font-weight:600;font-size:.96rem;border-right:3px solid var(--ft-gold);}
.ft-rel a:hover{border-color:var(--ft-leaf);border-right-color:var(--ft-leaf);color:var(--ft-forest);}

/* ===== الأسئلة ===== */
.ft-faq details{border-bottom:1px solid var(--ft-line);}
.ft-faq details[open]{background:#fff;}
.ft-faq summary{cursor:pointer;padding:18px 0;font-family:'Tajawal',sans-serif;font-weight:700;
  color:var(--ft-deep);list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:1.03rem;}
.ft-faq summary::-webkit-details-marker{display:none;}
.ft-faq summary::after{content:'+';color:var(--ft-leaf);font-size:1.5rem;flex:none;line-height:1;}
.ft-faq details[open] summary::after{content:'−';}
.ft-faq .ft-a{padding:0 0 20px;max-width:80ch;}
.ft-faq .ft-a p:last-child{margin:0;}

/* ===== القاموس ===== */
.ft-dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--ft-line);}
@media(max-width:700px){.ft-dl{grid-template-columns:1fr;}}
.ft-dl>div{padding:16px 20px 16px 0;border-bottom:1px solid var(--ft-line);border-left:1px solid var(--ft-line);}
.ft-dl>div:nth-child(2n){border-left:0;}
@media(max-width:700px){.ft-dl>div{border-left:0;padding-left:0;}}
.ft-dl b{display:block;font-family:'Tajawal',sans-serif;font-weight:700;color:var(--ft-forest);margin-bottom:3px;}
.ft-dl span{font-size:.96rem;color:var(--ft-mut);}

/* ===== النداء الأخير ===== */
.ft-final{background:var(--ft-forest);color:#fff;border-radius:var(--ft-door);padding:56px 44px;text-align:center;
  border:1px solid rgba(242,154,58,.4);}
.ft-final h2{color:#fff;}
.ft-final p{color:#D3DDEA;max-width:60ch;margin:0 auto 26px;}
.ft-final .ft-cta{justify-content:center;}
.ft-s .ft-final a.ft-btn{background:var(--ft-gold);color:#1A1206;}
.ft-s .ft-final a.ft-btn:hover{background:#fff;color:var(--ft-deep);}
.ft-s .ft-final a.ft-ghost{border-color:rgba(255,255,255,.6);color:#fff;}
.ft-s .ft-final a.ft-ghost:hover{background:#fff;color:var(--ft-deep);}
@media(max-width:700px){.ft-final{padding:34px 20px;border-radius:var(--ft-door-s);}}

/* ===== المصادر ===== */
.ft-src{font-size:.95rem;color:var(--ft-mut);}
.ft-disc{background:var(--ft-pale);border:1px solid var(--ft-line);border-radius:9px;padding:16px 19px;
  font-size:.92rem;color:var(--ft-mut);margin-top:18px;}

/* ===== شاشات صغيرة ===== */
@media(max-width:620px){
  .ft p{font-size:1.02rem;}
  .ft h2{font-size:1.5rem;}
  .ft h3{font-size:1.15rem;}
  .ft-w{padding:0 16px;}
  .ft-q{padding:20px 18px;} .ft-q p{font-size:1.12rem;}
  .ft-steps li{padding-right:56px;}
  .ft-steps li::before{width:40px;height:38px;}
  .ft-final h2{font-size:1.4rem;}
}
.ft-two .ft-fig img{aspect-ratio:4/3;object-fit:cover;}