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

/* ==========================================================================
   الهوية: «ورقة الشجر» — خلفية فاتحة، أقسام بعرض الشاشة، بلا بطاقات مكررة
   العنصر المميز الوحيد: حواف على شكل ورقة (140px / 16px) للصور واللوحات
   ========================================================================== */

.hq{
  --hq-deep:#12352A; --hq-forest:#1C4D38; --hq-leaf:#2F7D4F; --hq-leaf2:#3E9C63;
  --hq-sprout:#7FB03F; --hq-water:#17707F; --hq-water2:#1E8C9E;
  --hq-clay:#B4652F;
  --hq-pale:#F1F7EE; --hq-pale2:#E4EFDF; --hq-paper:#fff;
  --hq-txt:#1F2E26; --hq-mut:#586A5F; --hq-line:#D8E4D3;
  --hq-leafr:140px 16px 140px 16px;   /* حواف الورقة */
  --hq-leafr-s:60px 10px 60px 10px;
  font-family:'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif;
  color:var(--hq-txt); line-height:1.95; direction:rtl; text-align:right;
  background:var(--hq-paper);
}
.hq *{box-sizing:border-box;}
.hq h1,.hq h2,.hq h3{font-family:'Almarai','IBM Plex Sans Arabic',sans-serif;color:var(--hq-deep);line-height:1.5;font-weight:800;}
.hq p{font-size:1.07rem;margin:0 0 17px;}
.hq a{text-decoration:none;transition:.22s;}
.hq img{max-width:100%;height:auto;display:block;}
.hq ul,.hq ol{list-style:none;margin:0;padding:0;}
.hq strong{color:var(--hq-deep);font-weight:700;}
.hq a:focus-visible,.hq button:focus-visible,.hq summary:focus-visible{outline:3px solid var(--hq-leaf);outline-offset:3px;}
.hq-w{max-width:1160px;margin:0 auto;padding:0 22px;}
@media (prefers-reduced-motion:reduce){.hq *{animation:none!important;transition:none!important;}}

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

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

/* ===== روابط النص داخل المقال (لون + تسطير معاً) ===== */
.hq-s p a,.hq-s li a,.hq-s figcaption a,.hq-s .hq-a a{
  color:var(--hq-forest);font-weight:700;text-decoration:underline;
  text-decoration-color:rgba(28,77,56,.5);text-decoration-thickness:2px;text-underline-offset:4px;}
.hq-s p a:hover,.hq-s li a:hover,.hq-s .hq-a a:hover{
  color:var(--hq-leaf);text-decoration-color:currentColor;background:rgba(47,125,79,.09);}
.hq-s.deep p a,.hq-s.deep li a{color:#B9E6A8;text-decoration-color:rgba(185,230,168,.55);}
.hq-s.deep p a:hover,.hq-s.deep li a:hover{color:#D6F5C9;background:rgba(255,255,255,.08);}
.hq-chips a,.hq-rel a,.hq-btn,.hq-wa,.hq-ghost{text-decoration:none;}

/* ===== الهيرو: فاتح، مقسوم، صورة بحواف ورقة ===== */
.hq-hero{background:linear-gradient(180deg,#F1F7EE 0%,#E4EFDF 100%);padding:52px 0 60px;position:relative;overflow:hidden;}
.hq-hero::before{content:'';position:absolute;top:-160px;left:-140px;width:460px;height:460px;
  background:radial-gradient(circle,rgba(47,125,79,.13),transparent 68%);border-radius:50%;}
.hq-hero .hq-w{position:relative;z-index:2;}
.hq-split{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;}
@media(max-width:900px){.hq-split{grid-template-columns:1fr;gap:26px;}}
.hq-tag{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--hq-line);
  color:var(--hq-forest);padding:7px 17px;border-radius:40px;font-size:.9rem;font-weight:700;margin-bottom:18px;}
.hq-leafdot{width:12px;height:12px;background:var(--hq-leaf);border-radius:60% 0 60% 0;flex:none;}
.hq-hero h1{font-size:2.5rem;font-weight:800;margin:0 0 14px;max-width:19ch;letter-spacing:-.4px;}
.hq-hero h1 b{display:block;font-weight:400;font-size:.56em;color:var(--hq-mut);margin-top:10px;line-height:1.6;}
.hq-lead{font-size:1.11rem;color:#3A4C41;max-width:56ch;margin-bottom:26px;}
.hq-cta{display:flex;gap:11px;flex-wrap:wrap;}
.hq-btn,.hq-wa,.hq-ghost{display:inline-block;padding:14px 30px;border-radius:8px;font-family:'Almarai',sans-serif;font-weight:800;font-size:1.02rem;}
.hq-btn{background:var(--hq-forest);color:#fff;}
.hq-btn:hover{background:var(--hq-deep);color:#fff;}
.hq-wa{background:#0B7A43;color:#fff;}
.hq-wa:hover{background:#095c33;color:#fff;}
.hq-ghost{background:transparent;border:1.5px solid var(--hq-forest);color:var(--hq-forest);padding:12.5px 28px;}
.hq-ghost:hover{background:var(--hq-forest);color:#fff;}
.hq-s.deep .hq-btn{background:var(--hq-sprout);color:#10251A;}
.hq-s.deep .hq-ghost{border-color:rgba(255,255,255,.45);color:#fff;}
.hq-s.deep .hq-ghost:hover{background:#fff;color:var(--hq-deep);}
.hq-shot{position:relative;}
.hq-shot img{width:100%;aspect-ratio:4/4.4;object-fit:cover;border-radius:var(--hq-leafr);}
.hq-badge{position:absolute;bottom:18px;right:-10px;background:#fff;border:1px solid var(--hq-line);
  border-radius:12px;padding:13px 18px;box-shadow:0 10px 30px rgba(18,53,42,.12);}
.hq-badge b{display:block;font-family:'Almarai',sans-serif;color:var(--hq-forest);font-size:1.15rem;line-height:1.3;}
.hq-badge span{font-size:.84rem;color:var(--hq-mut);}
@media(max-width:900px){.hq-hero h1{font-size:1.72rem;max-width:none;}
  .hq-shot img{aspect-ratio:4/3;border-radius:var(--hq-leafr-s);}
  .hq-btn,.hq-wa,.hq-ghost{width:100%;text-align:center;}
  .hq-badge{right:auto;left:14px;bottom:14px;}}

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

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

/* ===== الاقتباس ===== */
.hq-q{margin:30px 0;padding:26px 30px 26px 24px;background:var(--hq-paper);
  border-right:4px solid var(--hq-sprout);border-radius:0 var(--hq-leafr-s);}
.hq-s.pale .hq-q,.hq-s.pale2 .hq-q{background:#fff;}
.hq-s.deep .hq-q{background:rgba(255,255,255,.06);}
.hq-q p{margin:0;font-family:'Almarai',sans-serif;font-size:1.13rem;font-weight:700;color:var(--hq-forest);line-height:1.85;}
.hq-s.deep .hq-q p{color:#D6F5C9;}

/* ===== التنبيهات ===== */
.hq-note,.hq-warn{border-radius:10px;padding:18px 20px;margin:22px 0;display:flex;gap:13px;align-items:flex-start;}
.hq-note{background:#E9F4EA;border:1px solid #C2DFC7;}
.hq-warn{background:#FCF1E4;border:1px solid #EDD3B2;}
.hq-note p:last-child,.hq-warn p:last-child{margin:0;}
.hq-ic{font-size:1.35rem;flex:none;line-height:1.6;}

/* ===== القوائم ===== */
.hq-tick li{position:relative;padding:9px 30px 9px 0;border-bottom:1px solid var(--hq-line);}
.hq-tick li:last-child{border:0;}
.hq-tick li::before{content:'';position:absolute;right:2px;top:20px;width:13px;height:13px;
  background:var(--hq-leaf);border-radius:60% 0 60% 0;}
.hq-s.deep .hq-tick li{border-color:rgba(255,255,255,.14);}
.hq-s.deep .hq-tick li::before{background:var(--hq-sprout);}
.hq-steps{counter-reset:st;margin-top:8px;}
.hq-steps li{counter-increment:st;position:relative;padding:14px 62px 14px 0;border-bottom:1px solid var(--hq-line);}
.hq-steps li:last-child{border:0;}
.hq-steps li::before{content:counter(st);position:absolute;right:0;top:14px;width:42px;height:42px;
  border:2px solid var(--hq-leaf);color:var(--hq-forest);border-radius:60% 0 60% 0;
  display:grid;place-items:center;font-family:'Almarai',sans-serif;font-weight:800;}

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

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

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

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

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

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

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

/* ===== النداء الأخير ===== */
.hq-final{background:var(--hq-forest);color:#fff;border-radius:var(--hq-leafr);padding:52px 44px;text-align:center;}
.hq-final h2{color:#fff;}
.hq-final p{color:#CFE0D3;max-width:60ch;margin:0 auto 26px;}
.hq-final .hq-cta{justify-content:center;}
.hq-final .hq-btn{background:var(--hq-sprout);color:#10251A;}
.hq-final .hq-btn:hover{background:#fff;color:var(--hq-deep);}
@media(max-width:700px){.hq-final{padding:34px 20px;border-radius:var(--hq-leafr-s);}}

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

/* ===== شريط الجوال ===== */
.hq-bar{display:none;}
@media(max-width:820px){
  .hq-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;bottom:0;right:0;left:0;z-index:9999;
    background:rgba(18,53,42,.97);padding:9px;}
  .hq-bar a{padding:12px;border-radius:8px;text-align:center;font-family:'Almarai',sans-serif;font-weight:800;color:#fff;font-size:.97rem;}
  .hq-bar .c{background:var(--hq-sprout);color:#10251A;}
  .hq-bar .w{background:#0B7A43;}
  .hq-end{padding-bottom:76px;}
}