/* BADR Atelier V36.28 — Targeted contrast fixes
   Scope: Investors / Connected Capabilities + Projects / Mixed-Use heading.
   Loaded after V36.27 visibility layer so EN and AR share the same clear hierarchy. */

:root{
  --badr28-gold:#e2bf68;
  --badr28-gold-soft:#f0d991;
  --badr28-cream:#fff8e9;
  --badr28-cream-muted:#e9dfce;
  --badr28-deep:#09100d;
}

/* --------------------------------------------------------------------------
   INVESTORS — 04 CONNECTED CAPABILITIES
   Keep the project imagery, but guarantee readable copy over every image.
   -------------------------------------------------------------------------- */
body[data-page="investors"] .iv17-service-grid{
  gap:16px;
}

body[data-page="investors"] .iv17-service-card{
  border:1px solid rgba(226,191,104,.22)!important;
  box-shadow:0 18px 48px rgba(20,15,8,.14)!important;
  color:var(--badr28-cream)!important;
  background:var(--badr28-deep)!important;
}

body[data-page="investors"] .iv17-service-card::before{
  background-image:
    linear-gradient(180deg,rgba(6,10,8,.18) 0%,rgba(7,12,9,.60) 44%,rgba(5,9,7,.96) 100%),
    var(--bg)!important;
  background-size:cover!important;
  background-position:center!important;
  filter:saturate(.88) contrast(1.03)!important;
}

body[data-page="investors"] .iv17-service-card b{
  position:relative;
  z-index:2;
  color:var(--badr28-gold-soft)!important;
  font-weight:800!important;
  text-shadow:0 2px 18px rgba(0,0,0,.70)!important;
}

body[data-page="investors"] .iv17-service-card p{
  position:relative;
  z-index:2;
  color:var(--badr28-cream)!important;
  opacity:1!important;
  font-weight:550!important;
  text-shadow:0 2px 14px rgba(0,0,0,.86)!important;
}

body[data-page="investors"] .iv17-service-card strong{
  position:relative;
  z-index:2;
  color:var(--badr28-gold)!important;
  font-weight:850!important;
  text-shadow:0 2px 12px rgba(0,0,0,.82)!important;
}

body[data-page="investors"] .iv17-service-card:hover{
  border-color:rgba(240,217,145,.55)!important;
  box-shadow:0 30px 72px rgba(15,11,6,.24)!important;
}

body[data-page="investors"] .iv17-service-card:hover::before{
  filter:saturate(1) contrast(1.06) brightness(.96)!important;
}

/* Arabic keeps the same contrast, with slightly stronger title weight. */
body.is-ar[data-page="investors"] .iv17-service-card b{
  font-weight:850!important;
  line-height:1.55!important;
}
body.is-ar[data-page="investors"] .iv17-service-card p{
  line-height:1.8!important;
}

/* --------------------------------------------------------------------------
   PROJECTS — Mixed-Use + Hospitality + Destination statement
   Warm BADR gold gives a clear premium hierarchy on the dark section.
   -------------------------------------------------------------------------- */
body[data-page="projects"] #mixed-use-hospitality-destination .section-head .h2{
  color:var(--badr28-gold-soft)!important;
  text-shadow:0 3px 24px rgba(0,0,0,.48)!important;
}

body[data-page="projects"] #mixed-use-hospitality-destination .section-label{
  color:var(--badr28-gold)!important;
}

body.is-ar[data-page="projects"] #mixed-use-hospitality-destination .section-head .h2{
  color:#f0d991!important;
  font-weight:850!important;
  text-shadow:0 3px 24px rgba(0,0,0,.52)!important;
}

@media(max-width:760px){
  body[data-page="investors"] .iv17-service-card{min-height:280px!important}
}

@media(prefers-reduced-motion:reduce){
  body[data-page="investors"] .iv17-service-card,
  body[data-page="investors"] .iv17-service-card::before{transition:none!important}
}