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

/* Espaçamento dos produtos relacionados e upsell */
.woocommerce-related-products,
.woocommerce-upsells {
    margin-top: 40px !important;
}



/* ============================================
   CUSTOMIZAÇÕES POR CLIENTE
============================================ */

/* Exemplo: Loja Moda Feminina - Cores custom */
:root {
    --primary-color: #ec4899;
    --secondary-color: #f472b6;
}

/* Botão Add to Cart - Degradê custom */
.woocommerce .add_to_cart_button {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
}

/* Header - Usar CSS Variables do Customizer */
.site-header {
    background-color: var(--mw-header-bg-color, #ffffff) !important;
    color: var(--mw-header-text-color, #333333) !important;
    padding: var(--mw-header-padding, 0 20px) !important;
    border-radius: var(--mw-header-border-radius, 0px) !important;
}

/*
   NOTA IMPORTANTE:
   
   1. LAYOUT DO PRODUTO
      - NÃO customizamos .woocommerce-single-product-summary aqui
      - GeneratePress controla isso já
      - Se precisar: use hooks PHP ou CSS Variables
   
   2. BOTÃO ADD TO CART
      - Largura é controlada pelo tema pai
      - Para mudar: crie hook em inc/woocommerce.php
      - Não force width: 100% aqui (quebra ao atualizar GeneratePress)
   
   3. ESPAÇAMENTO
      - Use margin/padding em !important apenas para overrides críticos
      - Melhor: Ajuste no tema pai ou use CSS Variables
*/