/*
Theme Name: Cash Receipt Home
Theme URI: https://nshtriasas.com/
Description: قالب ابن لثيم Astra — صفحة رئيسية لـ«شركة إنجاز · نشتري اثاث مستعمل بالكويت». الهوية البصرية: «فاتورة الشراء كاش» — إيصال يطلع من آلة الطباعة بختم «مدفوع كاش» ورزمة نقود، وشارات أقسام على شكل تذاكر إيصال مقصوصة الحواف، وفاصل بحافة إيصال مثقّبة، وأداة «فاتورة تقديرية» تطبع لك بنود أثاثك بالدينار.
Author: Enjaz
Template: astra
Version: 1.0.0
Text Domain: cash-receipt
*/

/* ============================================================
   .nj — هوية «فاتورة الشراء كاش»
   الثنائية: عنابي داكن / ذهبي الدينار + فيروزي للروابط
   كل الأنماط محصورة تحت .nj
   ============================================================ */

.nj{
  --nj-ink:#24181B;      
  --nj-deep:#2A1218;     
  --nj-deep2:#3A1B23;    
  --nj-edge:#5A2E38;     
  --nj-bl:#0E6B60;       
  --nj-bll:#FFCF5C;      
  --nj-blb:#EAF5F2;
  --nj-vi:#9B1D3A;       
  --nj-vil:#FFB3C1;      
  --nj-ok:#166534;
  --nj-amber:#92400E;
  --nj-red:#B42318;
  --nj-redb:#FDECEA;
  --nj-paper:#FBF8F2;    
  --nj-line:#E8DFD2;
  --nj-txt:#24181B;
  --nj-mut:#5A4E51;
  --nj-aq:#FFCF5C;

  display:block;
  font-family:'Mada',Tahoma,sans-serif;
  font-size:1.1rem;
  line-height:1.95;
  color:var(--nj-txt);
  direction:rtl;
  text-align:right;
  background:#fff;
}

/* ── حصانة الجوال ───────────────────────────────────────── */
.nj,.nj *,.nj *::before,.nj *::after{box-sizing:border-box;}
.nj *{min-width:0;}
#nj-main{max-width:100%;overflow-x:clip;}
.nj img,.nj svg{max-width:100%;height:auto;}
.nj p,.nj li,.nj h1,.nj h2,.nj h3,.nj summary,.nj figcaption,.nj .nj-tr>span{overflow-wrap:anywhere;}

/* ── العناوين ───────────────────────────────────────────── */
.nj h1,.nj h2,.nj h3{font-family:'Mada',Tahoma,sans-serif;color:var(--nj-ink);letter-spacing:0;}
.nj h1,.nj h2{font-family:'Aref Ruqaa','Mada',serif;font-weight:700!important;line-height:1.5;}
.nj h1{font-size:2.8rem;font-weight:800;line-height:1.4;margin:0 0 20px;}
.nj h2{font-size:2.1rem;font-weight:700;line-height:1.45;margin:0 0 16px;}
.nj h3{font-size:1.3rem;font-weight:600;line-height:1.6;margin:0 0 12px;}
.nj p{margin:0 0 18px;}
.nj ul,.nj ol{margin:0 0 18px;padding:0;list-style:none;}
.nj strong,.nj b{font-weight:700;color:var(--nj-ink);}

/* ── الحاويات ───────────────────────────────────────────── */
.nj-w{width:100%;max-width:1140px;margin:0 auto;padding:0 18px;}
.nj-s{padding:68px 0;background-color:#fff;position:relative;}
.nj-s.alt{background-color:var(--nj-paper);}

/* ── الروابط النصية ─────────────────────────────────────── */
.nj a{color:var(--nj-bl);}
.nj-s p a,.nj-s li a,.nj-end li a,.nj-end p a{
  color:var(--nj-bl);font-weight:700;
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;
}
.nj-s p a:hover,.nj-s li a:hover{color:var(--nj-vi);}

/* ── الأقسام الداكنة — النص الحر داخل p/li فقط ─────────── */
.nj-s.deep{background-color:var(--nj-deep);color:#F2E6E8;}
.nj-s.deep .nj-head h2,.nj-s.deep>.nj-w>h3,.nj-s.deep>.nj-w>h2{color:#fff;}
.nj-s.deep p strong,.nj-s.deep p b,.nj-s.deep li strong,.nj-s.deep li b{color:var(--nj-bll);}
.nj-s.deep p a,.nj-s.deep li a{color:var(--nj-bll);}
.nj-s.deep p a:hover,.nj-s.deep li a:hover{color:var(--nj-vil);}

/* ══ الموتيف ① حافة إيصال مثقّبة (فاصل فوق العناوين) ══════ */
.nj-perf{
  display:block;width:190px;height:14px;margin:0 0 16px;position:relative;
  background:radial-gradient(circle at 7px 7px,#D8CCBE 0 3px,transparent 3.5px) 0 0/14px 14px repeat-x;
}
.nj-perf::after{content:"";position:absolute;left:0;right:0;top:6px;border-top:2px dashed #C9BDB0;pointer-events:none;}
.nj-s.deep .nj-perf,.nj-hero .nj-perf,.nj-final .nj-perf{background:radial-gradient(circle at 7px 7px,rgba(255,207,92,.75) 0 3px,transparent 3.5px) 0 0/14px 14px repeat-x;}
.nj-s.deep .nj-perf::after,.nj-hero .nj-perf::after,.nj-final .nj-perf::after{border-top-color:rgba(255,207,92,.45);}
.nj-final .nj-perf{margin-inline:auto;}

/* ══ الموتيف ② تذكرة الإيصال: حواف مقصوصة والرقم على خلفية صريحة ══ */
.nj-tkt{
  position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:66px;height:44px;border-radius:6px;
  background-color:#FFCF5C;
  -webkit-mask:radial-gradient(circle at 0 50%,transparent 7px,#000 7.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 7px,#000 7.5px) right/51% 100% no-repeat;
          mask:radial-gradient(circle at 0 50%,transparent 7px,#000 7.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 7px,#000 7.5px) right/51% 100% no-repeat;
}
.nj-tkt::before{content:"";position:absolute;top:6px;bottom:6px;left:50%;border-left:2px dashed rgba(42,18,24,.35);pointer-events:none;}
.nj-tkt span{
  position:relative;z-index:1;display:grid;place-items:center;min-width:34px;height:24px;padding:0 6px;border-radius:4px;
  background-color:#2A1218;color:#fff;font-family:'Mada',sans-serif;font-weight:700;font-size:.95rem;line-height:1;
}

/* ══ الموتيف ③ فاتورة الشراء (SVG) ═══════════════════════ */
.nj-rcp{display:block;width:100%;max-width:520px;height:auto;margin:0 auto;filter:drop-shadow(0 22px 30px rgba(0,0,0,.35));}
.nj-paper{animation:nj-print 1.8s cubic-bezier(.3,.7,.3,1) both;}
.nj-stamp{animation:nj-stamp .6s 1.6s ease-out both;}
.nj-cash{animation:nj-cash 4s ease-in-out infinite;}
@keyframes nj-print{0%{transform:translateY(-70px);opacity:.3;}100%{transform:translateY(0);opacity:1;}}
@keyframes nj-stamp{0%{opacity:0;}100%{opacity:1;}}
@keyframes nj-cash{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
.nj-art{position:relative;}
.nj-art figure{margin:18px 0 0;border-radius:16px;overflow:hidden;border:1px solid var(--nj-edge);}
.nj-art figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;}

/* ── ترويسة القسم ───────────────────────────────────────── */
.nj-head{margin:0 0 32px;}
.nj-head .nj-top{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap;}
.nj-kicker{font-family:'Mada',sans-serif;font-weight:600;font-size:1.02rem;color:var(--nj-vi);}
.nj-s.deep .nj-kicker{color:var(--nj-vil);}
.nj-hero .nj-kicker{color:var(--nj-vil);display:block;margin-bottom:10px;}
.nj-head>p{color:var(--nj-mut);max-width:72ch;margin:0;}
.nj-s.deep .nj-head>p{color:#DCC3C9;}

/* ── البطل ──────────────────────────────────────────────── */
.nj-hero{position:relative;overflow:hidden;padding:68px 0 62px;color:#F2E6E8;background-color:var(--nj-deep);}
.nj-hero::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:14px;pointer-events:none;background:linear-gradient(135deg,#24181B 50%,transparent 50%) 0 0/14px 14px repeat-x,linear-gradient(225deg,#24181B 50%,transparent 50%) 0 0/14px 14px repeat-x;}
.nj-hero .nj-w{position:relative;z-index:2;}
.nj-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center;}
.nj-hero h1{color:#fff;}
.nj-lede{font-size:1.16rem;color:#EEDDE1;margin-bottom:22px;}
.nj-lede strong{color:var(--nj-bll);}
.nj-side{display:grid;gap:22px;}
.nj-shot{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--nj-edge);}
.nj-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;}

/* ── الوسوم والأزرار ────────────────────────────────────── */
.nj-tags{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0;}
.nj-tag{display:inline-block;padding:5px 15px;border-radius:999px;font-size:.96rem;font-weight:700;background-color:var(--nj-deep2);border:1px solid var(--nj-edge);color:#F6ECEE;}
.nj-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0;}
.nj a.nj-btn,.nj a.nj-ghost{
  display:inline-block;padding:13px 28px;border-radius:999px;line-height:1.3;
  font-family:'Mada',sans-serif;font-weight:700;font-size:1.08rem;text-decoration:none;
  transition:background-color .2s,color .2s,transform .2s;
}
.nj a.nj-btn{background-color:var(--nj-aq);color:#2A1A00;}
.nj a.nj-btn:hover,.nj a.nj-btn:focus-visible{background-color:#fff;color:#2A1A00;transform:translateY(-2px);}
.nj a.nj-ghost{background-color:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6);}
.nj a.nj-ghost:hover,.nj a.nj-ghost:focus-visible{background-color:rgba(255,255,255,.14);color:#fff;}

/* ── شريط الأرقام ───────────────────────────────────────── */
.nj-stats{background-color:var(--nj-ink);}
.nj-stats .nj-w{display:grid;grid-template-columns:repeat(4,1fr);padding-inline:0;}
.nj-stats div{position:relative;padding:26px 14px;text-align:center;}
.nj-stats div+div::before{content:"";position:absolute;right:0;top:24%;bottom:24%;width:1px;background:rgba(255,207,92,.35);}
.nj-stats b{display:block;font-family:'Aref Ruqaa','Mada',serif;font-weight:700;font-size:1.9rem;color:var(--nj-aq);line-height:1.35;}
.nj-stats span{display:block;font-size:.96rem;color:#DCC3C9;}

/* ── البطاقات ───────────────────────────────────────────── */
.nj-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.nj-cards.four{grid-template-columns:repeat(4,1fr);}
.nj-cards>div{
  position:relative;padding:26px 22px 22px;border-radius:20px;background-color:#fff;border:1px solid var(--nj-line);color:var(--nj-mut);
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.nj-cards>div::before{ /* خط قص الإيصال */
  content:"";position:absolute;left:22px;right:22px;top:12px;border-top:2px dashed #D8CCBE;pointer-events:none;
}
.nj-cards>div:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(42,18,24,.10);border-color:#B9DCD4;}
.nj-cards h3{margin:4px 0 8px;font-size:1.18rem;color:var(--nj-ink);}
.nj-cards .t{display:block;margin:4px 0 8px;font-family:'Mada',sans-serif;font-weight:600;font-size:1.18rem;line-height:1.5;color:var(--nj-ink);}
.nj-cards p{margin:0;font-size:1rem;line-height:1.85;color:var(--nj-mut);}
.nj-cards .n{font-family:'Mada',sans-serif;font-weight:700;color:var(--nj-vi);font-size:.95rem;}

/* ── الاقتباس البارز ────────────────────────────────────── */
.nj-q{position:relative;margin:32px 0;padding:24px 30px;border-radius:20px;background-color:var(--nj-blb);border-right:8px solid var(--nj-bl);}
.nj-q p{margin:0;font-family:'Mada',sans-serif;font-weight:600;font-size:1.38rem;line-height:1.65;color:var(--nj-ink);}

/* ── المقتطف المميز ─────────────────────────────────────── */
.nj-snip{position:relative;margin:30px 0;padding:28px 26px 10px;border-radius:18px;background-color:#fff;border:2px solid var(--nj-bl);color:var(--nj-txt);}
.nj-snip .tag{position:absolute;top:-15px;right:22px;padding:2px 14px;border-radius:999px;background-color:var(--nj-bl);color:#fff;font-family:'Mada',sans-serif;font-size:.92rem;font-weight:600;}
.nj-snip p{color:var(--nj-txt);}
.nj-snip b{color:var(--nj-ink);}

/* ── التنبيهات ──────────────────────────────────────────── */
.nj-note,.nj-warn{padding:20px 24px;margin:26px 0;border-radius:16px;border:1px solid;}
.nj-note{background-color:var(--nj-blb);border-color:#B9DCD4;border-right:6px solid var(--nj-bl);color:#0B3E37;}
.nj-warn{background-color:var(--nj-redb);border-color:#F0C9C3;border-right:6px solid var(--nj-red);color:#55160F;}
.nj-note p:last-child,.nj-warn p:last-child{margin-bottom:0;}
.nj-note b,.nj-warn b{color:inherit;}
.nj-note a{color:var(--nj-bl);}

/* ── قوائم ──────────────────────────────────────────────── */
.nj-tick li{position:relative;padding-right:32px;margin-bottom:13px;}
.nj-tick li::before{ /* عملة */
  content:"";position:absolute;right:3px;top:.55em;width:16px;height:16px;border-radius:50%;
  background:radial-gradient(circle,#FFE7A3 0 3px,#E0A82E 3.5px 6px,#B57F12 6.5px);
}

.nj-steps{counter-reset:st;display:grid;gap:12px;}
.nj-steps li{counter-increment:st;position:relative;padding:14px 66px 14px 18px;border-radius:16px;background-color:#fff;border:1px solid var(--nj-line);margin:0;color:var(--nj-txt);}
.nj-steps li::before{
  content:counter(st);position:absolute;right:14px;top:13px;width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;color:#fff;background-color:var(--nj-bl);box-shadow:0 0 0 4px #CDE7E1;
  font-family:'Mada',sans-serif;font-weight:700;
}

/* ══ الجداول — بنية div ══════════════════════════════════ */
.nj-tbl{border:1px solid var(--nj-line);border-radius:16px;overflow:hidden;background-color:#fff;margin:26px 0;}
.nj-tr{display:grid;grid-template-columns:var(--nj-cols,repeat(3,1fr));}
.nj-tr>span{display:block;padding:14px 17px;font-size:1rem;line-height:1.75;color:var(--nj-txt);background-color:#fff;border-bottom:1px solid var(--nj-line);border-left:1px solid var(--nj-line);}
.nj-tr>span:last-child{border-left:0;}
.nj-tr:last-child>span{border-bottom:0;}
.nj-tbl .nj-tr:nth-child(odd):not(.nj-th)>span{background-color:var(--nj-paper);}
.nj-tbl .nj-th>span{background-color:var(--nj-ink);color:#fff;font-family:'Mada',sans-serif;font-weight:600;font-size:1rem;border-color:rgba(255,255,255,.16);}
.nj-tr>span b{color:var(--nj-ink);}
.nj-tr .price{font-family:'Mada',sans-serif;font-weight:700;color:var(--nj-bl);}
.nj-code{display:inline-block;padding:1px 10px;border-radius:8px;background-color:var(--nj-ink);color:#fff;font-family:'Mada',sans-serif;font-weight:700;direction:ltr;}

/* شارة الاستعجال */
.nj-lv{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem;}
.nj-lv i{display:inline-block;width:40px;height:8px;border-radius:5px;background-color:var(--nj-line);position:relative;overflow:hidden;}
.nj-lv i::after{content:"";position:absolute;inset:0 auto 0 0;border-radius:5px;}
.nj-lv.l1{color:var(--nj-ok);} .nj-lv.l1 i::after{width:33%;background-color:var(--nj-ok);}
.nj-lv.l2{color:var(--nj-amber);} .nj-lv.l2 i::after{width:66%;background-color:#B45309;}
.nj-lv.l3{color:var(--nj-red);} .nj-lv.l3 i::after{width:100%;background-color:var(--nj-red);}

/* ── أداة اختبار العداد ─────────────────────────────────── */
.nj-tool{margin:30px 0 0;padding:32px 30px;border-radius:22px;background-color:#fff;border:1px solid var(--nj-line);border-top:6px solid var(--nj-bl);color:var(--nj-txt);}
.nj-tool h3{color:var(--nj-ink);font-size:1.55rem;}
.nj-tool>p{color:var(--nj-mut);}
.nj-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px;}
.nj-f input{width:100%;padding:11px 12px;border-radius:12px;border:1px solid #8C7F82;background-color:#fff;color:var(--nj-txt);font-family:inherit;font-size:1rem;}
.nj-f input:focus{outline:3px solid var(--nj-bll);outline-offset:1px;}
.nj-tool button{padding:13px 32px;border-radius:999px;border:0;cursor:pointer;background-color:var(--nj-ink);color:#fff;font-family:'Mada',sans-serif;font-weight:700;font-size:1.04rem;}
.nj-tool button:hover,.nj-tool button:focus-visible{background-color:var(--nj-bl);}
.nj-f label{display:block;font-weight:700;font-size:1rem;color:var(--nj-ink);margin-bottom:7px;}
.nj-f select{width:100%;padding:11px 12px;border-radius:12px;border:1px solid #8C7F82;background-color:#fff;color:var(--nj-txt);font-family:'Mada',sans-serif;font-size:1rem;}
.nj-f select:focus{outline:3px solid var(--nj-bll);outline-offset:1px;}
.nj-out{display:none;margin-top:22px;padding:22px 24px;border-radius:16px;background-color:#fff;border:1px solid var(--nj-line);border-right:6px solid var(--nj-bl);color:var(--nj-txt);}
.nj-out.on{display:block;}
.nj-out .big{display:block;font-family:'Mada',sans-serif;font-weight:700;font-size:1.5rem;color:var(--nj-ink);margin-bottom:8px;}
.nj-out .row{display:grid;grid-template-columns:190px 1fr;gap:12px;padding:10px 0;border-bottom:1px dashed var(--nj-line);}
.nj-out .row:last-of-type{border-bottom:0;}
.nj-out .row span{color:var(--nj-mut);font-weight:700;}
.nj-out .row b{color:var(--nj-ink);font-weight:500;}
.nj-out small{display:block;margin-top:12px;color:var(--nj-mut);font-size:.94rem;line-height:1.8;}

/* ── الفاتورة التقديرية: بنود الأثاث ─────────────────────── */
.nj-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px;}
.nj-it{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:12px;background-color:var(--nj-paper);border:1px solid var(--nj-line);}
.nj-it label{font-weight:700;font-size:.98rem;color:var(--nj-ink);}
.nj-it input{width:64px;padding:7px 8px;border-radius:10px;border:1px solid #8C7F82;background-color:#fff;color:var(--nj-txt);font-family:inherit;font-size:1rem;text-align:center;}
.nj-it input:focus{outline:3px solid var(--nj-bll);outline-offset:1px;}
.nj-bill{display:none;position:relative;max-width:460px;margin:24px auto 0;padding:26px 24px 30px;background-color:#FBF8F2;color:var(--nj-txt);border:1px solid var(--nj-line);box-shadow:0 14px 30px rgba(42,18,24,.12);font-family:'Mada',sans-serif;}
.nj-bill.on{display:block;}
.nj-bill::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:linear-gradient(135deg,#FBF8F2 50%,transparent 50%) 0 0/12px 10px repeat-x,linear-gradient(225deg,#FBF8F2 50%,transparent 50%) 0 0/12px 10px repeat-x;}
.nj-bill .hd{text-align:center;padding-bottom:12px;margin-bottom:10px;border-bottom:2px dashed #C9BDB0;}
.nj-bill .hd b{display:block;font-size:1.3rem;font-weight:900;color:var(--nj-ink);}
.nj-bill .hd span{font-size:.92rem;color:var(--nj-mut);}
.nj-bill ul{margin:0;padding:0;}
.nj-bill li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dotted #C9BDB0;font-size:.98rem;color:var(--nj-txt);}
.nj-bill li b{color:var(--nj-ink);white-space:nowrap;}
.nj-bill .tot{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding-top:12px;border-top:2px solid var(--nj-ink);font-size:1.2rem;font-weight:900;color:var(--nj-ink);}
.nj-bill .fx{margin:10px 0 0;font-size:.92rem;color:var(--nj-mut);}
.nj-bill .seal{display:inline-block;margin-top:14px;padding:4px 14px;border:3px solid var(--nj-vi);border-radius:8px;color:var(--nj-vi);font-weight:900;transform:rotate(-6deg);}
.nj-bill small{display:block;margin-top:12px;color:var(--nj-mut);font-size:.9rem;line-height:1.8;}
.nj-tool+h3{margin-top:36px;}
.nj-btns{display:flex;flex-wrap:wrap;gap:10px;}
.nj-tool button.alt{background-color:transparent;color:var(--nj-ink);box-shadow:inset 0 0 0 2px var(--nj-ink);}
.nj-tool button.alt:hover,.nj-tool button.alt:focus-visible{background-color:var(--nj-ink);color:#fff;}

/* ── المقارنة ───────────────────────────────────────────── */
.nj-cmp{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;}
.nj-cmp>div{padding:24px 24px 10px;border-radius:18px;background-color:#fff;border:1px solid var(--nj-line);color:var(--nj-txt);}
.nj-yes{border-top:5px solid var(--nj-ok)!important;}
.nj-no{border-top:5px solid var(--nj-red)!important;}
.nj-cmp h3{color:var(--nj-ink);}
.nj-cmp li{position:relative;padding-right:28px;margin-bottom:12px;font-size:1rem;color:var(--nj-txt);}
.nj-yes li::before{content:"✔";position:absolute;right:0;color:var(--nj-ok);font-weight:700;}
.nj-no li::before{content:"✘";position:absolute;right:0;color:var(--nj-red);font-weight:700;}

/* ── الصور ──────────────────────────────────────────────── */
.nj-two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.nj-fig{margin:0;}
.nj-fig img{display:block;width:100%;aspect-ratio:4/3;border-radius:20px;object-fit:cover;}
.nj-fig figcaption{margin-top:12px;font-size:.96rem;color:var(--nj-mut);border-right:4px solid var(--nj-vi);padding-right:12px;line-height:1.7;}
.nj-s.deep .nj-fig figcaption{color:#DCC3C9;}

/* ── الأحياء ────────────────────────────────────────────── */
.nj-areas{margin:24px 0 0;padding:22px;border-radius:18px;background-color:var(--nj-deep2);border:1px solid var(--nj-edge);}
.nj-areas+.nj-areas{margin-top:16px;}
.nj-areas h3{font-size:1.14rem;margin:0 0 12px;color:#fff;}
.nj-chips{display:flex;flex-wrap:wrap;gap:8px;}
.nj-chips a{
  display:inline-block;padding:5px 14px;border-radius:999px;font-size:.96rem;font-weight:700;text-decoration:none;
  background-color:var(--nj-deep);border:1px solid var(--nj-edge);color:#F6ECEE;
}
.nj-chips a:hover,.nj-chips a:focus-visible{background-color:var(--nj-bll);color:#2A1A00;border-color:var(--nj-bll);}

/* ── روابط ذات صلة ──────────────────────────────────────── */
.nj-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 0;}
.nj-rel a{display:block;position:relative;padding:15px 44px 15px 16px;border-radius:14px;background-color:#fff;border:1px solid var(--nj-line);color:var(--nj-ink);font-weight:700;font-size:1rem;text-decoration:none;}
.nj-rel a::before{content:"";position:absolute;right:16px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;border:4px solid var(--nj-bl);background-color:#fff;}
.nj-rel a:hover,.nj-rel a:focus-visible{border-color:var(--nj-bl);background-color:var(--nj-blb);}

/* ── الأسئلة الشائعة ────────────────────────────────────── */
.nj-faq details{background-color:var(--nj-deep2);border:1px solid var(--nj-edge);border-radius:14px;margin-bottom:12px;}
.nj-faq details[open]{border-color:var(--nj-bll);}
.nj-faq summary{cursor:pointer;list-style:none;position:relative;padding:17px 20px 17px 58px;font-family:'Mada',sans-serif;font-weight:600;font-size:1.06rem;color:#fff;}
.nj-faq summary::-webkit-details-marker{display:none;}
.nj-faq summary::after{content:"";position:absolute;left:20px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;border:5px solid var(--nj-bll);background-color:var(--nj-deep2);transition:border-color .25s;}
.nj-faq details[open] summary::after{border-color:var(--nj-vil);}
.nj-faq .ans{padding:0 20px 18px;color:#EEDDE1;font-size:1.02rem;}
.nj-faq .ans p{color:#EEDDE1;}
.nj-faq .ans p:last-child{margin-bottom:0;}
.nj-faq h3{color:#fff;}

/* ══ قفل الألوان: المكوّنات الفاتحة داخل الأقسام الداكنة ═══════
   درس fnatkif/PageSpeed: قواعد القسم الداكن العامة كانت تغلب ألوان المكوّنات الفاتحة.
   هنا: قاعدة القسم الداكن محصورة في p/li، وكل مكوّن فاتح يُقفل لونه بنفس القوة. */
.nj-s.deep .nj-cards>div,.nj-s.deep .nj-cmp>div,.nj-s.deep .nj-tool,.nj-s.deep .nj-out,.nj-s.deep .nj-bill,.nj-s.deep .nj-snip,.nj-s.deep .nj-tbl,.nj-s.deep .nj-steps li,.nj-s.deep .nj-rel a,.nj-s.deep .nj-q,.nj-s.deep .nj-note,.nj-s.deep .nj-warn{color:var(--nj-txt);}
.nj-s.deep .nj-cards h3,.nj-s.deep .nj-cmp h3,.nj-s.deep .nj-tool h3,.nj-s.deep .nj-snip b,.nj-s.deep .nj-out .big,.nj-s.deep .nj-rel a{color:var(--nj-ink);}
.nj-s.deep .nj-cards p,.nj-s.deep .nj-tool>p{color:var(--nj-mut);}
.nj-s.deep .nj-cards .n{color:var(--nj-vi);}
.nj-s.deep .nj-cards .t{color:var(--nj-ink);}
.nj-s.deep .nj-cmp li,.nj-s.deep .nj-cmp li b,.nj-s.deep .nj-steps li,.nj-s.deep .nj-steps li b,.nj-s.deep .nj-snip p,.nj-s.deep .nj-q p,.nj-s.deep .nj-tr>span{color:var(--nj-txt);}
.nj-s.deep .nj-tr>span b,.nj-s.deep .nj-cmp li strong,.nj-s.deep .nj-out .row b,.nj-s.deep .nj-f label{color:var(--nj-ink);}
.nj-s.deep .nj-out .row span,.nj-s.deep .nj-out small{color:var(--nj-mut);}
.nj-s.deep .nj-tbl .nj-th>span,.nj-s.deep .nj-code{color:#fff;}
.nj-s.deep .nj-lv.l1{color:var(--nj-ok);} .nj-s.deep .nj-lv.l2{color:var(--nj-amber);} .nj-s.deep .nj-lv.l3{color:var(--nj-red);}
.nj-s.deep .nj-cards p a,.nj-s.deep .nj-cmp li a,.nj-s.deep .nj-snip a,.nj-s.deep .nj-note a{color:var(--nj-bl);}
.nj-s.deep .nj-note,.nj-s.deep .nj-note p,.nj-s.deep .nj-note b{color:#0B3E37;}
.nj-s.deep .nj-warn,.nj-s.deep .nj-warn p,.nj-s.deep .nj-warn b{color:#55160F;}

/* ── النداء الأخير ──────────────────────────────────────── */
.nj-final{position:relative;overflow:hidden;padding:74px 0;text-align:center;color:#F2E6E8;background-color:var(--nj-deep);}
.nj-final .nj-w{position:relative;z-index:2;max-width:860px;}
.nj-final h2{color:#fff;}
.nj-final p{color:#EEDDE1;max-width:66ch;margin:0 auto 12px;}
.nj-final .nj-cta{justify-content:center;}
.nj-final .nj-route{max-width:340px;margin-bottom:22px;}

/* ── المصادر ────────────────────────────────────────────── */
.nj-end{padding:44px 0;background-color:var(--nj-paper);border-top:1px solid var(--nj-line);}
.nj-end h3{font-size:1.18rem;margin-bottom:12px;}
.nj-end li{font-size:.98rem;color:var(--nj-mut);margin-bottom:9px;}
.nj-end li a:hover{color:var(--nj-vi);}
.nj-end p{font-size:.95rem;color:var(--nj-mut);margin:16px 0 0;}

/* ══ الاستجابة ════════════════════════════════════════════ */
@media (max-width:980px){
  .nj-grid,.nj-two{grid-template-columns:1fr;gap:30px;}
  .nj-cards,.nj-cards.four,.nj-rel,.nj-items{grid-template-columns:1fr 1fr;}
  .nj-stats .nj-w{grid-template-columns:1fr 1fr;}
  .nj h1{font-size:2.3rem;}
  .nj h2{font-size:1.85rem;}
}
@media (max-width:700px){
  .nj{font-size:1.04rem;}
  .nj-s{padding:50px 0;}
  .nj-hero{padding:50px 0 46px;}
  .nj-final{padding:56px 0;}
  .nj h1{font-size:1.9rem;}
  .nj h2{font-size:1.58rem;}
  .nj h3{font-size:1.2rem;}
  .nj-q p{font-size:1.14rem;}
  .nj-cards,.nj-cards.four,.nj-cmp,.nj-rel,.nj-fields,.nj-items{grid-template-columns:1fr;gap:16px;}
  .nj-items{gap:8px;}
  .nj-bill{padding:22px 16px 26px;}
  .nj-tool{padding:24px 18px;}
  .nj-fields{grid-template-columns:1fr;}
  .nj-tool button{width:100%;}
  .nj-out .row{grid-template-columns:1fr;gap:2px;}

  .nj-tbl{border:0!important;background:none!important;overflow:visible;border-radius:0;}
  .nj-tbl .nj-th{display:none!important;}
  .nj-tr{display:block!important;background-color:#fff!important;border:1px solid var(--nj-line)!important;border-right:5px solid var(--nj-bl)!important;border-radius:14px!important;margin-bottom:12px!important;padding:4px 0!important;overflow:hidden;}
  .nj-tr>span{display:block!important;border-left:0!important;border-bottom:1px dashed var(--nj-line)!important;padding:10px 16px!important;background-color:#fff!important;}
  .nj-tr>span:last-child{border-bottom:0!important;}
  .nj-tr>span::before{content:attr(data-l);display:block;font-size:.86rem;font-weight:700;color:var(--nj-bl);margin-bottom:2px;}
}
@media (max-width:560px){
  .nj-stats b{font-size:1.6rem;}
  .nj a.nj-btn,.nj a.nj-ghost{width:100%;text-align:center;}
}
@media (prefers-reduced-motion:reduce){
  .nj *{transition:none!important;animation:none!important;}
}