/*
Theme Name:   MarcWeb Child
Description:  Child theme agência WooCommerce 2026 - Otimizado e Seguro
Author:       Agência MarcWeb
Author URI:   https://wp.marcweb.com.br
Template:     generatepress
Version:      2.5.0
Text Domain:  marcweb-child
*/

/* 
   NOTA: Variáveis globais e CSS do pai são carregados via functions.php.
   Evite duplicar variáveis :root aqui para manter a integridade do sistema.
*/

/* ==========================================================================
   BASE & LAYOUT
   ========================================================================== */
body {
    background-color: var(--mw-bg-color);
    color: var(--mw-text-color);
    font-size: var(--mw-font-size-base);
    line-height: var(--mw-line-height-normal);
    min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 { color: inherit; }
h1 { font-size: var(--mw-font-size-h1); }

/* ==========================================================================
   HEADER & NAVIGATION
   ========================================================================== */
.site-header {
    z-index: var(--mw-z-fixed);
    min-height: var(--mw-header-height);
    position: relative;
}

.inside-header {
    display: flex;
    align-items: center;
    justify-content: var(--mw-header-justify);
    width: 100%;
    gap: var(--mw-spacing-md);
    max-width: var(--mw-max-width);
    margin: 0 auto;
    padding: var(--mw-header-padding);
}

.main-navigation {
    background-color: transparent !important;
}

/* ==========================================================================
   DESIGN EFFECTS (Base)
   ========================================================================== */
.site-header,
.inside-article,
.sidebar .widget,
.site-footer {
    margin-bottom: var(--mw-spacing-md);
}

.inside-article {
    padding: var(--mw-spacing-xl);
}

/* Ajuste para containers separados do GeneratePress */
.separate-containers .inside-article,
.separate-containers .sidebar .widget {
    background-color: transparent !important;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.site-footer {
    margin-bottom: 0 !important;
}

.footer-widgets {
    padding: var(--mw-spacing-3xl) 0 var(--mw-spacing-xl);
}

.site-info {
    padding: var(--mw-spacing-md) 0;
    border-top: 1px solid var(--mw-border-color);
}

/* ==========================================================================
   GLOBAL LINKS & BUTTONS
   ========================================================================== */
a {
    color: var(--mw-accent-color);
    transition: var(--mw-transition);
}

button, .button, input[type="submit"], .woocommerce-button {
    background-color: var(--mw-accent-color);
    color: #ffffff;
    border-radius: var(--mw-border-radius);
    padding: var(--mw-button-padding-y, 12px) var(--mw-button-padding-x, 20px);
    transition: var(--mw-transition);
}

button:hover, .button:hover {
    filter: brightness(1.1);
}

/* ==========================================================================
   DARK MODE COMPATIBILITY
   ========================================================================== */
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, 
body.dark-mode .site-title a, body.dark-mode .main-navigation a {
    color: #ffffff !important;
}

body.dark-mode input, body.dark-mode textarea, body.dark-mode select {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}