/* ORVISTA — final requested refinements, 21 Sep 2026 15:02.
   Changes are intentionally limited to the user-approved visual/text fixes. */

/* 1) Make desktop navigation labels clearly larger in both languages. */
@media (min-width:1101px){
  html[lang="en"] .orv-luxe-nav a{font-size:18.5px!important;}
  html[lang="ar"] .orv-ar-nav a{font-size:20px!important;}
}

/* 2) Unify the Executive Access footer CTA across every page to the exact
      filled treatment used by the English Approach footer. */
footer.eh-footer .orvista-footer-item-access .orvista-footer-primary-link,
footer#orvista-unified-footer.eh-footer .orvista-footer-item-access .orvista-footer-primary-link,
footer.orvista-unified-footer .orvista-footer-item-access .orvista-footer-primary-link{
  width:max-content!important;
  max-width:100%!important;
  min-height:50px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  margin-top:7px!important;
  padding:13px 20px!important;
  border:1px solid rgba(226,188,128,.56)!important;
  border-radius:8px!important;
  color:#f5e4c8!important;
  background:linear-gradient(180deg,rgba(12,31,45,.58),rgba(5,15,25,.70))!important;
  background-image:linear-gradient(180deg,rgba(12,31,45,.58),rgba(5,15,25,.70))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.12)!important;
  font-size:clamp(18px,1.25vw,22px)!important;
  line-height:1.2!important;
  font-weight:400!important;
  letter-spacing:.018em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.22)!important;
  text-decoration:none!important;
  opacity:1!important;
  filter:none!important;
  transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease!important;
}
footer.eh-footer .orvista-footer-item-access .orvista-footer-primary-link:hover,
footer.eh-footer .orvista-footer-item-access .orvista-footer-primary-link:focus-visible,
footer#orvista-unified-footer.eh-footer .orvista-footer-item-access .orvista-footer-primary-link:hover,
footer#orvista-unified-footer.eh-footer .orvista-footer-item-access .orvista-footer-primary-link:focus-visible,
footer.orvista-unified-footer .orvista-footer-item-access .orvista-footer-primary-link:hover,
footer.orvista-unified-footer .orvista-footer-item-access .orvista-footer-primary-link:focus-visible{
  transform:translateY(-2px)!important;
  border-color:rgba(243,210,158,.86)!important;
  color:#f5e4c8!important;
  background:linear-gradient(180deg,rgba(18,42,58,.72),rgba(7,19,30,.80))!important;
  background-image:linear-gradient(180deg,rgba(18,42,58,.72),rgba(7,19,30,.80))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 30px rgba(0,0,0,.17),0 0 24px rgba(216,170,97,.06)!important;
}
footer.eh-footer .orvista-footer-item-access .orvista-footer-primary-link::before,
footer.eh-footer .orvista-footer-item-access .orvista-footer-primary-link::after{
  content:none!important;
  display:none!important;
}

/* 3) English Approach — reduce only the two oversized areas requested. */
html[lang="en"] .page-approach #reading-a-matter .section-title{
  font-size:clamp(27px,2.2vw,34px)!important;
  line-height:1.35!important;
}
html[lang="en"] .page-approach .ap-final strong{
  font-size:clamp(27px,2.15vw,32px)!important;
  line-height:1.45!important;
}
html[lang="en"] .page-approach .ap-final span{
  font-size:18.5px!important;
  line-height:1.85!important;
  max-width:1120px!important;
}
@media (max-width:680px){
  html[lang="en"] .page-approach #reading-a-matter .section-title{font-size:25px!important;}
  html[lang="en"] .page-approach .ap-final strong{font-size:24px!important;}
  html[lang="en"] .page-approach .ap-final span{font-size:17px!important;}
}

/* 4) Engagements — remove any hover shading behind View format / استعراض الصيغة. */
.page-engagements .orv37-gateway > a,
.page-engagements .orv37-gateway:hover > a,
.page-engagements .orv37-gateway > a:hover,
.page-engagements .orv37-gateway > a:focus,
.page-engagements .orv37-gateway > a:focus-visible{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  border:none!important;
  outline:none!important;
}
.page-engagements .orv37-gateway > a::before,
.page-engagements .orv37-gateway > a::after,
.page-engagements .orv37-gateway:hover > a::before,
.page-engagements .orv37-gateway:hover > a::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}

/* Arabic engagements — make the approved format-selection eyebrow more prominent. */
html[lang="ar"] .page-engagements .orv37-formats-intro .orv37-eyebrow{
  font-size:21px!important;
  line-height:1.5!important;
  font-weight:700!important;
}

/* English engagements — enlarge the exact labels/headings requested. */
html[lang="en"] .page-engagements #formats-at-a-glance .orv37-eyebrow,
html[lang="en"] .page-engagements .orv37-formats-intro .orv37-eyebrow,
html[lang="en"] .page-engagements #how-engagement-begins .orv37-eyebrow,
html[lang="en"] .page-engagements #engagement-boundary .orv37-eyebrow{
  font-size:20px!important;
  line-height:1.4!important;
  font-weight:700!important;
}
html[lang="en"] .page-engagements .orv37-dossier-label{
  font-size:27px!important;
  line-height:1.25!important;
  font-weight:700!important;
  color:#d9b77d!important;
}
html[lang="en"] .page-engagements .orv37-detail > summary{
  font-size:22px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
@media (max-width:820px){
  html[lang="en"] .page-engagements #formats-at-a-glance .orv37-eyebrow,
  html[lang="en"] .page-engagements .orv37-formats-intro .orv37-eyebrow,
  html[lang="en"] .page-engagements #how-engagement-begins .orv37-eyebrow,
  html[lang="en"] .page-engagements #engagement-boundary .orv37-eyebrow{font-size:18px!important;}
  html[lang="en"] .page-engagements .orv37-dossier-label{font-size:23px!important;}
  html[lang="en"] .page-engagements .orv37-detail > summary{font-size:19px!important;}
}

/* 5) Arabic scenarios — make the Reading label below each number clearly visible. */
html[lang="ar"] .scenarios-lux .row-no small{
  color:#e7c58d!important;
  opacity:1!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:700!important;
  text-shadow:0 1px 10px rgba(0,0,0,.28)!important;
}
@media (max-width:680px){
  html[lang="ar"] .scenarios-lux .row-no small{font-size:12.5px!important;}
}

/* 6) Final typography/color refinements requested after visual review. */

/* Arabic Approach — approved section heading in ORVISTA gold. */
html[lang="ar"] .page-approach #reading-a-matter .section-title{
  color:#d8aa61!important;
}

/* English Engagements — slightly reduce the three specified section eyebrows. */
html[lang="en"] .page-engagements #formats-at-a-glance .orv37-eyebrow,
html[lang="en"] .page-engagements #how-engagement-begins .orv37-eyebrow,
html[lang="en"] .page-engagements #engagement-boundary .orv37-eyebrow{
  font-size:18px!important;
  line-height:1.42!important;
}

/* English Engagements — slightly reduce Format I / II / III above detailed dossiers. */
html[lang="en"] .page-engagements .orv37-dossier-label{
  font-size:22px!important;
  line-height:1.28!important;
}

/* English Engagements — slightly reduce Written brief / focus-cycle disclosure headings. */
html[lang="en"] .page-engagements .orv37-detail > summary{
  font-size:19px!important;
  line-height:1.38!important;
}

/* Engagement Boundary — gold card headings in English. */
html[lang="en"] .page-engagements #engagement-boundary .orv37-guardrails h3{
  color:#d9b77d!important;
}

/* Engagement Boundary — smaller gold card headings in Arabic. */
html[lang="ar"] .page-engagements #engagement-boundary .orv37-guardrails h3{
  color:#d9b77d!important;
  font-size:21px!important;
  line-height:1.65!important;
}

@media (max-width:820px){
  html[lang="en"] .page-engagements #formats-at-a-glance .orv37-eyebrow,
  html[lang="en"] .page-engagements #how-engagement-begins .orv37-eyebrow,
  html[lang="en"] .page-engagements #engagement-boundary .orv37-eyebrow{
    font-size:16.5px!important;
  }
  html[lang="en"] .page-engagements .orv37-dossier-label{
    font-size:20px!important;
  }
  html[lang="en"] .page-engagements .orv37-detail > summary{
    font-size:17.5px!important;
  }
  html[lang="ar"] .page-engagements #engagement-boundary .orv37-guardrails h3{
    font-size:19px!important;
    line-height:1.6!important;
  }
}

/* Corrected selector for the Arabic Approach heading (the Arabic markup has no section-title class). */
html[lang="ar"] .page-approach #reading-a-matter .ornament-title h2{
  color:#d8aa61!important;
}

/* 7) Final typography refinements requested on 22 Sep 2026. */

/* Arabic Approach — enlarge the approved gold heading while preserving hierarchy. */
html[lang="ar"] .page-approach #reading-a-matter .ornament-title h2{
  font-size:clamp(35px,3.35vw,49px)!important;
  line-height:1.42!important;
}
@media (max-width:680px){
  html[lang="ar"] .page-approach #reading-a-matter .ornament-title h2{
    font-size:30px!important;
  }
}

/* Arabic Scenarios index — make the hero kicker more prominent. */
html[lang="ar"] .scenarios-lux .sc-kicker{
  font-size:24px!important;
  line-height:1.55!important;
}
@media (max-width:1050px){
  html[lang="ar"] .scenarios-lux .sc-kicker{font-size:22px!important;}
}
@media (max-width:680px){
  html[lang="ar"] .scenarios-lux .sc-kicker{font-size:20px!important;}
}

/* English scenario detail pages — normalize the six principal section headings.
   This reduces oversized headings while lifting Illustrative Scenario slightly. */
html[lang="en"] .scenario-page .section-head h2,
html[lang="en"] .scenario-page .orientation .section-head h2,
html[lang="en"] .scenario-page .exposure-title h2{
  font-size:34px!important;
  line-height:1.14!important;
  letter-spacing:-.018em!important;
}

/* English scenario detail pages — slightly enlarge the return link. */
html[lang="en"] .scenario-page .back-row a{
  font-size:17px!important;
  line-height:1.4!important;
}

@media (max-width:760px){
  html[lang="en"] .scenario-page .section-head h2,
  html[lang="en"] .scenario-page .orientation .section-head h2,
  html[lang="en"] .scenario-page .exposure-title h2{
    font-size:29px!important;
    line-height:1.18!important;
  }
  html[lang="en"] .scenario-page .back-row a{font-size:16px!important;}
}