/* Targeted selector weight overrides legacy !important surfaces without changing them.
   CVB footer surfaces only. No layout, artwork, timing or input changes.
   Footer alpha 65%; button alpha 64% retains readable ink over varied artwork. */
html[data-theme=light]{--footer-glass:rgba(247,245,240,.65);--footer-button-glass:rgba(255,255,255,.64);--footer-hover-glass:rgba(255,255,255,.78);--footer-selected-glass:rgba(95,95,95,.87);--footer-glass-ink:#252525;--footer-glass-line:rgba(95,95,95,.75)}
html[data-theme=dark]{--footer-glass:rgba(16,16,16,.65);--footer-button-glass:rgba(40,40,40,.64);--footer-hover-glass:rgba(70,70,70,.78);--footer-selected-glass:rgba(95,95,95,.87);--footer-glass-ink:#eee;--footer-glass-line:rgba(210,210,210,.75)}
html[data-theme] body>footer{background:transparent!important}
html[data-theme] body>footer::before,
html[data-theme] #lab-controls{background:var(--footer-glass)!important}
html.phone-layout[data-theme] body>footer{background:var(--footer-glass)!important}
html.phone-layout[data-theme] body>footer::before{background:transparent!important}
html[data-theme] body>footer :is(#navigation-controls#navigation-controls,#phone-map-bar#phone-map-bar,#phone-map-nav#phone-map-nav,.lab-linear-actions){background:transparent!important;color:var(--footer-glass-ink)!important}
html[data-theme] body #full-view #image-viewer-footer#image-viewer-footer{background:var(--footer-glass)!important;color:var(--footer-glass-ink)!important}
html[data-theme] body #full-view #image-viewer-footer#image-viewer-footer :is(.full-toolbar,.full-actions,.full-description,#full-prompt-overlay,#phone-viewer-bar,#phone-viewer-core){background:transparent!important;color:var(--footer-glass-ink)!important}
html[data-theme].immersive body :is(#full-view#full-view .immersive-controls,body>.immersive-controls){background:var(--footer-glass)!important;color:var(--footer-glass-ink)!important;box-shadow:none!important}
html[data-theme] body>footer :is(#navigation-controls#navigation-controls,#phone-map-bar#phone-map-bar,#phone-map-nav#phone-map-nav,.lab-linear-actions) :is(button,a),
html[data-theme] body #full-view #image-viewer-footer#image-viewer-footer :is(.full-actions,#phone-viewer-bar,#phone-viewer-core) :is(button,a),
html[data-theme].immersive body :is(#full-view#full-view .immersive-controls,body>.immersive-controls) :is(button,a){background:var(--footer-button-glass)!important;color:var(--footer-glass-ink)!important;border-color:var(--footer-glass-line)!important}
html[data-theme] body>footer :is(#navigation-controls#navigation-controls,#phone-map-bar#phone-map-bar,#phone-map-nav#phone-map-nav,.lab-linear-actions) :is(button,a):hover,
html[data-theme] body #full-view #image-viewer-footer#image-viewer-footer :is(.full-actions,#phone-viewer-bar,#phone-viewer-core) :is(button,a):hover,
html[data-theme].immersive body :is(#full-view#full-view .immersive-controls,body>.immersive-controls) :is(button,a):hover{background:var(--footer-hover-glass)!important}
html[data-theme] body>footer :is(#navigation-controls#navigation-controls,#phone-map-bar#phone-map-bar,#phone-map-nav#phone-map-nav,.lab-linear-actions) button:is(.active,[aria-pressed=true],[aria-current=page],:active),
html[data-theme] body #full-view #image-viewer-footer#image-viewer-footer :is(.full-actions,#phone-viewer-bar,#phone-viewer-core) button:is(.active,[aria-pressed=true],:active),
html[data-theme].immersive body :is(#full-view#full-view .immersive-controls,body>.immersive-controls) button:is(.active,[aria-pressed=true],:active){background:var(--footer-selected-glass)!important;color:#fff!important}

/* Box only the existing native media eligibility labels; Formats/Categories flags unchanged. */
html[data-theme] :is(body>footer,#full-view,.immersive-controls) :is(.random-pool,.full-random-pool) label{border-radius:3px;background:var(--footer-button-glass)!important;box-shadow:inset 0 0 0 1px var(--footer-glass-line);color:var(--footer-glass-ink)!important}
html[data-theme] :is(body>footer,#full-view,.immersive-controls) :is(.random-pool,.full-random-pool) label:focus-within{outline:2px solid var(--footer-glass-ink);outline-offset:1px}

/* Sliders inherit the common footer surface and ink; no separate dark/gray panel. */
html[data-theme] body #mode-sizing-controls{background:var(--footer-glass)!important;color:var(--footer-glass-ink)!important;border-radius:4px;box-shadow:none}
html[data-theme] body #mode-sizing-controls :is(label,span,output){color:var(--footer-glass-ink)!important}
html[data-theme] body #mode-sizing-controls input[type=range]{color-scheme:light dark;accent-color:var(--footer-glass-ink);background:transparent!important}

/* Requested main-screen slider backing uses existing button hues, nearly opaque. */
html[data-theme=light] body #mode-sizing-controls{background:rgba(255,255,255,.96)!important}
html[data-theme=dark] body #mode-sizing-controls{background:rgba(40,40,40,.96)!important}
html[data-theme] body #mode-sizing-controls input[type=range]{appearance:none;-webkit-appearance:none}
html[data-theme] body #mode-sizing-controls input[type=range]::-webkit-slider-runnable-track{height:4px;background:#141414;border:1px solid var(--footer-glass-line);border-radius:2px}
html[data-theme] body #mode-sizing-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-7px;background:#4b4b4b;border:1px solid var(--footer-glass-ink);border-radius:50%}
html[data-theme] body #mode-sizing-controls input[type=range]::-moz-range-track{height:3px;background:#141414;border:1px solid var(--footer-glass-line);border-radius:2px}
html[data-theme] body #mode-sizing-controls input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#4b4b4b;border:1px solid var(--footer-glass-ink);border-radius:50%}
html[data-theme] body #mode-sizing-controls input[type=range]:focus-visible{outline:2px solid var(--footer-glass-ink);outline-offset:1px}

/* Keep native checkboxes and focus indication; remove only the surrounding label-box outline. */
html.phone-layout[data-theme] :is(body>footer,#full-view,.immersive-controls) :is(.random-pool,.full-random-pool) label{box-shadow:none!important;border:0!important}
/* Filmstrip owns a white translucent material, at the actual common footer alpha. */
html[data-theme]{--cvb-filmstrip-surface:rgba(255,255,255,.65)}
html[data-theme] #full-related{background:var(--cvb-filmstrip-surface)!important}