/* Tema claro do site público. O tema escuro continua sendo o padrão. */
html[data-theme="light"] body {
    background: var(--bg-page) !important;
    color: var(--text-main);
}

html[data-theme="light"] :is(
    .container,
    .glass-card,
    .description-single,
    .modal-payment-content,
    .modal-payment-content > form,
    .modal-payment-content .form-1,
    .modal-payment-content .form-2,
    .modal-payment-content .form-3,
    .modal-payment-content .header-modal,
    body section .container .favorite-campaign p,
    body section .container .grid-campaign-actives .campaign,
    body section .container .btn-support a,
    body section .container .faq .container-faq,
    .nav-drawer,
    .nav-user-card
) {
    background-color: var(--bg-card) !important;
    border-color: var(--border-col) !important;
}

html[data-theme="light"] :is(
    body section .container .title h1,
    body section .container .favorite-campaign h2,
    body section .container .grid-campaign-actives .campaign .info-campaign h3,
    body section .container .grid-campaign-actives .campaign .info-campaign p,
    body section .container .btn-support a div h3,
    body section .container .btn-support a div p,
    body section .container .winners .title-winners h3,
    body section .container .winners .title-winners p,
    body section .container .faq .title-faq h2,
    body section .container .faq .container-faq h4,
    body section .container .faq .container-faq p,
    .title-page-dc h1,
    .title-page-dc i,
    .modal-payment-content,
    .modal-payment-content input,
    .modal-payment-content select,
    .modal-payment-content textarea,
    .nav-user-name,
    .nav-links a,
    .nav-user-logout,
    .nav-close-btn
) {
    color: var(--text-main) !important;
}

html[data-theme="light"] :is(input, select, textarea) {
    background-color: var(--bg-card2);
    color: var(--text-main);
    border-color: var(--border-col);
}

html[data-theme="light"] .nav-drawer {
    box-shadow: 8px 0 40px rgba(23, 34, 26, .18);
}

html[data-theme="light"] .nav-user-card,
html[data-theme="light"] .nav-links a {
    border-color: var(--border-col);
}

html[data-theme="light"] .nav-links a:hover {
    background: var(--bg-card2);
    color: var(--text-main);
}

html[data-theme="light"] .nav-user-edit,
html[data-theme="light"] .modal-payment label,
html[data-theme="light"] .header-sub {
    color: var(--text-muted) !important;
}

/* Páginas de Sociedade: cada uma possui seu próprio conjunto de variáveis. */
html[data-theme="light"] :is(body.soc-app, body.venda-app) {
    --bg: var(--bg-page);
    --card: var(--bg-card);
    --fg: var(--text-main);
    --secondary: var(--bg-card2);
    --muted-fg: var(--text-muted);
    --border: var(--border-col);
    background: var(--bg-page) !important;
    color: var(--text-main);
}

html[data-theme="light"] :is(
    .soc-tabs,
    .navbar-capsule,
    .socio-sheet,
    .pts-sheet,
    .modal-card,
    .aff-badge,
    .como-card,
    .mini-card,
    .divid-box,
    .modal-item,
    .socio-indicador,
    .socio-cota-chip,
    .socio-dado,
    .pts-acum-card
) {
    background-color: var(--bg-card) !important;
    border-color: var(--border-col) !important;
}

html[data-theme="light"] :is(
    .soc-tab,
    .aff-nome,
    .modal-nome,
    .modal-preco,
    .mini-val,
    .cota-nome,
    .divid-val,
    .hist-nome,
    .socio-ind-nome,
    .socio-cota-nome,
    .socio-nova-nome,
    .sociedade-page h1,
    .sociedade-page h2,
    .sociedade-page h3
) {
    color: var(--text-main) !important;
}

html[data-theme="light"] footer,
html[data-theme="light"] .navbar-footer-wrapper {
    background-color: var(--bg-card) !important;
    border-color: var(--border-col) !important;
}

/* Rodapé claro: os estilos do servidor podem ter sido gerados em modo escuro. */
html[data-theme="light"] footer {
    display: flex;
    width: 100%;
    color: var(--text-main);
    box-shadow: inset 0 1px 0 var(--border-col);
}
html[data-theme="light"] footer .footer-content {
    gap: 8px !important;
}
html[data-theme="light"] footer .footer-content p {
    color: var(--text-main) !important;
}
html[data-theme="light"] footer .legal-container {
    background: color-mix(in srgb, var(--site-primary) 7%, #ffffff) !important;
    border: 1px solid color-mix(in srgb, var(--site-primary) 16%, #ffffff);
    box-shadow: none;
}
html[data-theme="light"] footer .logo-quero-premios {
    filter: none;
}
html[data-theme="light"] footer .footer-sponsors__card {
    background: #ffffff;
    border-color: color-mix(in srgb, var(--site-primary) 16%, #ffffff);
    box-shadow: 0 3px 10px rgba(20, 80, 42, .06);
}
html[data-theme="light"] footer .footer-sponsors__card:hover {
    background: color-mix(in srgb, var(--site-primary) 5%, #ffffff);
}

/* Menu lateral claro e alertas com borda limpa — sem o aro preto do modo escuro. */
html[data-theme="light"] .nav-drawer {
    background: var(--bg-card) !important;
    color: var(--text-main);
}
html[data-theme="light"] .nav-user-card {
    background: color-mix(in srgb, var(--site-primary) 3%, #ffffff) !important;
    border-color: color-mix(in srgb, var(--site-primary) 15%, #ffffff) !important;
}
html[data-theme="light"] .nav-links a {
    color: var(--text-main) !important;
    border-bottom-color: var(--border-col) !important;
}
html[data-theme="light"] .nav-links a i,
html[data-theme="light"] .nav-user-edit,
html[data-theme="light"] .nav-user-logout {
    color: var(--text-muted) !important;
}
html[data-theme="light"] :is(.nav-alert-dot, .nav-icon-badge) {
    border-color: var(--bg-card) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--site-primary) 12%, transparent);
}
html[data-theme="light"] .nav-drawer-header {
    background-color: var(--site-navbar) !important;
}
html[data-theme="light"] .navbar-capsule {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 0 !important;
}
html[data-theme="light"] .nav-link-item {
    background: rgba(255,255,255,.98) !important;
    border: 1px solid color-mix(in srgb, var(--site-primary) 16%, #ffffff) !important;
    box-shadow: 0 4px 12px rgba(18, 63, 31, .12);
    color: var(--text-muted) !important;
}
html[data-theme="light"] .nav-link-item.active {
    background: color-mix(in srgb, var(--site-primary) 10%, #ffffff) !important;
    color: var(--site-primary) !important;
}
html[data-theme="light"] .nav-link-item.nav-center {
    border-color: transparent !important;
    background: var(--site-primary) !important;
}

html[data-theme="dark"] footer {
    background-color: var(--site-footer) !important;
}

/* Countdown da campanha: cartões leves, contraste alto e destaque na cor do site. */
html[data-theme="light"] .draw-countdown-card {
    background: color-mix(in srgb, var(--site-primary) 5%, #ffffff) !important;
    border-color: color-mix(in srgb, var(--site-primary) 20%, #ffffff) !important;
    box-shadow: 0 8px 22px rgba(20, 80, 42, .07);
}
html[data-theme="light"] .draw-countdown-card__head > div > span:last-child {
    color: color-mix(in srgb, var(--site-primary) 82%, #102216) !important;
}
html[data-theme="light"] .draw-countdown-card__status {
    background: color-mix(in srgb, var(--site-primary) 11%, #ffffff) !important;
    color: color-mix(in srgb, var(--site-primary) 85%, #0f2617) !important;
}
html[data-theme="light"] .draw-countdown-card__date {
    background: #ffffff !important;
    border-color: var(--border-col) !important;
    color: var(--text-main) !important;
}
html[data-theme="light"] .draw-countdown-card__price {
    background: var(--site-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 5px 12px color-mix(in srgb, var(--site-primary) 28%, transparent) !important;
}
html[data-theme="light"] .draw-countdown-unit {
    background: #ffffff !important;
    border: 1px solid color-mix(in srgb, var(--site-primary) 16%, #ffffff);
    box-shadow: 0 2px 6px rgba(18, 63, 31, .05);
}
html[data-theme="light"] .draw-countdown-unit > div:first-child {
    color: var(--site-primary) !important;
}
html[data-theme="light"] .draw-countdown-unit__label {
    color: var(--text-muted) !important;
}
html[data-theme="light"] .draw-countdown-card__note {
    background: color-mix(in srgb, var(--site-primary) 5%, #ffffff) !important;
    color: var(--text-muted) !important;
}
html[data-theme="light"] .draw-countdown-card__note strong {
    color: var(--text-main) !important;
}

/* Descrição e prêmios: painel claro, legível e com acordeão nativo. */
html[data-theme="light"] .campaign-public-content__section {
    background: #ffffff !important;
    border-color: var(--border-col) !important;
    box-shadow: 0 3px 10px rgba(18, 63, 31, .05);
}
html[data-theme="light"] .campaign-public-content__section summary {
    color: var(--text-main) !important;
}
html[data-theme="light"] .campaign-public-content__chevron {
    color: var(--text-muted) !important;
}
html[data-theme="light"] .campaign-public-content__description,
html[data-theme="light"] .campaign-public-content__description :is(p, span, strong, li),
html[data-theme="light"] .campaign-public-prize span {
    color: var(--text-main) !important;
}
html[data-theme="light"] .campaign-public-prize p {
    color: var(--text-muted) !important;
}
html[data-theme="light"] .campaign-public-prize {
    background: color-mix(in srgb, var(--site-primary) 4%, #ffffff) !important;
    border-color: color-mix(in srgb, var(--site-primary) 20%, #ffffff) !important;
}

/* Campos no modo claro: borda permanente para não se perderem em cards brancos. */
html[data-theme="light"] :is(.lm-form, .modal-payment) :is(input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="number"], select, textarea) {
    background: #ffffff !important;
    color: var(--text-main) !important;
    border: 1.5px solid color-mix(in srgb, var(--site-primary) 28%, var(--border-col)) !important;
    box-shadow: inset 0 1px 2px rgba(20, 55, 29, .03);
}
html[data-theme="light"] :is(.lm-form, .modal-payment) :is(input, select, textarea)::placeholder {
    color: var(--text-muted) !important;
    opacity: .72;
}
html[data-theme="light"] :is(.lm-form, .modal-payment) :is(input, select, textarea):focus {
    border-color: var(--site-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--site-primary) 16%, transparent) !important;
}
html[data-theme="light"] .lm-form input:-webkit-autofill,
html[data-theme="light"] .lm-form input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: var(--text-main) !important;
}

html[data-theme="light"] form :is(input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], select, textarea) {
    border: 1.5px solid color-mix(in srgb, var(--site-primary) 24%, var(--border-col)) !important;
}

/* Classes atribuídas pelo normalizador: apenas fundos neutros escuros viram claros. */
html[data-theme="light"] .theme-auto-surface {
    background-color: var(--bg-card) !important;
    border-color: var(--border-col) !important;
    box-shadow: 0 2px 12px rgba(23, 34, 26, .08) !important;
}

html[data-theme="light"] .theme-auto-text {
    color: var(--text-main) !important;
}