/**
 * SANPIL — modo escuro em todas as páginas (importar por ÚLTIMO, depois dos outros CSS).
 * Corrige texto/fundos fixos (#fff, #333, #eee, …) nos estilos legados.
 */

/* --- Catálogo / loja (styles.css) --- */
html.theme-dark .empty-message {
    color: var(--color-text-muted);
}

html.theme-dark .empty-message i {
    color: var(--color-text-light);
}

html.theme-dark .produto__condicao--texto {
    color: var(--color-text);
}

html.theme-dark .produto__cor {
    background: rgba(168, 85, 247, 0.22);
    color: #e9d5ff;
}

html.theme-dark .main-footer {
    background-color: var(--color-bg-subtle);
    color: var(--color-text);
}

/* --- Página produto antiga (vendas.css) --- */
html.theme-dark .produto-header,
html.theme-dark .produto-preco,
html.theme-dark .tab-buttons,
html.theme-dark .tab {
    border-color: var(--color-border);
}

html.theme-dark .produto-titulo {
    color: var(--color-text);
}

html.theme-dark .produto-meta,
html.theme-dark .produto-parcelas,
html.theme-dark .produto-garantia span,
html.theme-dark .tab-btn,
html.theme-dark .tab-button {
    color: var(--color-text-muted);
}

html.theme-dark .grade-item {
    border-color: var(--color-border);
    background: var(--color-bg-subtle);
    color: var(--color-text);
}

html.theme-dark .produto-descricao h3,
html.theme-dark .produto-caracteristicas h3,
html.theme-dark .produto-beneficios h3,
html.theme-dark .produto-section h3,
html.theme-dark .tab-content h3 {
    color: var(--color-text);
}

html.theme-dark .produto-descricao-completa,
html.theme-dark .produto-caracteristicas-completa,
html.theme-dark .produto-beneficios-completa,
html.theme-dark .lista-caracteristicas li,
html.theme-dark .lista-beneficios li {
    color: var(--color-text);
    background-color: var(--color-bg-subtle);
    border-color: var(--color-border);
}

html.theme-dark .produto-caracteristicas .lista-caracteristicas li,
html.theme-dark .produto-beneficios .lista-beneficios li {
    background: var(--color-bg-subtle);
    box-shadow: none;
}

html.theme-dark .produto-descricao-container .produto-descricao-completa {
    color: var(--color-text-secondary);
}

html.theme-dark .produto-caracteristicas-completa,
html.theme-dark .produto-beneficios-completa {
    background-color: var(--color-bg-subtle);
}

/* --- Detalhe produto (detalhe.css) --- */
html.theme-dark .loading-message,
html.theme-dark .error-message {
    background: var(--color-bg);
    color: var(--color-text-muted);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}

html.theme-dark .detail-content {
    background: var(--color-bg);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

html.theme-dark .gallery-main-wrap,
html.theme-dark .gallery-thumb {
    background: var(--color-bg-subtle);
}

html.theme-dark .gallery-share-actions .gallery-share-btn:not(.gallery-share-btn--whatsapp) {
    background: rgba(33, 38, 45, 0.94);
    color: var(--color-text);
    border: 1px solid var(--color-border);
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
}

html.theme-dark .gallery-share-actions .gallery-share-btn:not(.gallery-share-btn--whatsapp):hover {
    border-color: var(--color-text-muted);
}

html.theme-dark .gallery-share-btn--ok {
    background: rgba(34, 197, 94, 0.92);
    color: #fff;
    border-color: transparent;
}

html.theme-dark .gallery-share-btn--whatsapp {
    border: none;
}

html.theme-dark .wa-multi-modal__dialog {
    background: var(--color-bg);
    border: 1px solid var(--color-border);
}

html.theme-dark .wa-multi-modal__hint {
    color: var(--color-text-muted);
}

html.theme-dark .wa-multi-modal__btn {
    background: var(--color-bg-subtle);
    color: var(--color-text);
    border-color: var(--color-border);
}

html.theme-dark .wa-multi-modal__close-x:hover {
    background: var(--color-bg-muted);
    color: var(--color-text);
}

html.theme-dark .detail-description {
    color: var(--color-text-secondary);
}

html.theme-dark .detail-price__cash {
    color: var(--color-text-secondary);
}

html.theme-dark .sandalia-row__label {
    color: var(--color-text-muted);
}

html.theme-dark .cor-card-btn {
    border-color: var(--color-border);
    background: var(--color-bg-subtle);
}

html.theme-dark .cor-card-btn:hover {
    border-color: var(--color-text-muted);
}

html.theme-dark .cor-card-btn__img {
    background-color: var(--color-bg-muted);
}

html.theme-dark .cor-card-btn__nome {
    color: var(--color-text);
}

html.theme-dark .cor-display__text {
    color: var(--color-text);
}

html.theme-dark .cor-display__swatch {
    border-color: var(--color-border);
}

html.theme-dark .grade-table--detalhe .grade-table__th-size {
    background: var(--color-bg-subtle);
    color: var(--color-text);
}

html.theme-dark .grade-table--detalhe .grade-table__th-size:hover {
    background: var(--color-bg-muted);
}

html.theme-dark .grade-table--detalhe .grade-table__td-qtd {
    background: var(--color-bg-subtle);
    color: var(--color-text);
}

html.theme-dark .grade-table--detalhe .grade-table__td-qtd:hover {
    background: var(--color-bg-muted);
}

html.theme-dark .size-btn {
    border-color: var(--color-border);
    background: var(--color-bg-subtle);
    color: var(--color-text);
}

html.theme-dark .size-btn:hover {
    border-color: var(--color-text-muted);
    background: var(--color-bg-muted);
    color: var(--color-text);
}

html.theme-dark .size-btn--active {
    background: var(--color-cta) !important;
    border-color: var(--color-cta) !important;
    color: #fff !important;
}

html.theme-dark .detail-section {
    background: var(--color-bg);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

html.theme-dark .detail-section__title {
    color: var(--color-text);
}

html.theme-dark .detail-list li {
    color: var(--color-text-secondary);
    border-color: var(--color-border);
}

html.theme-dark .detail-faq summary {
    color: var(--color-text);
}

html.theme-dark .detail-faq p {
    color: var(--color-text-secondary);
}

html.theme-dark .sandalia-grade__aviso {
    background: var(--color-warning-bg);
    color: var(--color-warning);
    border-color: var(--color-border);
}

html.theme-dark .sandalia-grade__info--alerta {
    background: var(--color-warning-bg);
    color: var(--color-warning);
    border-color: var(--color-border);
}

html.theme-dark .produto__botao--indisponivel,
html.theme-dark .produto__botao:disabled {
    background: var(--color-bg-muted) !important;
    color: var(--color-text-muted) !important;
}

/* --- Carrinho (carrinho.css) --- */
html.theme-dark .cart-extras {
    border-color: var(--color-border);
}

html.theme-dark .cart-extra-input {
    border-color: var(--color-border);
    background: var(--color-bg-subtle);
    color: var(--color-text);
}

html.theme-dark .cart-extra-input::placeholder {
    color: var(--color-text-muted);
}

html.theme-dark .frete-opcao {
    border-color: var(--color-border);
    background: var(--color-bg-subtle);
}

html.theme-dark .cart-item {
    border-color: var(--color-border);
}

html.theme-dark .cart-item img {
    background: var(--color-bg-muted);
}

html.theme-dark .quantity-control {
    border-color: var(--color-border);
}

html.theme-dark .quantity-control button {
    background: var(--color-bg-muted);
    color: var(--color-text);
}

html.theme-dark .cart-price--old {
    color: var(--color-text-muted);
}

/* --- Login / cadastro --- */
html.theme-dark .login-card,
html.theme-dark .signup-card {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

/* --- Páginas com cartões inline (ex.: cupons) --- */
html.theme-dark .stat-card {
    background: var(--color-bg-subtle);
    border-color: var(--color-border);
}

/* --- Fornecedores — reforço escuro (tokens --badge-inativo-text / --table-logo-* em variables.css) --- */
html.theme-dark .badge-inativo {
    color: var(--badge-inativo-text);
}

html.theme-dark .table-logo {
    border-radius: var(--table-logo-radius);
    border: 1px solid var(--table-logo-border);
    background: var(--table-logo-bg);
}