/*
Theme Name:   Fath Siarat Home
Theme URI:    https://fathsiarat.com/
Description:  قالب ابن لـ Astra — يخصّص الصفحة الرئيسية فقط لموقع شركة أقفال لفتح السيارات بالكويت. الهوية اللونية متطابقة مع الفوتر (أسود عميق + أصفر طوارئ). لا يمسّ أي صفحة أخرى من صفحات الموقع.
Author:       Aqfal — Fath Siarat
Template:     astra
Version:      1.1.0
Text Domain:  fathsiarat-child
*/

/* ==========================================================================
   كل الأنماط محصورة داخل .fs فلا تؤثر على أي صفحة أخرى في الموقع
   الهوية: أسود عميق #050505 + أصفر طوارئ #FFEA00 — نفس ألوان الفوتر
   ========================================================================== */

.fs{
  --fs-yel:#FFEA00; --fs-yeld:#E0CE00; --fs-pale:#FFFBDE;
  --fs-pri:#0A0A0A; --fs-dark:#111111; --fs-darker:#050505;
  --fs-light:#F6F6F4; --fs-text:#232323; --fs-mut:#5C5C5C;
  --fs-line:#E2E2DE; --fs-hard:#DADAD4; --fs-wa:#0B6E37;
  font-family:'Tajawal','Segoe UI',Tahoma,sans-serif;
  line-height:1.95; color:var(--fs-text); direction:rtl;
}
.fs *{box-sizing:border-box;}
.fs h1,.fs h2,.fs h3,.fs h4{font-weight:900;color:var(--fs-pri);line-height:1.45;}
.fs a{text-decoration:none;transition:.2s;}
.fs img{max-width:100%;height:auto;display:block;}
.fs ul,.fs ol{list-style:none;margin:0;padding:0;}
.fs p{font-size:1.08rem;margin:0 0 18px;text-align:justify;}
.fs strong{color:var(--fs-pri);font-weight:900;}
.fs a:focus-visible{outline:3px solid var(--fs-pri);outline-offset:3px;}
.fs-w{max-width:1200px;margin:0 auto;padding:0 20px;}

/* هيرو */
.fs-hero{background:var(--fs-darker);color:#fff;padding:64px 0 56px;position:relative;overflow:hidden;border-bottom:14px solid var(--fs-yel);}
.fs-hero::after{content:'';position:absolute;top:-160px;left:-160px;width:460px;height:460px;border:26px solid rgba(255,234,0,.10);border-radius:50%;}
.fs-hero .fs-w{position:relative;z-index:2;}
.fs-badge{display:inline-block;background:var(--fs-yel);color:#000;padding:8px 20px;font-weight:900;font-size:.9rem;margin-bottom:22px;letter-spacing:.5px;box-shadow:6px 6px 0 #222;}
.fs-hero h1{color:#fff;font-size:2.5rem;font-weight:900;margin:0 0 16px;max-width:960px;}
.fs-hero h1 span{color:var(--fs-yel);}
.fs-lead{font-size:1.14rem;color:#DCDCDC;max-width:850px;margin-bottom:30px;font-weight:500;}
.fs-lead strong{color:var(--fs-yel);}
.fs-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;}
.fs-btn{background:var(--fs-yel);color:#000;padding:16px 34px;font-weight:900;font-size:1.05rem;display:inline-block;border:3px solid #000;box-shadow:8px 8px 0 #222;}
.fs-btn:hover{background:#fff;color:#000;transform:translateY(-4px);box-shadow:10px 12px 0 #333;}
.fs-wa{background:var(--fs-wa);color:#fff;padding:16px 34px;font-weight:900;font-size:1.05rem;display:inline-block;border:3px solid #063d1f;box-shadow:8px 8px 0 #222;}
.fs-wa:hover{background:#08542a;color:#fff;transform:translateY(-4px);}
.fs-ghost{border:3px solid rgba(255,255,255,.35);color:#fff;padding:14px 32px;font-weight:900;font-size:1.05rem;display:inline-block;}
.fs-ghost:hover{border-color:var(--fs-yel);color:var(--fs-yel);background:rgba(255,234,0,.08);}
.fs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.fs-stat{background:#111;border:2px solid #2A2A2A;border-top:6px solid var(--fs-yel);padding:20px 14px;text-align:center;}
.fs-stat b{display:block;color:var(--fs-yel);font-size:1.75rem;font-weight:900;line-height:1.2;}
.fs-stat span{color:#C9C9C9;font-size:.87rem;font-weight:700;}
@media(max-width:768px){.fs-hero h1{font-size:1.7rem;}.fs-stats{grid-template-columns:repeat(2,1fr);}.fs-btn,.fs-wa,.fs-ghost{width:100%;text-align:center;}}

/* بلوكات */
.fs-b{background:#fff;padding:42px;margin:32px auto;border:2px solid var(--fs-pri);box-shadow:9px 9px 0 var(--fs-hard);}
@media(max-width:768px){.fs-b{padding:22px 16px;box-shadow:5px 5px 0 var(--fs-hard);}}
.fs h2{font-size:1.8rem;background:var(--fs-pale);padding:15px 19px;border-right:10px solid var(--fs-yel);border-bottom:2px solid var(--fs-pri);margin:0 0 22px;}
.fs h3{font-size:1.24rem;margin:28px 0 10px;}
.fs h4{font-size:1.08rem;margin:20px 0 8px;}
@media(max-width:768px){.fs h2{font-size:1.3rem;}}
.fs-link{color:var(--fs-pri);font-weight:900;border-bottom:3px solid var(--fs-yel);padding:0 2px;}
.fs-link:hover{background:var(--fs-yel);color:#000;}
.fs-leadp{font-size:1.16rem;color:#3B3B3B;font-weight:500;}

/* مقتطفات */
.fs-q{position:relative;background:var(--fs-pale);border:3px solid var(--fs-pri);border-right:12px solid var(--fs-yel);padding:28px 30px;margin:30px 0;font-size:1.2rem;font-weight:900;color:var(--fs-pri);line-height:1.9;box-shadow:8px 8px 0 var(--fs-hard);}
.fs-q::before{content:'”';position:absolute;left:16px;top:-10px;font-size:4.6rem;line-height:1;color:rgba(0,0,0,.13);font-family:Georgia,serif;}
.fs-q cite{display:block;margin-top:12px;font-size:.92rem;font-weight:900;color:#4A4A4A;font-style:normal;}
.fs-q.d{background:var(--fs-darker);border-color:var(--fs-yel);color:#fff;box-shadow:8px 8px 0 #2A2A2A;}
.fs-q.d::before{color:rgba(255,234,0,.28);}
.fs-q.d cite{color:var(--fs-yel);}
@media(max-width:768px){.fs-q{font-size:1.04rem;padding:20px 18px;box-shadow:5px 5px 0 var(--fs-hard);}}

/* صناديق */
.fs-note{background:#F2F7FC;border:2px solid #0A0A0A;border-right:10px solid #1E6FA8;padding:20px 22px;margin:24px 0;}
.fs-note b{color:#0A0A0A;display:block;margin-bottom:6px;font-weight:900;}
.fs-note p{margin:0;font-size:1.02rem;}
.fs-warn{background:#FDF0F0;border:2px solid #0A0A0A;border-right:10px solid #C81E1E;padding:20px 22px;margin:24px 0;}
.fs-warn b{color:#8F1111;display:block;margin-bottom:6px;font-weight:900;}
.fs-warn p{margin:0;font-size:1.02rem;}

/* قوائم */
.fs-tick li{background:#fff;border:2px solid var(--fs-line);border-right:6px solid var(--fs-yel);padding:14px 46px 14px 15px;position:relative;margin-bottom:11px;font-size:1.04rem;transition:.2s;}
.fs-tick li::before{content:'✔';position:absolute;right:16px;top:14px;color:var(--fs-pri);font-weight:900;}
.fs-tick li:hover{border-color:var(--fs-pri);border-right-color:var(--fs-yel);}
.fs-steps{counter-reset:s;}
.fs-steps li{position:relative;padding:16px 62px 16px 15px;background:#fff;border:2px solid var(--fs-line);margin-bottom:11px;font-size:1.04rem;transition:.2s;}
.fs-steps li::before{counter-increment:s;content:counter(s);position:absolute;right:0;top:0;width:44px;height:100%;background:var(--fs-yel);color:#000;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.15rem;border-left:2px solid var(--fs-pri);}
.fs-steps li:hover{border-color:var(--fs-pri);}

/* شبكات */
.fs-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:18px;margin:26px 0;}
.fs-c{background:var(--fs-light);border:2px solid var(--fs-pri);border-top:8px solid var(--fs-yel);padding:22px;transition:.2s;}
.fs-c:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--fs-hard);}
.fs-c h3{margin:0 0 9px;font-size:1.08rem;}
.fs-c p{font-size:.97rem;margin:0;text-align:right;}

/* صور */
.fs-fig{margin:28px 0;}
.fs-fig img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:3px solid var(--fs-pri);box-shadow:9px 9px 0 var(--fs-yel);}
.fs-fig figcaption{font-size:.93rem;color:var(--fs-mut);text-align:center;margin-top:14px;font-weight:700;}
.fs-fig.p img{aspect-ratio:3/4;max-width:400px;margin:0 auto;}
.fs-fig.p{max-width:400px;margin-right:auto;margin-left:auto;}
@media(max-width:768px){.fs-fig img{box-shadow:5px 5px 0 var(--fs-yel);}}

/* جداول */
.fs-t{overflow-x:auto;border:2px solid var(--fs-pri);margin:24px 0;box-shadow:7px 7px 0 var(--fs-hard);}
.fs-t table{width:100%;border-collapse:collapse;min-width:540px;background:#fff;margin:0;}
.fs-t th,.fs-t td{padding:15px 13px;text-align:center;border-bottom:2px solid var(--fs-line);font-size:1rem;}
.fs-t th{background:var(--fs-darker);color:var(--fs-yel);font-weight:900;border-bottom:4px solid var(--fs-yel);}
.fs-t tbody tr:nth-child(even){background:var(--fs-light);}
.fs-t td.p{color:var(--fs-pri);font-weight:900;white-space:nowrap;background:var(--fs-pale);}
.fs-t tr:last-child td{border-bottom:none;}

/* مقارنة */
.fs-cmp{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0;}
@media(max-width:700px){.fs-cmp{grid-template-columns:1fr;}}
.fs-col{padding:24px;border:2px solid var(--fs-pri);}
.fs-col.bad{background:#FDF0F0;box-shadow:7px 7px 0 #E9CFCF;}
.fs-col.good{background:#F0FBF3;box-shadow:7px 7px 0 #CFE7D6;}
.fs-col h3{margin:0 0 14px;font-size:1.12rem;}
.fs-col.bad h3{color:#8F1111;}
.fs-col.good h3{color:#116131;}
.fs-col li{padding:9px 0;border-bottom:2px dashed rgba(0,0,0,.12);font-size:1rem;font-weight:500;}
.fs-col li:last-child{border:none;}

/* شرائح وروابط */
.fs-chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;}
.fs-chips a,.fs-chips span{border:2px solid var(--fs-pri);background:#fff;padding:8px 17px;font-size:.93rem;color:var(--fs-pri);font-weight:700;}
.fs-chips span{border-color:var(--fs-line);color:var(--fs-mut);font-weight:500;}
.fs-chips a:hover{background:var(--fs-yel);color:#000;box-shadow:4px 4px 0 #222;}
.fs-rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:26px 0;}
.fs-rel a{display:block;background:var(--fs-light);border:2px solid var(--fs-pri);border-right:8px solid var(--fs-yel);padding:16px 18px;transition:.2s;}
.fs-rel b{display:block;color:var(--fs-pri);font-size:1.02rem;margin-bottom:4px;font-weight:900;}
.fs-rel span{font-size:.92rem;color:var(--fs-mut);display:block;}
.fs-rel a:hover{background:var(--fs-yel);transform:translate(-3px,-3px);box-shadow:6px 6px 0 #222;}
.fs-rel a:hover span{color:#333;}

/* أسئلة */
.fs-faq{border:2px solid var(--fs-pri);margin-bottom:12px;overflow:hidden;background:#fff;}
.fs-faq summary{padding:18px 20px;font-weight:900;color:var(--fs-pri);cursor:pointer;font-size:1.05rem;display:flex;justify-content:space-between;gap:14px;list-style:none;}
.fs-faq summary::-webkit-details-marker{display:none;}
.fs-faq summary::after{content:'+';color:var(--fs-pri);font-size:1.7rem;font-weight:900;flex:none;line-height:1;}
.fs-faq[open] summary::after{content:'−';}
.fs-faq summary:hover{background:var(--fs-pale);}
.fs-faq[open] summary{background:var(--fs-yel);color:#000;border-bottom:2px solid var(--fs-pri);}
.fs-faq .a{padding:18px 20px;font-size:1.02rem;}

/* ثقة ومصادر */
.fs-tr{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;margin:24px 0;}
.fs-tr div{background:var(--fs-light);border:2px solid var(--fs-pri);padding:22px;text-align:center;transition:.2s;}
.fs-tr div:hover{background:var(--fs-yel);}
.fs-tr .ic{font-size:2rem;display:block;margin-bottom:8px;}
.fs-tr b{display:block;color:var(--fs-pri);margin-bottom:6px;font-weight:900;}
.fs-tr span{font-size:.93rem;color:var(--fs-mut);}
.fs-tr div:hover span{color:#333;}
.fs-src{background:var(--fs-light);border:2px solid var(--fs-pri);padding:26px;counter-reset:src;}
.fs-src li{position:relative;padding:14px 46px 14px 0;border-bottom:2px dashed var(--fs-line);font-size:1rem;}
.fs-src li:last-child{border:none;}
.fs-src li::before{counter-increment:src;content:'[' counter(src) ']';position:absolute;right:0;top:14px;color:var(--fs-pri);font-weight:900;background:var(--fs-yel);padding:0 6px;}
.fs-src a{color:var(--fs-pri);font-weight:900;border-bottom:3px solid var(--fs-yel);}
.fs-src a:hover{background:var(--fs-yel);}
.fs-src em{display:block;font-style:normal;color:var(--fs-mut);font-size:.92rem;}

/* CTA */
.fs-final{background:var(--fs-darker);color:#fff;padding:52px 34px;text-align:center;margin:40px 0;border-top:14px solid var(--fs-yel);border-bottom:14px solid var(--fs-yel);}
.fs-final h2{background:none;border:none;color:#fff;padding:0;margin:0 0 12px;font-size:1.8rem;}
.fs-final p{color:#DCDCDC;margin-bottom:26px;text-align:center;font-weight:700;}

/* حاسبة */
.fs-calc{background:var(--fs-darker);padding:34px;color:#fff;margin:26px 0;border:3px solid var(--fs-yel);}
@media(max-width:768px){.fs-calc{padding:20px 15px;}}
.fs-calc h3{color:var(--fs-yel);margin:0 0 6px;font-size:1.38rem;}
.fs-calc .hint{color:#B5B5B5;font-size:.93rem;margin-bottom:20px;}
.fs-cg{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:14px;margin-bottom:20px;}
.fs-calc label{display:block;color:var(--fs-yel);font-weight:900;font-size:.89rem;margin-bottom:7px;}
.fs-calc select{width:100%;padding:13px;border:2px solid #444;background:#141414;color:#fff;font-family:inherit;font-size:1rem;font-weight:700;}
.fs-calc select:focus{border-color:var(--fs-yel);outline:none;}
.fs-calc select option{background:#141414;color:#fff;}
.fs-out{background:var(--fs-yel);border:3px solid #000;padding:24px;text-align:center;box-shadow:8px 8px 0 #2A2A2A;}
.fs-out .lbl{color:#000;font-size:.94rem;font-weight:900;}
.fs-out .val{color:#000;font-size:2.1rem;font-weight:900;line-height:1.3;}
.fs-out .nt{color:#3A3A00;font-size:.85rem;margin-top:8px;font-weight:700;}
@media(max-width:768px){.fs-out .val{font-size:1.5rem;}}

/* شريط سفلي للجوال — أعلى وأسفل فقط */
.fs-bar{position:fixed;bottom:0;right:0;left:0;z-index:9998;display:none;gap:10px;padding:10px 12px;background:var(--fs-darker);border-top:5px solid var(--fs-yel);}
.fs-bar a{flex:1;text-align:center;padding:13px;font-weight:900;font-size:1rem;border:2px solid #000;}
.fs-bar .c{background:var(--fs-yel);color:#000;}
.fs-bar .w{background:var(--fs-wa);color:#fff;border-color:#063d1f;}
@media(max-width:640px){.fs-bar{display:flex;}}

/* أزرار عائمة — معطّلة افتراضياً. لتفعيلها: غيّر display:none إلى flex */
.fs-float{display:none;position:fixed;bottom:24px;left:24px;z-index:9999;flex-direction:column;gap:12px;}
.fs-float a{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:25px;border:3px solid #000;box-shadow:5px 5px 0 #222;}
.fs-float .w{background:var(--fs-wa);color:#fff;}
.fs-float .t{background:var(--fs-yel);color:#000;}
@media(prefers-reduced-motion:reduce){.fs *{animation:none!important;transition:none!important;}}