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

/* ==========================================================================
   الهوية: «سنّ المفتاح» — خلفية فاتحة، أشرطة بعرض الشاشة، بلا بطاقات مكررة
   العنصر المميز الوحيد: قطع زاوي على شكل سنّ المفتاح للصور واللوحات والنقاط
   اللوحة: فحمي معدني + أزرق فولاذي + أخضر الأمان
   ملاحظة تباين: كل لون نص داخل صندوق ملوّن محسوب مقابل خلفية الصندوق نفسه
   ========================================================================== */

.ul{
  display:block;                     /* main كمعلم رئيسي — Lighthouse: main landmark */
  --ul-deep:#191D22; --ul-steel:#27485E; --ul-secure:#0E6B4F; --ul-secure2:#0D7555;
  --ul-mint:#7FE0B4; --ul-indigo:#3F4D80; --ul-copper:#9A4A1C;
  --ul-pale:#F2F5F7; --ul-pale2:#E3E9ED; --ul-paper:#fff;
  --ul-txt:#1A1F24; --ul-mut:#5A6672; --ul-line:#D5DDE3;
  /* سنّ المفتاح — قطع زاوي في ركن واحد */
  --ul-key:polygon(0 0,100% 0,100% calc(100% - 58px),calc(100% - 58px) calc(100% - 58px),
          calc(100% - 58px) 100%,0 100%);
  --ul-key-s:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) calc(100% - 30px),
          calc(100% - 30px) 100%,0 100%);
  --ul-bit:polygon(0 0,100% 0,100% 58%,58% 58%,58% 100%,0 100%);
  font-family:'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif;
  color:var(--ul-txt); line-height:1.95; direction:rtl; text-align:right;
  background:var(--ul-paper);
}
.ul *{box-sizing:border-box;}
.ul h1,.ul h2,.ul h3{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;color:var(--ul-deep);line-height:1.6;font-weight:700;}
.ul p{font-size:1.07rem;margin:0 0 17px;}
.ul a{text-decoration:none;transition:.22s;}
.ul img{max-width:100%;height:auto;display:block;}
.ul ul,.ul ol{list-style:none;margin:0;padding:0;}
.ul strong{color:var(--ul-deep);font-weight:700;}
.ul a:focus-visible,.ul button:focus-visible,.ul summary:focus-visible{outline:3px solid var(--ul-secure);outline-offset:3px;}
.ul-w{max-width:1160px;margin:0 auto;padding:0 22px;}
@media (prefers-reduced-motion:reduce){.ul *{animation:none!important;transition:none!important;}}

/* ===== الأشرطة: أقسام بعرض الشاشة بخلفيات متبادلة ===== */
.ul-s{padding:56px 0;}
.ul-s.pale{background:var(--ul-pale);}
.ul-s.pale2{background:var(--ul-pale2);}
.ul-s.deep{background:var(--ul-deep);color:#D3DCE2;}
.ul-s.deep h2,.ul-s.deep h3{color:#fff;}
.ul-s.deep strong{color:#fff;}
@media(max-width:820px){.ul-s{padding:38px 0;}}

/* رأس القسم: عنوان يمين + تمهيد يسار */
.ul-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){.ul-head{grid-template-columns:1fr;gap:10px;margin-bottom:20px;}}
.ul h2{font-size:1.66rem;margin:0;}
.ul-head p{margin:0;color:var(--ul-mut);font-size:1.03rem;}
.ul-s.deep .ul-head p{color:#A4B0BA;}
.ul-rule{height:3px;background:var(--ul-secure);width:64px;margin-bottom:14px;border-radius:2px;}
.ul-s.deep .ul-rule{background:var(--ul-mint);}
.ul h3{font-size:1.18rem;margin:28px 0 12px;}
.ul-s>.ul-w>p,.ul-s>.ul-w>.ul-txt p{max-width:74ch;}

/* ===== روابط النص داخل المقال (لون + تسطير معاً) ===== */
.ul-s p a,.ul-s li a,.ul-s figcaption a,.ul-s .ul-a a,.ul-s td a{
  color:var(--ul-steel);font-weight:700;text-decoration:underline;
  text-decoration-color:rgba(39,72,94,.5);text-decoration-thickness:2px;text-underline-offset:4px;}
.ul-s p a:hover,.ul-s li a:hover,.ul-s .ul-a a:hover,.ul-s td a:hover{
  color:var(--ul-secure);text-decoration-color:currentColor;background:rgba(14,107,79,.1);}
.ul-s.deep p a,.ul-s.deep li a{color:#8FD9F0;text-decoration-color:rgba(143,217,240,.55);}
.ul-s.deep p a:hover,.ul-s.deep li a:hover{color:#C3ECF8;background:rgba(255,255,255,.08);}
.ul-chips a,.ul-rel a,.ul-btn,.ul-wa,.ul-ghost{text-decoration:none;}

/* ===== الهيرو: فاتح، مقسوم، صورة بقطع سنّ المفتاح ===== */
.ul-hero{background:linear-gradient(180deg,#F2F5F7 0%,#E3E9ED 100%);padding:52px 0 60px;position:relative;overflow:hidden;}
.ul-hero::before{content:'';position:absolute;top:-160px;left:-140px;width:460px;height:460px;
  background:radial-gradient(circle,rgba(14,107,79,.13),transparent 68%);border-radius:50%;}
.ul-hero .ul-w{position:relative;z-index:2;}
.ul-split{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;}
@media(max-width:900px){.ul-split{grid-template-columns:1fr;gap:26px;}}
.ul-tag{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--ul-line);
  color:var(--ul-steel);padding:7px 17px;border-radius:40px;font-size:.9rem;font-weight:700;margin-bottom:18px;}
.ul-bitdot{width:13px;height:13px;background:var(--ul-secure);clip-path:var(--ul-bit);flex:none;}
.ul-hero h1{font-size:2.3rem;font-weight:700;margin:0 0 14px;max-width:20ch;letter-spacing:-.3px;}
.ul-hero h1 b{display:block;font-weight:400;font-size:.58em;color:var(--ul-mut);margin-top:10px;line-height:1.7;}
.ul-lead{font-size:1.11rem;color:#39434C;max-width:56ch;margin-bottom:26px;}
.ul-cta{display:flex;gap:11px;flex-wrap:wrap;}
.ul-btn,.ul-wa,.ul-ghost{display:inline-block;padding:14px 30px;border-radius:8px;font-family:'Noto Kufi Arabic',sans-serif;font-weight:700;font-size:.98rem;}
.ul-btn{background:var(--ul-steel);color:#fff;}
.ul-btn:hover{background:var(--ul-deep);color:#fff;}
.ul-wa{background:#0B7A43;color:#fff;}
.ul-wa:hover{background:#095c33;color:#fff;}
.ul-ghost{background:transparent;border:1.5px solid var(--ul-steel);color:var(--ul-steel);padding:12.5px 28px;}
.ul-ghost:hover{background:var(--ul-steel);color:#fff;}
.ul-s.deep .ul-btn{background:var(--ul-mint);color:#0B2219;}
.ul-s.deep .ul-ghost{border-color:rgba(255,255,255,.45);color:#fff;}
.ul-s.deep .ul-ghost:hover{background:#fff;color:var(--ul-deep);}
.ul-shot{position:relative;}
.ul-shot img{width:100%;aspect-ratio:4/4.4;object-fit:cover;clip-path:var(--ul-key);}
.ul-badge{position:absolute;bottom:18px;right:-10px;background:#fff;border:1px solid var(--ul-line);
  border-radius:12px;padding:13px 18px;box-shadow:0 10px 30px rgba(25,29,34,.14);}
.ul-badge b{display:block;font-family:'Noto Kufi Arabic',sans-serif;color:var(--ul-steel);font-size:1.08rem;line-height:1.4;}
.ul-badge span{font-size:.84rem;color:var(--ul-mut);}
@media(max-width:900px){.ul-hero h1{font-size:1.6rem;max-width:none;}
  .ul-shot img{aspect-ratio:4/3;clip-path:var(--ul-key-s);}
  .ul-btn,.ul-wa,.ul-ghost{width:100%;text-align:center;}
  .ul-badge{right:auto;left:14px;bottom:14px;}}

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

/* ===== الخدمات: قائمة مفصولة بخطوط بدل بطاقات ===== */
.ul-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ul-line);}
.ul-s.deep .ul-svc,.ul-s.deep .ul-svc>div{border-color:rgba(255,255,255,.14);}
.ul-svc>div{padding:24px 22px 24px 0;border-bottom:1px solid var(--ul-line);border-left:1px solid var(--ul-line);}
.ul-svc>div:nth-child(3n){border-left:0;}
.ul-svc h3{margin:0 0 7px;font-size:1.04rem;}
.ul-svc p{font-size:.97rem;color:var(--ul-mut);margin:0;}
.ul-s.deep .ul-svc p{color:#A4B0BA;}
.ul-num{font-family:'Noto Kufi Arabic',sans-serif;font-size:.8rem;color:var(--ul-steel);font-weight:700;display:block;margin-bottom:5px;}
.ul-s.deep .ul-num{color:var(--ul-mint);}
@media(max-width:860px){.ul-svc{grid-template-columns:repeat(2,1fr);}
  .ul-svc>div:nth-child(3n){border-left:1px solid var(--ul-line);}
  .ul-svc>div:nth-child(2n){border-left:0;}}
@media(max-width:560px){.ul-svc{grid-template-columns:1fr;}
  .ul-svc>div,.ul-svc>div:nth-child(3n){border-left:0;padding-left:0;}}

/* ===== الاقتباس ===== */
.ul-q{margin:30px 0;padding:26px 30px 26px 24px;background:var(--ul-paper);
  border-right:4px solid var(--ul-secure);clip-path:var(--ul-key-s);}
.ul-s.pale .ul-q,.ul-s.pale2 .ul-q{background:#fff;}
.ul-s.deep .ul-q{background:rgba(255,255,255,.06);border-right-color:var(--ul-mint);}
.ul-q p{margin:0;font-family:'Noto Kufi Arabic',sans-serif;font-size:1.05rem;font-weight:700;color:var(--ul-steel);line-height:1.95;}
.ul-s.deep .ul-q p{color:#C3ECF8;}

/* ===== التنبيهات ===== */
.ul-note,.ul-warn{border-radius:10px;padding:18px 20px;margin:22px 0;display:flex;gap:13px;align-items:flex-start;}
.ul-note{background:#E8F1EE;border:1px solid #BFD9D0;}
.ul-warn{background:#FBEFE6;border:1px solid #EDD2BB;}
.ul-note p:last-child,.ul-warn p:last-child{margin:0;}
.ul-note p a,.ul-warn p a{color:var(--ul-steel);}
.ul-ic{font-size:1.35rem;flex:none;line-height:1.6;}
.ul-s.deep .ul-note{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2);color:#D3DCE2;}
.ul-s.deep .ul-note p a{color:#8FD9F0;}

/* ===== القوائم ===== */
.ul-tick li{position:relative;padding:9px 30px 9px 0;border-bottom:1px solid var(--ul-line);}
.ul-tick li:last-child{border:0;}
.ul-tick li::before{content:'';position:absolute;right:2px;top:20px;width:14px;height:14px;
  background:var(--ul-secure);clip-path:var(--ul-bit);}
.ul-s.deep .ul-tick li{border-color:rgba(255,255,255,.14);}
.ul-s.deep .ul-tick li::before{background:var(--ul-mint);}
.ul-steps{counter-reset:st;margin-top:8px;}
.ul-steps li{counter-increment:st;position:relative;padding:14px 62px 14px 0;border-bottom:1px solid var(--ul-line);}
.ul-steps li:last-child{border:0;}
.ul-steps li::before{content:counter(st);position:absolute;right:0;top:14px;width:44px;height:44px;
  background:var(--ul-steel);color:#fff;clip-path:var(--ul-bit);
  display:grid;place-items:center;font-family:'Noto Kufi Arabic',sans-serif;font-weight:700;}
.ul-s.deep .ul-steps li{border-color:rgba(255,255,255,.14);}
.ul-s.deep .ul-steps li::before{background:var(--ul-mint);color:#0B2219;}

/* ===== الجداول ===== */
.ul-t{width:100%;border-collapse:collapse;margin:20px 0;font-size:1rem;background:#fff;}
.ul-t thead th{background:var(--ul-steel);color:#fff;font-family:'Noto Kufi Arabic',sans-serif;font-weight:700;
  padding:14px 12px;text-align:right;font-size:.94rem;}
.ul-t td{padding:13px 12px;border-bottom:1px solid var(--ul-line);vertical-align:top;color:var(--ul-txt);}
.ul-t tbody tr:nth-child(even) td{background:#F7FAFB;}
.ul-t .p{color:var(--ul-steel);font-weight:800;white-space:nowrap;}
.ul-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
@media(max-width:640px){.ul-t{font-size:.92rem;} .ul-t td,.ul-t thead th{padding:10px 8px;}}

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

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

/* ===== الحاسبة ===== */
.ul-calc{background:#fff;border:1px solid var(--ul-line);border-radius:14px;padding:32px;}
.ul-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0;}
@media(max-width:700px){.ul-fields{grid-template-columns:1fr;} .ul-calc{padding:22px 16px;}}
.ul-f label{display:block;font-family:'Noto Kufi Arabic',sans-serif;font-weight:700;margin-bottom:7px;font-size:.92rem;color:var(--ul-deep);}
.ul-f select,.ul-f input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid var(--ul-line);
  background:#fff;color:var(--ul-txt);font-family:inherit;font-size:1rem;}
.ul-f select:focus,.ul-f input:focus{outline:none;border-color:var(--ul-secure);}
.ul-calc button{background:var(--ul-steel);color:#fff;border:0;border-radius:8px;padding:14px 34px;
  font-family:'Noto Kufi Arabic',sans-serif;font-weight:700;font-size:1rem;cursor:pointer;width:100%;}
.ul-calc button:hover{background:var(--ul-deep);}
.ul-out{margin-top:20px;background:var(--ul-pale);border:1px solid var(--ul-line);border-radius:10px;padding:20px;display:none;}
.ul-out.on{display:block;}
.ul-out .big{font-family:'Noto Kufi Arabic',sans-serif;font-size:1.7rem;font-weight:700;color:var(--ul-steel);display:block;line-height:1.5;}
.ul-out small{color:var(--ul-mut);display:block;margin-top:6px;font-size:.9rem;}
.ul-out .row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--ul-line);font-size:.97rem;}
.ul-out .row:last-of-type{border:0;}

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

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

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

/* ===== النداء الأخير ===== */
.ul-final{background:var(--ul-steel);color:#fff;clip-path:var(--ul-key);padding:52px 44px;text-align:center;}
.ul-final h2{color:#fff;}
.ul-final p{color:#D3DCE2;max-width:60ch;margin:0 auto 26px;}
.ul-final .ul-cta{justify-content:center;}
.ul-final .ul-btn{background:var(--ul-mint);color:#0B2219;}
.ul-final .ul-btn:hover{background:#fff;color:var(--ul-deep);}
@media(max-width:700px){.ul-final{padding:34px 20px;clip-path:var(--ul-key-s);}}

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

/* ===== شريط الجوال ===== */
.ul-fixed{background:none;line-height:normal;}
.ul-bar{display:none;}
@media(max-width:820px){
  .ul-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;bottom:0;right:0;left:0;z-index:9999;
    background:rgba(25,29,34,.97);padding:9px;}
  .ul-bar a{padding:12px;border-radius:8px;text-align:center;font-family:'Noto Kufi Arabic',sans-serif;font-weight:700;color:#fff;font-size:.94rem;}
  .ul-bar .c{background:var(--ul-mint);color:#0B2219;}
  .ul-bar .w{background:#0B7A43;}
  .ul-end{padding-bottom:76px;}
}

/* أزرار عائمة — معطّلة افتراضياً. لتفعيلها: غيّر display:none إلى flex */
.ul-float{display:none;position:fixed;bottom:24px;left:24px;z-index:9998;flex-direction:column;gap:12px;}
.ul-float a{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:1.4rem;box-shadow:0 8px 20px rgba(25,29,34,.3);}
.ul-float .t{background:var(--ul-mint);color:#0B2219;}
.ul-float .w{background:#0B7A43;color:#fff;}