/* ============================================
   OVERRIDES VISUAIS (Seguro contra atualizações)
============================================ */

/* Espaçamento dos produtos relacionados e upsell */
.woocommerce-related-products,
.woocommerce-upsells {
    margin-top: var(--mw-spacing-2xl);
}

/* ============================================
   CUSTOMIZAÇÕES ESPECÍFICAS
============================================ */

/* Botão Add to Cart - Estilo consistente */
.woocommerce .add_to_cart_button {
    background: var(--mw-accent-color);
    border-radius: var(--mw-border-radius);
}

/* Header - Sincronizado com Customizer */
.site-header {
    background-color: var(--mw-header-bg-color);
    color: var(--mw-header-text-color);
    padding: var(--mw-header-padding);
    border-radius: var(--mw-header-border-radius);
}

/* 
   DICA DE PERFORMANCE:
   Sempre que possível, use as variáveis CSS definidas em variables.css
   em vez de valores fixos (hex, px). Isso garante que o Dark Mode
   e o Customizer funcionem automaticamente em todo o site.
*/