/* Rolagem e seleção do site todo: barra de rolagem, cor de seleção e o CSS do Lenis.
   Fica separado do base.css pra também carregar nas ferramentas em tela cheia (comparador),
   que tiram o resto do CSS do tema. */

/*
 * Barra de rolagem e seleção de texto do site todo (Up Milhas).
 */

/* Seleção: o verde da marca com tinta escura, legível em fundo claro e escuro */
::selection { background: #7AC038; color: #0B1206; }

/* Chrome, Edge e Safari: barra fina grafite, trilho preto, acende verde quando a mão passa */
html::-webkit-scrollbar { width: 12px; height: 12px; }
html::-webkit-scrollbar-track { background: #070807; }
html::-webkit-scrollbar-thumb { background: #3B4237; border-radius: 12px; border: 3px solid #070807; }
html::-webkit-scrollbar-thumb:hover { background: #7AC038; }
html::-webkit-scrollbar-corner { background: #070807; }

/* Firefox só entende as propriedades padrão. Ficam dentro do @supports porque,
   no Chrome novo, scrollbar-color desliga o estilo de cima (cantos e borda). */
@supports (-moz-appearance: none) {
	html { scrollbar-width: thin; scrollbar-color: #3B4237 #070807; }
}

/* Páginas claras (todas menos a bio): barra de rolagem clara, a mesma da LP do diagnóstico */
html:has(> body.upm-claro)::-webkit-scrollbar-track { background: #F3F8EE; }
html:has(> body.upm-claro)::-webkit-scrollbar-thumb { background: #BCCAAF; border-color: #F3F8EE; }
html:has(> body.upm-claro)::-webkit-scrollbar-thumb:hover { background: #7AC038; }
html:has(> body.upm-claro)::-webkit-scrollbar-corner { background: #F3F8EE; }
@supports (-moz-appearance: none) { html:has(> body.upm-claro) { scrollbar-color: #BCCAAF #F3F8EE; } }

/* Lenis (rolagem suave): o CSS que a própria lib pede */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: clip; }