/* =====================================================
   DIGITALBOX - CORREÇÕES DE CORES EQUILIBRADAS
   ===================================================== */

/* Cores principais padronizadas - usa cores do tema se disponíveis */
:root {
    --accent-color: var(--primary-red, #ff0000);
    --soft-white: #f8f9fa;  /* Branco suave em vez de cinza */
    --text-light: #e9ecef;  /* Texto claro mais suave */
    --text-medium: #adb5bd; /* Texto médio mais agradável */
}

/* Remover todos os efeitos de desfoque/text-shadow */
*, *:hover, *:focus, *:active {
    text-shadow: none !important;
}

/* =====================================================
   HEADER - PADRONIZAÇÃO E MELHORIAS
   ===================================================== */

/* Garantir que elementos de autenticação sempre apareçam */
.user-area, .auth-buttons, .user-dropdown {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Esconder qualquer ícone de carrinho */
.cart-icon, .shopping-cart, [class*="cart-btn"], [class*="cart-icon"] {
    display: none !important;
}

/* Links do header padronizados */
.nav-link {
    color: var(--text-medium) !important;
    transition: all 0.3s ease !important;
}

.nav-link:hover, .nav-link:focus {
    color: var(--soft-white) !important;
}

.nav-link.active {
    color: var(--primary-red, #ff0000) !important;
}

/* User menu melhorado */
.user-menu-item {
    color: var(--soft-white) !important;
    transition: all 0.3s ease !important;
}

.user-menu-item:hover {
    color: var(--soft-white) !important;
    background: rgba(248, 249, 250, 0.1) !important;
}

.user-menu-item.logout {
    color: #ff6b6b !important;
}

.user-menu-item.logout:hover {
    color: #ff5252 !important;
    background: rgba(255, 107, 107, 0.1) !important;
}

/* Botões do header melhorados */
.header .btn-outline {
    background: transparent !important;
    border: 2px solid var(--text-medium) !important;
    color: var(--text-medium) !important;
    transition: all 0.3s ease !important;
}

.header .btn-outline:hover {
    border-color: var(--soft-white) !important;
    color: var(--soft-white) !important;
    background: rgba(248, 249, 250, 0.1) !important;
    transform: translateY(-1px) !important;
}

.header .btn-primary {
    background: var(--gradient-red, linear-gradient(135deg, #ff0000 0%, #cc0000 100%)) !important;
    color: white !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.header .btn-primary:hover {
    background: var(--dark-red, #cc0000) !important;
    transform: translateY(-1px) !important;
    box-shadow: var(--shadow-glow, 0 4px 12px rgba(255, 0, 0, 0.3)) !important;
}

/* =====================================================
   PRODUTOS E CATEGORIAS - CORES ORIGINAIS RESTAURADAS
   ===================================================== */

/* Permitir que categorias usem suas cores originais */
.product-category {
    /* Remover override - deixar usar a cor do banco de dados */
}

/* Filtros de categoria - cores normais */
.category-filter-btn {
    /* Cores originais das categorias */
    transition: all 0.3s ease !important;
}

.category-filter-btn:not(.active):hover {
    transform: translateY(-2px) !important;
    border-color: var(--primary-red) !important;
    /* Manter cor original do texto */
}

.category-filter-btn.active {
    background: var(--gradient-red) !important;
    color: white !important;
    border-color: var(--primary-red) !important;
}

/* Cards de categoria no index */
.category-card {
    color: var(--soft-white) !important;
}

.category-card:hover {
    color: var(--soft-white) !important;
    text-decoration: none !important;
}

/* Texto "Ver Produtos" nas categorias - branco */
.category-card span {
    color: var(--soft-white) !important;
}

/* Títulos e preços dos produtos */
.product-title {
    color: var(--soft-white) !important;
}

.product-description {
    color: var(--text-light) !important;
}

.price-current {
    color: var(--soft-white) !important;
    font-weight: bold !important;
}

.price-original {
    color: var(--text-medium) !important;
}

/* =====================================================
   CUSTOMER-AREA - BOTÕES DE AÇÃO MODERNOS
   ===================================================== */

/* Botão de logout no customer-area */
.header-actions a[href*="logout"] {
    background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
    color: white !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.header-actions a[href*="logout"]:hover {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;
}

/* Botão Continuar Comprando - branco suave */
.header-actions .btn-outline {
    background: transparent !important;
    border: 2px solid var(--soft-white) !important;
    color: var(--soft-white) !important;
    font-weight: 500 !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.header-actions .btn-outline:hover {
    background: var(--soft-white) !important;
    color: #1a1a1a !important;
    border-color: var(--soft-white) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(248, 249, 250, 0.2) !important;
}

/* Botão Ver Instruções - azul moderno */
button[onclick*="viewOrderInstructions"] {
    background: transparent !important;
    border: 2px solid #4a90e2 !important;
    color: #4a90e2 !important;
    font-weight: 500 !important;
    padding: 0.5rem 1rem !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

button[onclick*="viewOrderInstructions"]:hover {
    background: #4a90e2 !important;
    color: white !important;
    border-color: #4a90e2 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(74, 144, 226, 0.3) !important;
}

/* Botão Ver Detalhes - verde moderno */
button[onclick*="viewOrderDetails"] {
    background: transparent !important;
    border: 2px solid #28a745 !important;
    color: #28a745 !important;
    font-weight: 500 !important;
    padding: 0.5rem 1rem !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

button[onclick*="viewOrderDetails"]:hover {
    background: #28a745 !important;
    color: white !important;
    border-color: #28a745 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3) !important;
}

/* =====================================================
   LINKS E BOTÕES GERAIS - MODERAÇÃO
   ===================================================== */

/* Links gerais - menos vermelho */
a, a:link, a:visited {
    color: var(--soft-white) !important;
    transition: all 0.3s ease !important;
    text-shadow: none !important;
}

a:hover, a:active, a:focus {
    color: var(--primary-red, #ff0000) !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

/* Botões outline com cores neutras */
.btn-outline:not(.header-actions .btn-outline):not(button[onclick*="view"]) {
    background: transparent !important;
    border: 2px solid var(--text-medium) !important;
    color: var(--text-medium) !important;
    transition: all 0.3s ease !important;
}

.btn-outline:not(.header-actions .btn-outline):not(button[onclick*="view"]):hover {
    background: var(--text-medium) !important;
    color: white !important;
    border-color: var(--text-medium) !important;
    transform: translateY(-1px) !important;
}

/* Botões de compra/ação mantêm o vermelho */
.btn-purchase, .btn-primary.btn-purchase {
    background: var(--gradient-red) !important;
    color: white !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.btn-purchase:hover, .btn-primary.btn-purchase:hover {
    background: var(--dark-red, #cc0000) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-glow, 0 4px 12px rgba(255, 0, 0, 0.3)) !important;
}

/* Botão "Ver Catálogo Completo" - hover dinâmico */
.section-header a.btn.btn-outline[href="products.php"]:hover,
a.btn.btn-outline[href="products.php"]:hover {
    background: var(--gradient-red) !important;
    color: white !important;
    border-color: var(--primary-red) !important;
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-glow, 0 4px 12px rgba(255, 0, 0, 0.3)) !important;
}

/* =====================================================
   CORREÇÃO PARA PRODUTOS RELACIONADOS
   ===================================================== */

/* Produtos relacionados - hover normal (não vermelho) */
.related-products .product-card .btn:hover {
    background: var(--text-medium) !important;
    color: white !important;
    border-color: var(--text-medium) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(173, 181, 189, 0.3) !important;
}

/* =====================================================
   MELHORIAS GERAIS DE TEXTO
   ===================================================== */

/* Textos cinzas para branco suave */
.text-gray, .results-count, .breadcrumb-nav, p {
    color: var(--text-light) !important;
}

/* Elementos secundários */
.filter-label, .section-subtitle, .filters-title {
    color: var(--text-light) !important;
}

/* Placeholders */
input::placeholder, textarea::placeholder {
    color: var(--text-medium) !important;
    opacity: 0.8 !important;
}

/* Links de navegação */
.breadcrumb-nav a {
    color: var(--soft-white) !important;
}

.breadcrumb-nav a:hover {
    color: var(--primary-red, #ff0000) !important;
}

/* =====================================================
   CORREÇÃO ESPECÍFICA PARA PURCHASE_SUCCESS
   ===================================================== */

/* Botão Continuar Comprando no purchase_success.php */
.btn-primary-action:hover {
    color: white !important;
    background: var(--dark-red, #cc0000) !important;
}

/* Garantir que o texto permaneça branco no hover */
.action-btn:hover {
    color: white !important;
}