/* =========================================================
   HIC CHARCOAL DEPTH CALIBRATION — controlled final touch
   Scope: subtle atmosphere darkening + charcoal undertone only.
   No typography changes. No layout rebuild. No global reset.
   ========================================================= */

/* ---------- Homepage / shared header depth ---------- */
.site-header,
body.profile-en .nav,
body.profile-ar .nav{
  background:linear-gradient(180deg,rgba(24,31,30,.88),rgba(0,83,64,.22) 58%,rgba(7,13,12,.10))!important;
  border-bottom-color:rgba(255,255,255,.075)!important;
}

/* ---------- Homepage: subtle charcoal infusion by section ---------- */
body:not(.profile-en):not(.profile-ar) .hero:after{
  background:
    linear-gradient(90deg,rgba(20,25,24,.88) 0%,rgba(11,20,17,.64) 44%,rgba(0,83,64,.13) 100%),
    linear-gradient(0deg,rgba(16,18,18,1) 0%,rgba(11,20,17,.16) 42%,rgba(0,83,64,.18) 100%)!important;
}

body:not(.profile-en):not(.profile-ar) .section,
body:not(.profile-en):not(.profile-ar) .capabilities,
body:not(.profile-en):not(.profile-ar) .metrics{
  background:linear-gradient(180deg,#101817 0%,#0b1411 100%)!important;
}

body:not(.profile-en):not(.profile-ar) .cap,
body:not(.profile-en):not(.profile-ar) .metric,
body:not(.profile-en):not(.profile-ar) .metric-intro,
body:not(.profile-en):not(.profile-ar) .wide-card,
body:not(.profile-en):not(.profile-ar) .hero-card{
  background:linear-gradient(180deg,rgba(25,35,33,.96),rgba(10,18,16,.98))!important;
  border-color:rgba(210,225,220,.12)!important;
}

body:not(.profile-en):not(.profile-ar) .image-frame:after,
body:not(.profile-en):not(.profile-ar) .cap-img:after{
  background:linear-gradient(0deg,rgba(22,24,24,.42),rgba(0,83,64,.10) 48%,transparent 72%)!important;
}

body:not(.profile-en):not(.profile-ar) .visual-break:after{
  background:
    linear-gradient(0deg,rgba(16,18,18,.96),rgba(0,83,64,.14) 48%,rgba(16,18,18,.88)),
    linear-gradient(90deg,rgba(26,30,29,.58),rgba(0,0,0,.10))!important;
}

body:not(.profile-en):not(.profile-ar) .closing{
  background:radial-gradient(circle at 50% 8%,rgba(0,83,64,.22),transparent 40%),linear-gradient(180deg,#182120,#0b1411)!important;
}

body:not(.profile-en):not(.profile-ar) .contact-final{
  background:linear-gradient(135deg,#17302b 0%,#10211c 46%,#302E2E 100%)!important;
}

/* ---------- Profile pages: section-level depth, preserving parity ---------- */
body.profile-en,
body.profile-ar{
  background:#101817!important;
}

body.profile-en .hero:after,
body.profile-ar .hero:after{
  background:
    linear-gradient(90deg,rgba(23,29,28,.88),rgba(11,20,17,.64) 46%,rgba(0,83,64,.12)),
    linear-gradient(0deg,#101817 0%,rgba(11,20,17,.12) 42%,rgba(0,83,64,.18) 100%)!important;
}
body.profile-ar .hero:after{
  background:
    linear-gradient(270deg,rgba(23,29,28,.88),rgba(11,20,17,.64) 46%,rgba(0,83,64,.12)),
    linear-gradient(0deg,#101817 0%,rgba(11,20,17,.12) 42%,rgba(0,83,64,.18) 100%)!important;
}

body.profile-en .light,
body.profile-ar .light,
body.profile-en #services,
body.profile-ar #services,
body.profile-en .asphalt,
body.profile-ar .asphalt,
body.profile-en .asphalt-workflow,
body.profile-ar .asphalt-workflow,
body.profile-en .materials-clean-section,
body.profile-ar .materials-clean-section,
body.profile-en .urban-finishing,
body.profile-ar .urban-finishing,
body.profile-en .fleet-section,
body.profile-ar .fleet-section,
body.profile-en section,
body.profile-ar section{
  background:#101817!important;
}

body.profile-en .positioning,
body.profile-ar .positioning,
body.profile-en .trust,
body.profile-ar .trust{
  background:linear-gradient(180deg,#111b19 0%,#0b1411 100%)!important;
}

body.profile-en .card,
body.profile-ar .card,
body.profile-en .panel,
body.profile-ar .panel,
body.profile-en .materials-clean-card,
body.profile-ar .materials-clean-card,
body.profile-en .fleet-final-card,
body.profile-ar .fleet-final-card,
body.profile-en .urban-service-card,
body.profile-ar .urban-service-card,
body.profile-en .step,
body.profile-ar .step,
body.profile-en .asphalt-steps .step,
body.profile-ar .asphalt-steps .step{
  background:linear-gradient(180deg,rgba(28,38,36,.97),rgba(11,18,17,.99))!important;
  border-color:rgba(210,225,220,.12)!important;
}

body.profile-en .materials-clean-note,
body.profile-ar .materials-clean-note,
body.profile-en .fleet-final-note,
body.profile-ar .fleet-final-note,
body.profile-en .merged-workflow-strip,
body.profile-ar .merged-workflow-strip{
  background:rgba(28,38,36,.94)!important;
  border-color:rgba(210,225,220,.12)!important;
}

body.profile-en .asphalt-hero:after,
body.profile-ar .asphalt-hero:after,
body.profile-en .asphalt-hero-new:after,
body.profile-ar .asphalt-hero-new:after,
body.profile-en .visual:after,
body.profile-ar .visual:after{
  background:linear-gradient(0deg,rgba(22,24,24,.56),rgba(0,83,64,.12) 48%,transparent 74%)!important;
}

body.profile-en .closing,
body.profile-ar .closing{
  background:linear-gradient(180deg,#101817,#1a2221 58%,#0b1411)!important;
}

body.profile-en .site-footer,
body.profile-ar .site-footer{
  background:linear-gradient(135deg,#17302b 0%,#10211c 52%,#302E2E 100%)!important;
  border-top-color:rgba(255,255,255,.10)!important;
}

/* ---------- Image mood: small optical darkening only ---------- */
body.profile-en .hero:before,
body.profile-ar .hero:before,
body:not(.profile-en):not(.profile-ar) .hero:before,
body:not(.profile-en):not(.profile-ar) .visual-break:before,
.image-frame img,
.cap-img img,
.materials-clean-card img,
.fleet-final-image img{
  filter:saturate(.82) contrast(1.03) brightness(.88)!important;
}