/* ═════════════════════════════════════════════════════════════════════
   AgentHub — tema claro, complemento automático de: catalogo.html
   ARQUIVO GERADO. Não edite à mão.  Regenerar: node scripts/gerar-tema-claro.js
   29 seletores, 34 declarações.  Inerte no tema escuro.
   ═════════════════════════════════════════════════════════════════════ */

html[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:hsl(240 2.1% 72.4%)!important}
html[data-theme="light"] .topbar{background:linear-gradient(180deg, hsl(240 5.3% 96.3% / 0.96), hsl(240 5.3% 96.3% / 0.88))!important}
html[data-theme="light"] .topbar.scrolled{box-shadow:0 18px 40px -24px hsl(0 0% 97.5% / 0.9)!important}
html[data-theme="light"] .cat-tile .thumb{background:linear-gradient(140deg,var(--grafite-2),hsl(240 3.2% 93.9%))!important}
html[data-theme="light"] .cat-tile .thumb img{background:hsl(0 0% 7.5%)!important}
html[data-theme="light"] .banner-nav{background:hsl(240 5.3% 96.3% / 0.5)!important}
html[data-theme="light"] .banner-nav:hover{background:hsl(240 5.3% 96.3% / 0.82)!important}
html[data-theme="light"] .banner-dots button{background:hsl(0 0% 7.5% / 0.45)!important}
html[data-theme="light"] .hero{background:radial-gradient(circle at 88% 18%, rgba(243,190,56,.14), transparent 42%),
    linear-gradient(120deg,hsl(42.4 51.5% 93%) 0%, hsl(240 3.7% 94.7%) 58%)!important;border:1px solid hsl(42.2 55.2% 93%)!important}
html[data-theme="light"] .degrau{background:hsl(240 4.8% 91.8% / 0.7)!important}
html[data-theme="light"] .degrau.pix .cond{color:hsl(240 5.3% 96.3% / 0.72)!important}
html[data-theme="light"] .card:hover{box-shadow:0 24px 40px -28px hsl(0 0% 97.5% / 0.9)!important}
html[data-theme="light"] .card-img[data-idx]::after{color:hsl(0 0% 7.5%)!important;background:hsl(240 5.3% 96.3% / 0.5)!important}
html[data-theme="light"] .lightbox{background:hsl(240 6% 97.5% / 0.93)!important}
html[data-theme="light"] .lb-palco img{background:hsl(0 0% 7.5%)!important;box-shadow:0 30px 90px -20px hsl(0 0% 97.5% / 0.85)!important}
html[data-theme="light"] .lb-thumbs img{background:hsl(0 0% 7.5%)!important}
html[data-theme="light"] .lb-nav{background:hsl(240 4.8% 91.8% / 0.82)!important}
html[data-theme="light"] .lb-close{background:hsl(240 4.8% 91.8% / 0.82)!important}
html[data-theme="light"] .card-img{background:radial-gradient(circle at 50% 40%, var(--grafite-2), hsl(240 3% 93.5%))!important}
html[data-theme="light"] .cf-nav{background:hsl(240 5.3% 96.3% / 0.55)!important;color:hsl(0 0% 7.5%)!important}
html[data-theme="light"] .cf-nav:hover{background:hsl(240 5.3% 96.3% / 0.85)!important}
html[data-theme="light"] .cf-pos{color:hsl(0 0% 7.5%)!important;background:hsl(240 5.3% 96.3% / 0.6)!important}
html[data-theme="light"] .card-foto{background:hsl(0 0% 7.5%)!important}
html[data-theme="light"] .btn-mais-desc{border:1.5px solid hsl(0 0% 7.5%)!important}
html[data-theme="light"] .overlay{background:hsl(0 0% 97.5% / 0.65)!important}
html[data-theme="light"] .drawer{box-shadow:-30px 0 60px -30px hsl(0 0% 97.5% / 0.9)!important}
html[data-theme="light"] .dw-item .mini img{background:hsl(0 0% 7.5%)!important}
html[data-theme="light"] .modal .caixa{box-shadow:0 40px 80px -30px hsl(0 0% 97.5% / 0.9)!important}
html[data-theme="light"] .dsc-prod .mini{background:hsl(0 0% 7.5%)!important}

/* ═════════════════════════════════════════════════════════════════════
   OVERRIDES MANUAIS (pedido do operador, 2026-08-05) — valem nos DOIS temas.
   Página com fundo branco atrás dos produtos e categorias; cards brancos
   com textos escuros e borda preta; botão Comprar amarelo com borda preta.
   Topbar e rodapé escuros. MANTER EM SINCRONIA com
   site-institucional/tema-claro/catalogo.css (é o que o animaux.com.br serve).
   Se regenerar o arquivo acima, preservar este bloco.
   ═════════════════════════════════════════════════════════════════════ */

body{background:#fff!important;background-image:none!important}
footer{background:#09090A!important}
.card{background:#fff!important;border:2px solid #000!important}
.card:hover{border-color:#000!important}
.card-img{background:#fff!important}
.card-img .letra{opacity:.55!important}
.card-cat{color:#8a6a00!important;opacity:1!important}
.card-nome{color:#111!important}
.card-sku{color:#777!important}
.preco{color:#111!important}
.preco .un{color:#777!important}
.preco-de{color:#999!important}
.mult-hint{color:#777!important}
.stepper{background:#f2f2f2!important;border:1px solid #000!important}
.stepper button{color:#111!important}
.stepper button:hover{background:#e4e4e4!important}
.stepper input.stq{color:#111!important}
.stepper span{color:#111!important}
.btn-comprar{border:2px solid #000!important}
.btn-mais-desc{border:1.5px solid #000!important}
.cat-tile .thumb{background:#fff!important;border:2px solid #000!important}
.cat-tile:hover .thumb{border-color:#000!important}
.cat-tile .thumb img{background:#fff!important}
.cat-tile.ativa .thumb{border-color:#000!important;box-shadow:0 0 0 3px rgba(0,0,0,.12)!important}
.cat-tile .rot{color:#444!important}
.cat-tile.ativa .rot{color:#111!important;font-weight:700!important}
.cat-tile .qt{color:#999!important}
.busca input{background:#fff!important;border:2px solid #000!important;color:#111!important;box-shadow:none!important}
.busca input::placeholder{color:#999!important}
.busca svg{color:#777!important}
.contagem{color:#666!important}
.contagem b{color:#111!important}
.vazio{color:#555!important}
.vazio b{color:#111!important}
.sk{background:#fff!important;border:2px solid #000!important}
.sk-img,.sk-l{background:#eee!important;background-image:linear-gradient(100deg,#eee 30%,#f7f7f7 50%,#eee 70%)!important;background-size:200% 100%!important}