/*
 * Shared fixes for the sites built on the Big Bear template (bbjeep, bbore,
 * DWS, Apex). Per-site brand colors live in each site's own profile CSS.
 * Preview with ?a11y-colors=1 until approved.
 */

/* Hero video / photo scrim: the light frames of the video left white and
   accent text at 1.1 to 3.4:1. Same look, a steadier dark wash. */
html.ks-a11y-colors .hero .ovl {
    background:
        linear-gradient(180deg, rgba(0,0,0,.66) 0%, rgba(0,0,0,.5) 30%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.88) 100%),
        linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,0) 65%) !important;
}

/* Tour / experience cards: text sits on the photo's bright top half */
html.ks-a11y-colors .tour-ovl {
    background: linear-gradient(180deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,.62) 50%, rgba(0,0,0,.95) 100%) !important;
}

/* Small hero readouts (coordinates, "Big Bear Lake, CA") were 55 to 60% white */
html.ks-a11y-colors .jp-coords,
html.ks-a11y-colors .jp-coords *,
html.ks-a11y-colors .wk-hud,
html.ks-a11y-colors .wk-hud * {
    color: #fff !important;
}

/* Footer bottom line on near-black: 2.6 to 4.5 > 7.8:1 */
html.ks-a11y-colors .ft-bot,
html.ks-a11y-colors .ft-bot > div {
    color: #a3a3a3 !important;
}

/* Small header button text was a pale tint of the button color */
html.ks-a11y-colors header .btn-primary,
html.ks-a11y-colors nav .btn-primary {
    color: #fff !important;
}

/* Bottom "Book" band sits on a photo: steadier dark wash, labels in white */
html.ks-a11y-colors .bigcta .ovl {
    background: radial-gradient(ellipse at 70% 50%, rgba(0,0,0,.2) 0%, transparent 60%), linear-gradient(180deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.88) 100%) !important;
}
html.ks-a11y-colors .bigcta .eyebrow { color: #fff !important; }

/* ---------- inner pages (found 2026-10-10) ---------- */

/* Page heroes on inner pages: same steady dark wash as the home hero.
   Inset shadow paints over the photo but under the text. */
html.ks-a11y-colors .page-hero {
    box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, .5) !important;
}

/* Card call-to-action buttons that only appear on hover also appear on
   keyboard focus (2.4.7): always on */
.tour:focus-within .tour-cta,
.tour-cta:focus,
.tour-cta:focus-visible {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Page-hero photos are child elements that sit above any wash on the
   section itself, so darken the photo directly */
html.ks-a11y-colors .page-hero img,
html.ks-a11y-colors .page-hero video,
html.ks-a11y-colors .page-hero picture,
html.ks-a11y-colors .page-hero > div:not(.container):not([class]) { filter: brightness(0.58) !important; }