/*
 * theme-overrides.css  — AUTO-GERADO. NÃO editar à mão.
 * Regenerar: python3 scratch/gen_theme_overrides.py > public/css/theme-overrides.css
 * As cores vêm de :root (--c-primary / --c-background / --c-surface / --c-surface-2 / --c-on-primary),
 * injetado por resources/views/partials/theme.blade.php a partir do .env. Trocar cor = editar .env.
 */

/* Utilitários semânticos p/ código novo */
.theme-text{color:var(--c-primary)}
.theme-bg{background-color:var(--c-primary)}
.theme-border{border-color:var(--c-primary)}
.theme-fill{fill:var(--c-primary)}
.theme-stroke{stroke:var(--c-primary)}
.theme-background{background-color:var(--c-background)}
.theme-surface{background-color:var(--c-surface)}
.theme-surface-2{background-color:var(--c-surface-2)}

/*
 * --- TEXTO SOBRE FUNDO PRIMÁRIO (on-primary) ---
 * Quando o primary é claro (ex.: amarelo), texto branco fica ilegível.
 * --c-on-primary (de theme.blade.php / .env THEME_PRIMARY_TEXT) define a cor
 * do texto/ícone dentro de qualquer BOTÃO com fundo primário, vencendo text-white.
 */
.theme-on-primary,
button.theme-bg, a.theme-bg, label.theme-bg,
button.bg-stake-blue, a.bg-stake-blue,
button.bg-\[\#f12c4c\], a.bg-\[\#f12c4c\], label.bg-\[\#f12c4c\],
button.bg-\[\#f12a4a\], a.bg-\[\#f12a4a\], label.bg-\[\#f12a4a\]{
    color:var(--c-on-primary)!important
}
.theme-on-primary :where(span,p,i,svg,b,strong,small,em,label,div,h1,h2,h3,h4),
button.theme-bg :where(span,p,i,svg,b,strong,small,em,label,div),
a.theme-bg :where(span,p,i,svg,b,strong,small,em,label,div),
button.bg-stake-blue :where(span,p,i,svg,b,strong,small,em,label,div),
a.bg-stake-blue :where(span,p,i,svg,b,strong,small,em,label,div),
button.bg-\[\#f12c4c\] :where(span,p,i,svg,b,strong,small,em,label,div),
a.bg-\[\#f12c4c\] :where(span,p,i,svg,b,strong,small,em,label,div),
button.bg-\[\#f12a4a\] :where(span,p,i,svg,b,strong,small,em,label,div),
a.bg-\[\#f12a4a\] :where(span,p,i,svg,b,strong,small,em,label,div){
    color:var(--c-on-primary)!important;fill:var(--c-on-primary)!important
}

/* Botão "Carteira"/Wallet do navbar (bg-stake-blue): segue o primary do tema */
.bg-stake-blue{background-color:var(--c-primary)!important}

/*
 * --- ÍCONES SVG COM A COR ANTIGA PRESA NO ATRIBUTO ---
 * Os ícones do menu lateral vêm do banco (sidebar_menu_items.icon_svg) e
 * trazem o vermelho antigo escrito em fill=/stroke= dentro do próprio SVG —
 * por isso ficavam vermelhos mesmo com o .env em amarelo. Atributo de
 * apresentação perde para qualquer regra CSS, então isto puxa só essas partes
 * para o primary, sem reescrever SVG nenhum, e continua valendo para ícone
 * novo cadastrado pelo admin com o hex antigo.
 */
[fill="#f12a4a" i],[fill="#f12c4c" i]{fill:var(--c-primary)}
[stroke="#f12a4a" i],[stroke="#f12c4c" i]{stroke:var(--c-primary)}
[stop-color="#f12a4a" i],[stop-color="#f12c4c" i]{stop-color:var(--c-primary)}

/*
 * --- HOVER DOS BOTÕES PRIMÁRIOS ---
 * --c-primary-hover vem de theme.blade.php (.env THEME_PRIMARY_HOVER; vazio =
 * primary 15% mais escuro, a mesma proporção dos hovers antigos). Cobre:
 *  1) as classes de hover em vermelho escuro que sobraram nos blades;
 *  2) hover:bg-[#f12a4a] / [#f12c4c] (hover "na própria cor");
 *  3) qualquer button/a/label de fundo primário que NÃO declara hover próprio
 *     — o :not([class*="hover:bg-"]) deixa quem já tem hover explícito em paz.
 * Classe manual para código novo: .theme-hover-bg
 */
.theme-hover-bg:hover,
.hover\:bg-\[\#d1223e\]:hover,
.hover\:bg-\[\#d9203f\]:hover,
.hover\:bg-\[\#d9223f\]:hover,
.hover\:bg-\[\#d9233f\]:hover,
.hover\:bg-\[\#d9243f\]:hover,
.hover\:bg-\[\#f12a4a\]:hover,
.hover\:bg-\[\#f12c4c\]:hover{background-color:var(--c-primary-hover)!important}

button.theme-bg:not([class*="hover:bg-"]):hover,
a.theme-bg:not([class*="hover:bg-"]):hover,
label.theme-bg:not([class*="hover:bg-"]):hover,
button.bg-\[\#f12c4c\]:not([class*="hover:bg-"]):hover,
a.bg-\[\#f12c4c\]:not([class*="hover:bg-"]):hover,
label.bg-\[\#f12c4c\]:not([class*="hover:bg-"]):hover,
button.bg-\[\#f12a4a\]:not([class*="hover:bg-"]):hover,
a.bg-\[\#f12a4a\]:not([class*="hover:bg-"]):hover,
label.bg-\[\#f12a4a\]:not([class*="hover:bg-"]):hover,
button.bg-stake-blue:hover,a.bg-stake-blue:hover,
.hover-stake-blue:hover{background-color:var(--c-primary-hover)!important}

.theme-hover-text:hover{color:var(--c-primary-hover)!important}
.theme-hover-border:hover{border-color:var(--c-primary-hover)!important}

/* === AUTO-GERADO de app.css por scratch/gen_theme_overrides.py === */
/* Sobrescreve TODAS as classes de cor do tema p/ usarem var(--c-*) */
.divide-\[\#323738\]>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(var(--c-surface-2-rgb)/var(--tw-divide-opacity,1))}
.border-\[\#232626\]{--tw-border-opacity:1;border-color:rgb(var(--c-background-rgb)/var(--tw-border-opacity,1))}
.border-\[\#323738\]{--tw-border-opacity:1;border-color:rgb(var(--c-surface-2-rgb)/var(--tw-border-opacity,1))}
.border-\[\#f12a4a\]\/20{border-color:rgb(var(--c-primary-rgb)/.2)}
.border-\[\#f12c4c\]{--tw-border-opacity:1;border-color:rgb(var(--c-primary-rgb)/var(--tw-border-opacity,1))}
.border-\[\#f12c4c\]\/20{border-color:rgb(var(--c-primary-rgb)/.2)}
.border-\[\#f12c4c\]\/30{border-color:rgb(var(--c-primary-rgb)/.3)}
.border-\[\#f12c4c\]\/40{border-color:rgb(var(--c-primary-rgb)/.4)}
.border-t-\[\#f12a4a\]{--tw-border-opacity:1;border-top-color:rgb(var(--c-primary-rgb)/var(--tw-border-opacity,1))}
.border-t-\[\#f12c4c\]{--tw-border-opacity:1;border-top-color:rgb(var(--c-primary-rgb)/var(--tw-border-opacity,1))}
.bg-\[\#232626\]{--tw-bg-opacity:1;background-color:rgb(var(--c-background-rgb)/var(--tw-bg-opacity,1))}
.bg-\[\#292d2e\]{--tw-bg-opacity:1;background-color:rgb(var(--c-surface-rgb)/var(--tw-bg-opacity,1))}
.bg-\[\#323738\]{--tw-bg-opacity:1;background-color:rgb(var(--c-surface-2-rgb)/var(--tw-bg-opacity,1))}
.bg-\[\#323738\]\/50{background-color:rgb(var(--c-surface-2-rgb)/.5)}
.bg-\[\#f12a4a\]{--tw-bg-opacity:1;background-color:rgb(var(--c-primary-rgb)/var(--tw-bg-opacity,1))}
.bg-\[\#f12c4c\]{--tw-bg-opacity:1;background-color:rgb(var(--c-primary-rgb)/var(--tw-bg-opacity,1))}
.bg-\[\#f12c4c\]\/10{background-color:rgb(var(--c-primary-rgb)/.1)}
.bg-\[\#f12c4c\]\/20{background-color:rgb(var(--c-primary-rgb)/.2)}
.from-\[\#232626\]{--tw-gradient-from:var(--c-background) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--c-background-rgb)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-\[\#292d2e\]{--tw-gradient-from:var(--c-surface) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--c-surface-rgb)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-\[\#292d2e\]\/90{--tw-gradient-from:rgb(var(--c-surface-rgb)/.9) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--c-surface-rgb)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-\[\#f12c4c\]\/20{--tw-gradient-from:rgb(var(--c-primary-rgb)/.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--c-primary-rgb)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-\[\#232626\]{--tw-gradient-to:rgb(var(--c-background-rgb)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--c-background) var(--tw-gradient-via-position),var(--tw-gradient-to)}
.to-\[\#f12c4c\]\/5{--tw-gradient-to:rgb(var(--c-primary-rgb)/.05) var(--tw-gradient-to-position)}
.text-\[\#f12a4a\]{--tw-text-opacity:1;color:rgb(var(--c-primary-rgb)/var(--tw-text-opacity,1))}
.text-\[\#f12c4c\]{--tw-text-opacity:1;color:rgb(var(--c-primary-rgb)/var(--tw-text-opacity,1))}
.text-\[\#f12c4c\]\/50{color:rgb(var(--c-primary-rgb)/.5)}
.shadow-\[0_0_15px_rgba\(241\2c 44\2c 76\2c 0\.3\)\]{--tw-shadow:0 0 15px rgb(var(--c-primary-rgb)/.3);--tw-shadow-colored:0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.shadow-\[0_10px_25px_-5px_rgba\(241\2c 44\2c 76\2c 0\.3\)\]{--tw-shadow:0 10px 25px -5px rgb(var(--c-primary-rgb)/.3);--tw-shadow-colored:0 10px 25px -5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.ring-\[\#f12c4c\]{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--c-primary-rgb)/var(--tw-ring-opacity,1))}
.hover\:border-\[\#f12c4c\]:hover{--tw-border-opacity:1;border-color:rgb(var(--c-primary-rgb)/var(--tw-border-opacity,1))}
.hover\:bg-\[\#323738\]:hover{--tw-bg-opacity:1;background-color:rgb(var(--c-surface-2-rgb)/var(--tw-bg-opacity,1))}
.hover\:bg-\[\#323738\]\/30:hover{background-color:rgb(var(--c-surface-2-rgb)/.3)}
.hover\:bg-\[\#323738\]\/50:hover{background-color:rgb(var(--c-surface-2-rgb)/.5)}
.hover\:bg-\[\#f12a4a\]\/10:hover{background-color:rgb(var(--c-primary-rgb)/.1)}
.hover\:bg-\[\#f12c4c\]\/20:hover{background-color:rgb(var(--c-primary-rgb)/.2)}
.hover\:bg-\[\#f12c4c\]\/90:hover{background-color:rgb(var(--c-primary-rgb)/.9)}
.hover\:text-\[\#f12a4a\]:hover{--tw-text-opacity:1;color:rgb(var(--c-primary-rgb)/var(--tw-text-opacity,1))}
.hover\:text-\[\#f12c4c\]:hover{--tw-text-opacity:1;color:rgb(var(--c-primary-rgb)/var(--tw-text-opacity,1))}
.hover\:text-\[\#f12c4c\]\/80:hover{color:rgb(var(--c-primary-rgb)/.8)}
.hover\:ring-\[\#f12a4a\]\/60:hover{--tw-ring-color:rgb(var(--c-primary-rgb)/.6)}
.focus\:border-\[\#f12c4c\]:focus{--tw-border-opacity:1;border-color:rgb(var(--c-primary-rgb)/var(--tw-border-opacity,1))}
.focus\:shadow-\[0_0_0_1px_\#f12c4c\]:focus{--tw-shadow:0 0 0 1px var(--c-primary);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.focus\:ring-\[\#f12a4a\]\/50:focus{--tw-ring-color:rgb(var(--c-primary-rgb)/.5)}
.focus\:ring-\[\#f12c4c\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--c-primary-rgb)/var(--tw-ring-opacity,1))}
.dark\:bg-\[\#232626\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--c-background-rgb)/var(--tw-bg-opacity,1))}
.dark\:bg-\[\#323738\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--c-surface-2-rgb)/var(--tw-bg-opacity,1))}
/* brand-green (#ec2c27) — no tailwind.config.js o nome diz "green" mas a cor é
   VERMELHA: é o acento antigo do sidebar (VIP Clube, selo "New", aro do avatar).
   Entra no grupo do primary, igual f12a4a/f12c4c. */
.border-brand-green{--tw-border-opacity:1;border-color:rgb(var(--c-primary-rgb)/var(--tw-border-opacity,1))}
.bg-brand-green{--tw-bg-opacity:1;background-color:rgb(var(--c-primary-rgb)/var(--tw-bg-opacity,1))}
.text-brand-green{--tw-text-opacity:1;color:rgb(var(--c-primary-rgb)/var(--tw-text-opacity,1))}
.ring-brand-green{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--c-primary-rgb)/var(--tw-ring-opacity,1))}
.hover\:border-brand-green:hover{--tw-border-opacity:1;border-color:rgb(var(--c-primary-rgb)/var(--tw-border-opacity,1))}
.hover\:border-brand-green\/50:hover{border-color:rgb(var(--c-primary-rgb)/.5)}
.hover\:bg-brand-green:hover{--tw-bg-opacity:1;background-color:rgb(var(--c-primary-rgb)/var(--tw-bg-opacity,1))}
.hover\:text-brand-green:hover{--tw-text-opacity:1;color:rgb(var(--c-primary-rgb)/var(--tw-text-opacity,1))}
.hover\:ring-brand-green:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--c-primary-rgb)/var(--tw-ring-opacity,1))}
.focus\:border-brand-green:focus{--tw-border-opacity:1;border-color:rgb(var(--c-primary-rgb)/var(--tw-border-opacity,1))}
.focus\:bg-brand-green:focus{--tw-bg-opacity:1;background-color:rgb(var(--c-primary-rgb)/var(--tw-bg-opacity,1))}
.focus\:text-brand-green:focus{--tw-text-opacity:1;color:rgb(var(--c-primary-rgb)/var(--tw-text-opacity,1))}
.focus\:ring-brand-green:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--c-primary-rgb)/var(--tw-ring-opacity,1))}
.group:hover .group-hover\:text-brand-green{--tw-text-opacity:1;color:rgb(var(--c-primary-rgb)/var(--tw-text-opacity,1))}
/* total de regras: 61 */