/* Lorne & Vale · legacy pages.
   Loaded after lv.css, only on pages that still run site.css and their own
   scripts. It reconciles the site.css components those pages keep with the
   shared lv.css chrome (light nav, footer, mobile bar). */

/* Dark heroes keep their black stage under the light chrome. */
.hero.dk{background:var(--dbg);color:var(--dink);padding-bottom:clamp(64px,9vw,110px);background-image:radial-gradient(920px 480px at 78% -12%,rgba(10,132,255,.15),transparent 62%),radial-gradient(720px 420px at 8% 112%,rgba(255,255,255,.05),transparent 60%)}
.hero.dk.hero--tool{padding-bottom:clamp(40px,6vw,64px)}

/* A page without a hero starts under the fixed nav. */
main>.sec:first-child{padding-top:calc(var(--nav-h) + clamp(44px,7vw,96px))}

/* Left-aligned section heads from site.css. */
.sec-head--left{margin-left:0;text-align:left}

/* Language toggle on the light nav (site.css paints it for a dark nav). */
.nav__lang{border-color:var(--line)}
.nav__lang span{color:var(--ink3)}
.nav__lang:hover span:not(.is-on){color:var(--ink)}
.nav__lang span.is-on{background:var(--ink);color:#fff}
html[lang="fr"] .nav__in{gap:22px}
html[lang="fr"] .nav__links{gap:26px}
html[lang="fr"] .nav__links a{font-size:14px}

/* Inverted chrome over dark heroes. */
.nav--dk .nav__links a.nav__cta{background:#f5f5f7;color:#000!important}
.nav--dk .nav__links a.nav__cta:hover{background:#fff}
.nav--dk .nav__mark{background:#f5f5f7;color:#000}
.nav--dk .nav__lang{border-color:rgba(245,245,247,.28)}
.nav--dk .nav__lang span{color:rgba(245,245,247,.62)}
.nav--dk .nav__lang:hover span:not(.is-on){color:#fff}
.nav--dk .nav__lang span.is-on{background:#f5f5f7;color:#000}
@media (max-width:900px){
  html[lang="fr"] .nav__links{gap:0}
  html[lang="fr"] .nav__links a{font-size:19px}
  .nav--dk .nav__links{background:#000;border-top-color:var(--dline)}
  .nav--dk .nav__links a{border-bottom-color:var(--dline)}
  .nav--dk .nav__links a.nav__login{color:var(--dink2)!important}
  .nav--dk .nav__links .nav__cta{background:var(--acc);color:#fff!important}
}

/* The mobile bar keeps the primary blue (site.css paints its button grey). */
.mcta .btn--p{background:var(--acc);color:#fff}
.mcta .btn--p:hover{background:var(--acc-ink)}