/* ═══════════════════════════════════════════════════════════
   Atlas Construction — أطلس للمقاولات v1.0.0
   هوية صناعية: فولاذي داكن × برتقالي سلامة، حواف حادة، خطوط قوية.
   تتضمن كسوة صفحة المشروع الهندسية (كلاسات lx-pd في المحرك).
   ═══════════════════════════════════════════════════════════ */

:root, [data-skin="construction"]{
  --accent:#f97316; --accent-2:#fb923c; --on-accent:#ffffff;
  --ink:#0b1117; --surface-d:#101820; --surface-d2:#182230;
  --surface-l:#f6f7f8; --surface-l2:#ffffff;
  --on-light:#16202a; --on-light-mut:#5d6b7a;
  --on-dark:#eef2f6; --on-dark-mut:#93a1b0;
  --tint:rgba(249,115,22,.1);
  --line-l:rgba(22,32,42,.12); --line-d:rgba(238,242,246,.14);
  --r-sm:4px; --r-md:6px; --r-lg:10px;
  --sh-md:0 14px 36px rgba(16,24,32,.14);
  --sh-lg:0 26px 60px rgba(16,24,32,.22);
}
h1,h2,h3,h4{font-family:'Almarai','Tajawal',sans-serif}
::selection{background:var(--accent);color:#fff}

/* الأزرار: حادة بميلان بسيط */
.st-btn{border-radius:var(--r-md);box-shadow:0 8px 22px rgba(249,115,22,.3);
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.st-btn-ghost,.st-btn-line{clip-path:none;border-radius:var(--r-md);box-shadow:none}
.st-btn-inv{clip-path:none;border-radius:var(--r-md)}

/* الهيدر: فولاذي داكن بشريط تحذيري علوي */
.st-nav{background:var(--surface-d);color:var(--on-dark);border-bottom:1px solid var(--line-d)}
.st-nav::before{content:'';display:block;height:4px;
  background:repeating-linear-gradient(45deg,var(--accent) 0 14px,var(--surface-d) 14px 28px)}
.st-nav-lk a{color:var(--on-dark)}
.st-nav-lk a:hover{color:var(--accent-2)}
.st-nav-bg{border-color:var(--line-d)}
@media (max-width:900px){.st-nav-lk{background:var(--surface-d)}.st-nav-lk a{border-color:var(--line-d)}}
.st-nav-bd .lg-pc{height:44px}

/* الهيرو السينمائي: تراكب فولاذي + شبكة مخططات */
.st-hero-ov{background:linear-gradient(180deg,rgba(11,17,23,.55),rgba(16,24,32,.9))}
.st-hero-mesh{background:
  linear-gradient(rgba(238,242,246,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(238,242,246,.045) 1px,transparent 1px);
  background-size:44px 44px}
.st-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;
  background:repeating-linear-gradient(45deg,var(--accent) 0 16px,#1a2431 16px 32px)}
.st-hero h1{letter-spacing:-.5px}
.st-hero-bdg{background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.45);color:var(--accent-2);border-radius:var(--r-md)}
.st-hero-bdg .dot{background:var(--accent)}

/* شريط الثقة: داكن ملاصق للهيرو */
.st-trust{background:var(--surface-d2);border:0;color:var(--on-dark)}
.st-tr b{color:var(--on-dark)}
.st-tr span{color:var(--on-dark-mut)}
.st-tr>i{background:rgba(249,115,22,.14);color:var(--accent-2);border-radius:var(--r-md)}

/* الإحصائيات (شريط داكن) */
#stats.st-sec,.st-sec:has(.st-stats):not(:has(.st-stats-cards)){padding:var(--sp-7) 0;background:var(--surface-d);color:var(--on-dark)}
.st-stat .n{color:var(--accent)}
.st-stat .l{color:var(--on-dark-mut)}
.st-stat+.st-stat{border-inline-start:1px solid var(--line-d)}
@media (max-width:760px){.st-stat:nth-child(3){border-inline-start:0}}

/* عناوين الأقسام: مسطرة هندسية */
.st-head h2{position:relative;display:inline-block}
.st-eyebrow{color:var(--accent);letter-spacing:.28em}
.st-line{width:70px;height:4px;border-radius:0;
  background:repeating-linear-gradient(90deg,var(--accent) 0 12px,transparent 12px 18px)}

/* بطاقات المشاريع: زوايا حادة وشريط حالة */
.st-prod{border-radius:var(--r-md)}
.st-prod .im{aspect-ratio:16/10}
.st-prod:hover{box-shadow:var(--sh-lg);border-color:rgba(249,115,22,.5)}
.st-cbadge{border-radius:var(--r-sm)}
.st-ctag{border-radius:var(--r-sm)}
.st-cprog{border-radius:2px;height:8px}
.st-cprog span{background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.st-cview{font-weight:900}

/* المميزات الجانبية */
.st-fside-tx h2{font-size:clamp(26px,3.6vw,42px)}
.st-fside .st-feat{text-align:start;border-radius:var(--r-md);border-inline-start:3px solid var(--accent)}
.st-feat .ic{border-radius:var(--r-md)}

/* الخط الزمني: مسامير برتقالية */
.st-tl::before{background:repeating-linear-gradient(180deg,var(--line-l) 0 8px,transparent 8px 14px)}
.st-tl-it .no{border-radius:var(--r-md);background:var(--surface-d);color:var(--accent);
  border:2px solid var(--accent);font-family:'Almarai'}
.st-tl-it .bx{border-radius:var(--r-md);border-inline-start:3px solid var(--accent)}
.st-tl-it .bx h3{color:var(--on-light)}

/* المعرض: إطار موقع عمل */
.st-gal img{border-radius:var(--r-md);filter:saturate(.92)}
.st-gal img:hover{filter:saturate(1.1)}

/* الاقتباس الكبير */
.st-tsl-big .st-tst p{font-family:'Almarai';font-weight:700;color:var(--on-light)}
.st-tsl-big .st-tst p::before{content:'“';color:var(--accent);font-size:1.6em;line-height:0;vertical-align:-8px;margin-inline-end:6px}

/* الأسئلة */
.st-q{border-radius:var(--r-md)}
.st-q.open{border-inline-start:3px solid var(--accent)}

/* CTA: لوح تحذيري */
.st-cta{background:var(--surface-d);position:relative}
.st-cta::before,.st-cta::after{content:'';position:absolute;left:0;right:0;height:5px;
  background:repeating-linear-gradient(45deg,var(--accent) 0 16px,transparent 16px 32px)}
.st-cta::before{top:0}.st-cta::after{bottom:0}

/* التواصل + الفوتر الصندوقي */
.st-cinfo a{border-radius:var(--r-md)}
.st-cinfo i,.st-socials a{border-radius:var(--r-md)}
.st-socials a{background:var(--surface-d)}
.st-foot{background:var(--ink)}
.st-foot-boxed .st-foot-gr{border-radius:var(--r-lg);background:rgba(238,242,246,.03)}
.st-foot h4{color:var(--accent)}
.st-paystrip{display:none}

/* ═══ كسوة صفحة المشروع الهندسية (lx-pd في المحرك) ═══ */
.lx-wrap2{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.lx-sec{padding:var(--sp-7) 0}
.lx-dark-sec{background:var(--surface-d);color:var(--on-dark)}
.lx-gold{color:var(--accent)}
.lx-serif{font-family:'Almarai',sans-serif}
.lx-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 28px;border-radius:var(--r-md);
  background:var(--accent);color:#fff;font-weight:900;border:0;cursor:pointer}
.lx-btn:hover{background:var(--accent-2)}
.lx-btn-line{background:transparent;border:1.5px solid var(--line-d);color:var(--on-dark)}
.lx-btn-line:hover{border-color:var(--accent);color:var(--accent-2)}
.lx-pd-back{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--r-md);
  background:rgba(238,242,246,.08);border:1px solid var(--line-d);color:var(--on-dark);
  font-size:13px;font-weight:700;margin-bottom:18px}
.lx-pd-head{padding:56px 0 40px;background-size:cover;background-position:center;position:relative}
.lx-pd-head h1{font-size:clamp(26px,4.4vw,46px);font-weight:900;margin:0 0 10px}
.lx-pd-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.lx-pd-tag,.lx-pd-badge{padding:6px 14px;border-radius:var(--r-sm);font-size:12px;font-weight:900;
  background:rgba(238,242,246,.08);border:1px solid var(--line-d)}
.lx-pd-badge{background:var(--accent);border-color:var(--accent);color:#fff}
.lx-pd-loc{color:var(--on-dark-mut);font-weight:700}
.lx-pd-loc i{color:var(--accent-2);margin-inline-end:6px}
.lx-pd-main{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--sp-6);align-items:start;padding:var(--sp-6) 0}
@media (max-width:900px){.lx-pd-main{grid-template-columns:1fr}}
.lx-pd-gallery img.main,.lx-pd-gallery>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--line-l)}
.lx-pd-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}
.lx-pd-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-sm);cursor:pointer;
  border:2px solid transparent}
.lx-pd-thumbs img:hover{border-color:var(--accent)}
.lx-pd-noimg{aspect-ratio:16/10;border-radius:var(--r-md);background:var(--surface-d2);
  display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--accent);opacity:.7}
.lx-pd-info{background:var(--surface-l2);border:1px solid var(--line-l);border-radius:var(--r-md);
  padding:22px;color:var(--on-light)}
.lx-pd-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.lx-pd-fact{background:var(--surface-l);border:1px solid var(--line-l);border-radius:var(--r-md);
  padding:13px 14px}
.lx-pd-fact .hd{font-size:11px;color:var(--on-light-mut);font-weight:700;margin-bottom:4px}
.lx-pd-fact b{font-size:15px}
.lx-pd-prog{margin:16px 0}
.lx-pd-prog .hd{display:flex;justify-content:space-between;font-size:13px;font-weight:800;margin-bottom:8px}
.lx-pd-prog .hd b{color:var(--accent)}
.lx-pd-prog .bar{height:10px;border-radius:3px;background:var(--surface-l);border:1px solid var(--line-l);overflow:hidden}
.lx-pd-prog .bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.lx-pd-scope{color:var(--on-light-mut);line-height:1.9;font-size:14px}
.lx-pd-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

/* ═══ v1.1: سكن البلوكات المعمارية ═══ */
.bi{border-radius:var(--r-md);background:var(--surface-l2)}
.bi.b-stat b{color:var(--accent)}
.bi.b-text i{border-radius:var(--r-md)}
.st-split-media>img{border-radius:var(--r-md)}
.st-split-media .fc{border-radius:var(--r-md);border-inline-start:3px solid var(--accent)}
.st-split-media .fc1 b{color:var(--accent)}
.st-checks i{color:var(--accent)}
.st-band-ov{background:rgba(16,24,32,.85)}
.st-band{border-block:5px solid transparent;border-image:repeating-linear-gradient(45deg,var(--accent) 0 16px,#1a2431 16px 32px) 1}
.st-band .bs b{color:var(--accent)}
.st-band .bs+.bs{border-color:rgba(249,115,22,.3)}
.st-twall .tw{border-radius:var(--r-md);border-inline-start:3px solid transparent}
.st-twall .tw:hover{border-color:var(--line-l);border-inline-start-color:var(--accent)}
.st-twall-hd .score{border-radius:var(--r-md)}
.st-twall-hd .score>b{color:var(--accent)}
.st-ctap{border-radius:var(--r-lg);background:var(--surface-d)}
.st-ctap::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:repeating-linear-gradient(45deg,var(--accent) 0 16px,transparent 16px 32px)}
.st-ctap .glow{background:radial-gradient(45% 60% at 50% 0%, rgba(249,115,22,.3), transparent 70%)}
.st-cmos .cm,.st-rail .rl{border-radius:var(--r-md)}