/*
Theme Name:   Al-Ghad Nashtri Home
Theme URI:    https://nashtri.com/
Description:  قالب ابن لـ Astra — يخصّص الصفحة الرئيسية فقط لموقع نشتري اثاث مستعمل بالكويت (شركة الغد). تصميم ورقي فاتح بأقسام مرقّمة وخط زمني رأسي. كل الأنماط معزولة داخل .nq ولا تمسّ أي صفحة أخرى.
Author:       شركة الغد
Template:     astra
Version:      1.0.0
Text Domain:  nashtri-child
*/

/* ==========================================================================
   تصميم جديد كليًّا: خلفية ورقية فاتحة، أقسام مرقّمة بخط جانبي بدل البطاقات
   المظلّلة، خط زمني رأسي، بطاقات أسعار بهيئة إيصال، ومسار أفقي بعُقد.
   كل الأنماط محصورة داخل .nq فلا تؤثر على أي صفحة أخرى في الموقع.
   الهوية: مداد أخضر #16231D + أخضر الغد #1E6E4C + طيني #A8481F
   المتحركان البصريان: نقشة ورق الإيصال + مسار المحطات المتدرّج
   ملاحظة تباين: كل لون نص داخل صندوق ملوّن محسوب مقابل خلفية الصندوق نفسه
   ========================================================================== */

.nq{
  --nq-ink:#16231D; --nq-ink2:#24352C; --nq-mut:#56655C;
  --nq-green:#1E6E4C; --nq-green2:#5CC296; --nq-greenlite:#9BDCC0; --nq-greendk:#124732;
  --nq-clay:#A8481F; --nq-clay2:#E8956B; --nq-claydk:#7E3313;
  --nq-paper:#FBFAF7; --nq-paper2:#F3F1EB; --nq-paper3:#EDEBE3;
  --nq-greenbg:#E8F4EE; --nq-claybg:#FBEDE5; --nq-line:#E0DCD2;
  --nq-onlite:#102A1E; --nq-ok:#0A6E48; --nq-wa:#0B6E37;

  /* نقشة ورق الإيصال: سطور خفيفة مع ثقوب تخريم على الحافتين */
  --nq-receipt:
    repeating-linear-gradient(0deg,rgba(22,35,29,.045) 0 1px,transparent 1px 30px),
    radial-gradient(circle at 6px 50%,rgba(22,35,29,.07) 0 2.5px,transparent 2.5px),
    radial-gradient(circle at calc(100% - 6px) 50%,rgba(22,35,29,.07) 0 2.5px,transparent 2.5px);

  /* مسار المحطات: خط متدرّج بعُقد دائرية على فترات */
  --nq-track:
    repeating-linear-gradient(90deg,transparent 0 52px,rgba(251,250,247,.9) 52px 60px),
    linear-gradient(90deg,#124732 0 25%,#1E6E4C 25% 52%,#A8481F 52% 78%,#E8956B 78% 100%);

  font-family:'Tajawal','Segoe UI',Tahoma,sans-serif;
  line-height:1.95; color:var(--nq-ink); direction:rtl;
  background:var(--nq-paper);
  counter-reset:nqsec;
}
.nq *{box-sizing:border-box;}
.nq h1,.nq h2,.nq h3{font-weight:800;color:var(--nq-ink);line-height:1.45;}
.nq a{text-decoration:none;transition:.22s;}
.nq a:focus-visible{outline:3px solid var(--nq-green);outline-offset:3px;}
/* روابط النص الجارية: لون + تسطير يميّزها عن النص المحيط */
.nq-body p a,.nq-body li a,.nq-body figcaption a,.nq-body td a,.nq-body .a a{
  color:var(--nq-claydk);font-weight:800;
  border-bottom:2px solid var(--nq-clay2);
  padding-bottom:1px;}
.nq-body p a:hover,.nq-body li a:hover,.nq-body figcaption a:hover,
.nq-body td a:hover,.nq-body .a a:hover{
  color:var(--nq-greendk);border-bottom-color:var(--nq-green2);}
.nq-body .nq-rel a,.nq-body .nq-cta a,.nq-body .nq-tl a{border-bottom:0;}
.nq img{max-width:100%;height:auto;display:block;}
.nq ul,.nq ol{list-style:none;margin:0;padding:0;}
.nq p{font-size:1.08rem;margin:0 0 18px;text-align:justify;}
.nq strong{color:var(--nq-greendk);font-weight:800;}
.nq-w{max-width:1120px;margin:0 auto;padding:0 20px;}

/* ===== شريط المسار كفاصل ===== */
.nq-track{height:10px;background:var(--nq-track);border-radius:5px;}

/* ===== الهيرو: منقسم بحافة مائلة بدل الشريط ===== */
.nq-hero{background:var(--nq-ink);color:#fff;position:relative;overflow:hidden;
  padding:58px 0 96px;clip-path:polygon(0 0,100% 0,100% calc(100% - 44px),0 100%);}
.nq-hero::before{content:'';position:absolute;inset:0;background:var(--nq-receipt);opacity:.5;}
.nq-hero .nq-w{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr .9fr;
  gap:40px;align-items:start;}
@media(max-width:880px){.nq-hero{clip-path:none;padding:40px 0 44px;}
  .nq-hero .nq-w{grid-template-columns:1fr;gap:26px;}}
.nq-eyebrow{display:inline-block;color:var(--nq-green2);font-weight:800;font-size:.84rem;
  letter-spacing:.06em;border-bottom:2px solid var(--nq-green2);padding-bottom:5px;margin-bottom:18px;}
.nq-hero h1{color:#fff;font-size:2.45rem;font-weight:900;margin:0 0 18px;}
.nq-hero h1 em{font-style:normal;color:var(--nq-green2);display:block;font-size:.72em;margin-top:8px;}
.nq-lead{font-size:1.14rem;color:#D4DED8;margin-bottom:28px;}
.nq-lead strong{color:var(--nq-greenlite);}
.nq-cta{display:flex;gap:12px;flex-wrap:wrap;}
.nq-btn{background:var(--nq-green2);color:var(--nq-onlite);padding:14px 30px;border-radius:4px;
  font-weight:900;font-size:1.02rem;display:inline-block;border-bottom:4px solid #2E8A62;}
.nq-btn:hover{background:var(--nq-greenlite);color:var(--nq-onlite);transform:translateY(-2px);}
.nq-wa{background:var(--nq-wa);color:#fff;padding:14px 30px;border-radius:4px;font-weight:900;
  font-size:1.02rem;display:inline-block;border-bottom:4px solid #084f28;}
.nq-wa:hover{background:#0e8544;color:#fff;transform:translateY(-2px);}
.nq-ghost{border:2px solid rgba(255,255,255,.4);color:#fff;padding:12px 28px;border-radius:4px;
  font-weight:800;font-size:1.02rem;display:inline-block;}
.nq-ghost:hover{border-color:var(--nq-green2);color:var(--nq-green2);}
@media(max-width:560px){.nq-btn,.nq-wa,.nq-ghost{width:100%;text-align:center;}}
/* لوحة الأرقام — شبكة 2×2 بخطوط فاصلة لا بطاقات */
.nq-panel{border:1px solid rgba(255,255,255,.22);border-radius:6px;overflow:hidden;
  display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.04);}
.nq-panel div{padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.14);
  border-left:1px solid rgba(255,255,255,.14);}
.nq-panel div:nth-child(2n){border-left:none;}
.nq-panel div:nth-last-child(-n+2){border-bottom:none;}
.nq-panel b{display:block;color:var(--nq-green2);font-size:1.22rem;font-weight:900;line-height:1.3;}
.nq-panel span{color:#D4DED8;font-size:.86rem;}

/* ===== الأقسام: خط جانبي ورقم بدل البطاقة المظلّلة ===== */
.nq-sec{padding:46px 0 10px;border-top:1px solid var(--nq-line);}
.nq-sec:first-of-type{border-top:none;}
.nq-sec > h2{counter-increment:nqsec;font-size:1.82rem;margin:0 0 22px;
  padding-right:62px;position:relative;min-height:46px;display:flex;align-items:center;}
.nq-sec > h2::before{content:counter(nqsec,decimal-leading-zero);position:absolute;right:0;top:0;
  width:46px;height:46px;border:2px solid var(--nq-green);border-radius:50%;
  color:var(--nq-green);font-size:.96rem;font-weight:900;
  display:flex;align-items:center;justify-content:center;}
@media(max-width:768px){.nq-sec > h2{font-size:1.32rem;padding-right:54px;}
  .nq-sec > h2::before{width:40px;height:40px;font-size:.86rem;}}
.nq-sec h3{font-size:1.2rem;margin:30px 0 10px;padding-right:16px;
  border-right:4px solid var(--nq-clay2);}
.nq-body{padding-right:62px;}
@media(max-width:768px){.nq-body{padding-right:0;}}
.nq-leadp{font-size:1.17rem;color:var(--nq-ink2);border-right:3px solid var(--nq-green);
  padding-right:18px;margin-bottom:24px;}

/* ===== روابط النص: لون + تسطير صريح ===== */
.nq-link{color:#1E6E4C;font-weight:800;border-bottom:2px solid var(--nq-green2);
  padding-bottom:1px;}
.nq-link:hover{color:var(--nq-claydk);border-bottom-color:var(--nq-clay2);}
.nq-clink{color:#7E3313;font-weight:800;border-bottom:2px solid var(--nq-clay2);
  padding-bottom:1px;}
.nq-clink:hover{color:var(--nq-greendk);border-bottom-color:var(--nq-green2);}

/* ===== الاقتباس: جملة مركزية بين خطين، بلا صندوق ===== */
.nq-q{margin:38px 0;padding:26px 10px;text-align:center;
  border-top:3px solid var(--nq-green);border-bottom:3px solid var(--nq-green);}
.nq-q p{font-size:1.28rem;font-weight:800;color:var(--nq-greendk);text-align:center;margin:0 0 10px;}
.nq-q cite{font-style:normal;font-size:.9rem;font-weight:800;color:var(--nq-clay);}
@media(max-width:768px){.nq-q p{font-size:1.06rem;}}

/* ===== الملاحظات: شريط علوي ملوّن بدل الحد الجانبي ===== */
.nq-note,.nq-warn,.nq-good{border:1px solid var(--nq-line);border-top:5px solid var(--nq-clay);
  border-radius:0 0 6px 6px;padding:20px 22px;margin:26px 0;background:var(--nq-claybg);
  color:var(--nq-ink);}
.nq-good{border-top-color:var(--nq-ok);background:var(--nq-greenbg);}
.nq-warn{border-top-color:#B01427;background:#FDEFEF;}
.nq-note b,.nq-warn b,.nq-good b{display:block;margin-bottom:7px;font-size:1.06rem;}
.nq-note b{color:#7E3313;} .nq-good b{color:#0A6E48;} .nq-warn b{color:#9B1C1C;}
.nq-note p,.nq-warn p,.nq-good p{margin:0 0 10px;font-size:1.02rem;color:var(--nq-ink);}
.nq-note p:last-child,.nq-warn p:last-child,.nq-good p:last-child{margin:0;}
.nq-note a,.nq-warn a,.nq-good a{color:#7E3313;font-weight:800;
  border-bottom:2px solid var(--nq-clay);padding-bottom:1px;}
.nq-good a{color:#0A6E48;border-bottom-color:var(--nq-ok);}
.nq-note a:hover,.nq-warn a:hover,.nq-good a:hover{color:var(--nq-ink);}

/* ===== المسار الأفقي بعُقد ===== */
.nq-route{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;
  margin:30px 0;border:1px solid var(--nq-line);border-radius:6px;overflow:hidden;
  background:#fff;}
.nq-route div{padding:22px 16px;text-align:center;border-left:1px solid var(--nq-line);
  position:relative;}
.nq-route div:last-child{border-left:none;}
.nq-route i{display:block;width:34px;height:34px;margin:0 auto 10px;border-radius:50%;
  background:var(--nq-greenbg);border:2px solid var(--nq-green);color:#124732;
  font-style:normal;font-weight:900;font-size:.95rem;line-height:30px;}
.nq-route b{display:block;font-size:1.02rem;color:var(--nq-ink);margin-bottom:4px;}
.nq-route span{font-size:.9rem;color:var(--nq-mut);}
@media(max-width:700px){.nq-route div{border-left:none;border-bottom:1px solid var(--nq-line);}
  .nq-route div:last-child{border-bottom:none;}}

/* ===== الخط الزمني الرأسي ===== */
.nq-tl{position:relative;margin:30px 0;padding-right:34px;}
.nq-tl::before{content:'';position:absolute;right:11px;top:8px;bottom:8px;width:3px;
  background:linear-gradient(180deg,var(--nq-green),var(--nq-clay));border-radius:2px;}
.nq-tl li{position:relative;padding:0 0 22px 0;font-size:1.04rem;}
.nq-tl li::before{content:'';position:absolute;right:-29px;top:11px;width:13px;height:13px;
  border-radius:50%;background:var(--nq-paper);border:3px solid var(--nq-green);}
.nq-tl li:last-child{padding-bottom:0;}
.nq-tl li:last-child::before{border-color:var(--nq-clay);}
.nq-tl u{display:block;text-decoration:none;font-weight:900;color:var(--nq-greendk);
  font-size:.93rem;letter-spacing:.02em;margin-bottom:2px;}

/* ===== قوائم مرقّمة ومؤشّرة ===== */
.nq-steps{counter-reset:nqs;margin:26px 0;}
.nq-steps li{counter-increment:nqs;position:relative;padding:0 46px 16px 0;font-size:1.05rem;}
.nq-steps li::before{content:counter(nqs);position:absolute;right:0;top:2px;width:30px;height:30px;
  background:var(--nq-green);color:#fff;border-radius:4px;font-weight:900;font-size:.95rem;
  display:flex;align-items:center;justify-content:center;}
.nq-tick{margin:24px 0;}
.nq-tick li{position:relative;padding:0 26px 13px 0;font-size:1.04rem;
  border-bottom:1px dashed var(--nq-line);margin-bottom:13px;}
.nq-tick li:last-child{border-bottom:none;}
.nq-tick li::before{content:'';position:absolute;right:0;top:11px;width:10px;height:10px;
  background:var(--nq-clay2);transform:rotate(45deg);}

/* ===== بطاقات الخدمات: شبكة بحدود رفيعة بلا ظل ===== */
.nq-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:0;margin:28px 0;
  border:1px solid var(--nq-line);border-radius:6px;overflow:hidden;background:#fff;}
.nq-c{padding:22px;border-left:1px solid var(--nq-line);border-bottom:1px solid var(--nq-line);}
.nq-c h3{margin:0 0 8px;font-size:1.04rem;border-right:none;padding:0;
  color:var(--nq-greendk);}
.nq-c p{font-size:.97rem;margin:0;text-align:right;color:var(--nq-ink2);}
.nq-c:hover{background:var(--nq-greenbg);}

/* ===== الجداول: بلا صندوق، رأس مسطّر ===== */
.nq-t{overflow-x:auto;margin:26px 0;}
.nq-t table{width:100%;border-collapse:collapse;min-width:620px;}
.nq-t th{text-align:right;padding:12px 12px;font-weight:900;color:var(--nq-greendk);
  border-bottom:3px solid var(--nq-green);font-size:1rem;background:var(--nq-greenbg);}
.nq-t td{padding:13px 12px;border-bottom:1px solid var(--nq-line);font-size:1rem;
  text-align:right;vertical-align:top;}
.nq-t tbody tr:nth-child(odd){background:#fff;}
.nq-t tbody tr:hover{background:var(--nq-paper2);}
.nq-t td.n{font-weight:800;color:var(--nq-ink);}
.nq-t td.p{color:#7E3313;font-weight:900;white-space:nowrap;}
.nq-t td.g{color:#0A6E48;font-weight:800;}
.nq-t td.w{color:#1E6E4C;font-weight:800;}

/* ===== بطاقات الأسعار بهيئة إيصال ===== */
.nq-bills{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:28px 0;}
.nq-bill{background:#fff;border:1px solid var(--nq-line);border-radius:6px;padding:0;overflow:hidden;
  position:relative;}
.nq-bill::after{content:'';position:absolute;inset:0;background:var(--nq-receipt);
  opacity:.55;pointer-events:none;}
.nq-bill h3{margin:0;padding:14px 18px;font-size:1.02rem;background:var(--nq-paper2);
  border-right:none;border-bottom:1px dashed var(--nq-line);color:var(--nq-greendk);
  position:relative;z-index:2;}
.nq-bill .amt{display:block;padding:18px;font-size:1.5rem;font-weight:900;color:#7E3313;
  text-align:center;position:relative;z-index:2;}
.nq-bill .amt small{display:block;font-size:.82rem;font-weight:700;color:var(--nq-mut);margin-top:4px;}

/* ===== مقارنة عمودين ===== */
.nq-cmp{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0;}
@media(max-width:700px){.nq-cmp{grid-template-columns:1fr;}}
.nq-col{border:1px solid var(--nq-line);border-radius:6px;padding:22px;background:#fff;}
.nq-col.a{border-top:5px solid var(--nq-clay);}
.nq-col.b{border-top:5px solid var(--nq-ok);}
.nq-col h3{margin:0 0 12px;font-size:1.08rem;border-right:none;padding:0;}
.nq-col.a h3{color:#7E3313;} .nq-col.b h3{color:#0A6E48;}
.nq-col li{padding:9px 0;border-bottom:1px dashed var(--nq-line);font-size:1rem;}
.nq-col li:last-child{border:none;}

/* ===== صور ===== */
.nq-fig{margin:28px 0;}
.nq-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;
  border:1px solid var(--nq-line);}
.nq-fig figcaption{font-size:.93rem;color:var(--nq-mut);margin-top:10px;
  padding-right:14px;border-right:3px solid var(--nq-clay2);}

/* ===== شرائح المناطق ===== */
.nq-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0;}
.nq-chips span{border:1px solid var(--nq-line);background:#fff;border-radius:3px;
  padding:6px 14px;font-size:.92rem;color:var(--nq-mut);}

/* ===== قائمة الروابط: صفوف لا بطاقات ===== */
.nq-rel{margin:26px 0;border:1px solid var(--nq-line);border-radius:6px;overflow:hidden;background:#fff;}
.nq-rel a{display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding:15px 18px;border-bottom:1px solid var(--nq-line);}
.nq-rel a:last-child{border-bottom:none;}
.nq-rel a:hover{background:var(--nq-greenbg);}
.nq-rel b{color:#124732;font-size:1.02rem;}
.nq-rel span{font-size:.9rem;color:var(--nq-mut);text-align:left;flex:none;max-width:48%;}
@media(max-width:620px){.nq-rel a{flex-direction:column;align-items:flex-start;gap:3px;}
  .nq-rel span{max-width:100%;text-align:right;}}

/* ===== الأسئلة الشائعة ===== */
.nq-faq{border-bottom:1px solid var(--nq-line);}
.nq-faq summary{padding:17px 0 17px 30px;font-weight:800;color:var(--nq-ink);cursor:pointer;
  font-size:1.05rem;list-style:none;position:relative;}
.nq-faq summary::-webkit-details-marker{display:none;}
.nq-faq summary::after{content:'+';position:absolute;left:4px;top:15px;color:#1E6E4C;
  font-size:1.5rem;font-weight:400;line-height:1;}
.nq-faq[open] summary::after{content:'−';}
.nq-faq[open] summary{color:var(--nq-greendk);}
.nq-faq .a{padding:0 0 18px;font-size:1.02rem;color:var(--nq-ink2);}

/* ===== المصادر ===== */
.nq-src{margin:24px 0;counter-reset:nqsrc;}
.nq-src li{counter-increment:nqsrc;position:relative;padding:14px 40px 14px 0;
  border-bottom:1px solid var(--nq-line);font-size:1rem;}
.nq-src li:last-child{border-bottom:none;}
.nq-src li::before{content:'[' counter(nqsrc) ']';position:absolute;right:0;top:14px;
  color:#7E3313;font-weight:900;}
.nq-src a{color:#1E6E4C;font-weight:800;border-bottom:2px solid var(--nq-green2);}
.nq-src a:hover{color:var(--nq-claydk);}
.nq-src em{display:block;font-style:normal;color:var(--nq-mut);font-size:.92rem;margin-top:3px;}

/* ===== الحاسبة: لوحة داكنة بحافة مائلة علوية ===== */
.nq-calc{background:var(--nq-ink);color:#fff;border-radius:6px;padding:32px;margin:28px 0;
  position:relative;overflow:hidden;}
.nq-calc::before{content:'';position:absolute;inset:0;background:var(--nq-receipt);opacity:.45;}
.nq-calc > *{position:relative;z-index:2;}
@media(max-width:768px){.nq-calc{padding:22px 16px;}}
.nq-calc h3{color:#fff;margin:0 0 6px;font-size:1.3rem;border-right:none;padding:0;}
.nq-calc .hint{color:#AFBDB4;font-size:.93rem;margin-bottom:20px;}
.nq-cg{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px;}
.nq-calc label{display:block;color:var(--nq-greenlite);font-weight:700;font-size:.88rem;margin-bottom:6px;}
.nq-calc select{width:100%;padding:11px;border-radius:4px;border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.07);color:#fff;font-family:inherit;font-size:1rem;}
.nq-calc select:focus{border-color:var(--nq-green2);outline:none;}
.nq-calc select option{background:#24352C;color:#fff;}
.nq-out{background:rgba(255,255,255,.07);border:1px solid rgba(155,220,192,.45);border-radius:4px;
  padding:20px;text-align:center;}
.nq-out .lbl{color:#D4DED8;font-size:.92rem;}
.nq-out .val{color:var(--nq-greenlite);font-size:1.9rem;font-weight:900;line-height:1.35;}
.nq-out .path{color:var(--nq-clay2);font-size:1.02rem;font-weight:800;margin-top:6px;}
.nq-out .nt{color:#AFBDB4;font-size:.84rem;margin-top:8px;}
@media(max-width:768px){.nq-out .val{font-size:1.4rem;}}

/* ===== نداء ختامي ===== */
.nq-final{background:var(--nq-greendk);color:#fff;border-radius:6px;padding:40px 28px;
  margin:38px 0;text-align:center;position:relative;overflow:hidden;}
.nq-final::before{content:'';position:absolute;inset:0;background:var(--nq-receipt);opacity:.4;}
.nq-final > *{position:relative;z-index:2;}
.nq-final h2{color:#fff;font-size:1.6rem;margin:0 0 10px;padding:0;min-height:0;display:block;}
.nq-final h2::before{display:none;}
.nq-final p{color:#CFE4D9;text-align:center;margin-bottom:22px;}
.nq-final .nq-cta{justify-content:center;}

/* ===== شريط سفلي للجوال — أعلى وأسفل فقط ===== */
.nq-bar{position:fixed;bottom:0;right:0;left:0;z-index:9998;display:none;gap:10px;
  padding:9px 12px;background:var(--nq-ink);border-top:3px solid var(--nq-green2);}
.nq-bar a{flex:1;text-align:center;padding:11px;border-radius:4px;font-weight:800;font-size:1rem;}
.nq-bar .c{background:var(--nq-green2);color:var(--nq-onlite);}
.nq-bar .w{background:var(--nq-wa);color:#fff;}
@media(max-width:640px){.nq-bar{display:flex;}}

/* أزرار عائمة — معطّلة افتراضياً. لتفعيلها: غيّر display:none إلى flex */
.nq-float{display:none;position:fixed;bottom:24px;left:24px;z-index:9999;flex-direction:column;gap:12px;}
.nq-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(22,35,29,.3);}
.nq-float .t{background:var(--nq-green2);color:var(--nq-onlite);}
.nq-float .w{background:var(--nq-wa);color:#fff;}
