/* Tema escuro forçado - cores aplicadas automaticamente */

:root {
    --theme-primary: #06b6d4;
    --theme-secondary: #0891b2;
    --theme-background: #000000;
    --theme-text: #f5f5f5;
}

/* Forçar fundo preto em todos os elementos */
* {
    background-color: var(--theme-background) !important;
    color: var(--theme-text) !important;
}

html, body {
    background-color: var(--theme-background) !important;
    color: var(--theme-text) !important;
}

/* Aplicar cores primárias */
.section-title,
.section-subtitle,
.btn-primary,
.carousel-dots button.active,
.badge-featured,
.product-price-cash,
.section-description {
    color: var(--theme-primary) !important;
}

.btn-primary {
    background: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    color: #000000 !important;
}

.btn-primary:hover {
    background: var(--theme-secondary) !important;
    border-color: var(--theme-secondary) !important;
    color: #000000 !important;
}

/* Aplicar cores secundárias */
.btn-secondary {
    background: var(--theme-secondary) !important;
    border-color: var(--theme-secondary) !important;
    color: #000000 !important;
}

/* Garantir que o fundo seja aplicado em todos os elementos principais */
.site-main {
    background-color: var(--theme-background) !important;
}

.container {
    background-color: transparent !important;
}

/* Aplicar cor de texto com maior especificidade */
.site-header,
.site-main,
.site-footer,
.section-title,
.section-subtitle,
.product-title,
.product-brand,
.product-price,
.product-price-cash,
.product-description,
h1, h2, h3, h4, h5, h6,
p, span, div, a,
.brand, .brand-text,
.header-link, .header-link .text,
.subnav-item,
.footer__copyright,
.card, .product-card,
.search-input,
input, textarea, select {
    color: var(--theme-text) !important;
    background-color: var(--theme-background) !important;
}

/* Links específicos */
a {
    color: var(--theme-primary) !important;
}

a:hover {
    color: var(--theme-secondary) !important;
}

/* Títulos especiais */
.section-title,
.section-subtitle,
.product-price-cash,
.section-description {
    color: var(--theme-primary) !important;
}

/* Ajustes específicos para contraste */
.card {
    background: var(--theme-background) !important;
    border-color: var(--theme-text) !important;
    opacity: 0.9;
}

.product-card {
    background: var(--theme-background) !important;
    border-color: var(--theme-text) !important;
}

/* Header e navegação */
.site-header {
    background: var(--theme-background) !important;
    color: var(--theme-text) !important;
    border-bottom-color: var(--theme-primary) !important;
}

.subnav {
    background: var(--theme-background) !important;
    border-bottom-color: var(--theme-primary) !important;
}

.subnav-inner {
    background: var(--theme-background) !important;
    color: var(--theme-text) !important;
}

.header-link {
    color: var(--theme-text) !important;
}

.brand {
    color: var(--theme-text) !important;
}

/* Footer */
.site-footer {
    background: var(--theme-background) !important;
    border-top-color: var(--theme-primary) !important;
    color: var(--theme-text) !important;
}

.footer__copyright {
    color: var(--theme-text) !important;
}

.footer__copyright a {
    color: var(--theme-primary) !important;
}

/* Inputs e formulários */
input, textarea, select {
    background: var(--theme-background) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-primary) !important;
}

/* Botões especiais */
.btn-outline {
    color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    background: transparent !important;
}

.btn-outline:hover {
    background: var(--theme-primary) !important;
    color: #000000 !important;
}

/* Forçar tema escuro em elementos específicos */
.banner-carousel,
.banner-image,
.product-grid,
.product-item,
.mobile-menu,
.mobile-menu-content {
    background-color: var(--theme-background) !important;
    color: var(--theme-text) !important;
}

/* Garantir que imagens não sejam afetadas */
img {
    background-color: transparent !important;
}

/* Override para elementos que podem ter fundo branco */
.white-bg, .bg-white, .bg-light {
    background-color: var(--theme-background) !important;
    color: var(--theme-text) !important;
}

/* Botão de compra verde */
.btn-buy {
    background: linear-gradient(135deg, #28a745, #20c997) !important;
    color: white !important;
    border: none !important;
    padding: 16px 32px !important;
    border-radius: 12px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    min-width: 200px !important;
    text-decoration: none !important;
}

.btn-buy:hover {
    background: linear-gradient(135deg, #218838, #1ea085) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(40, 167, 69, 0.4) !important;
    color: white !important;
}

.btn-buy:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 10px rgba(40, 167, 69, 0.3) !important;
    color: white !important;
}

.btn-buy i {
    color: white !important;
}

.btn-buy .cart-icon {
    font-size: 18px;
    color: white !important;
    background: none !important;
    display: inline-block;
    line-height: 1;
}

.btn-buy span {
    color: white !important;
    background: none !important;
}