/* =============================================================
   Glass WooEnhance v2.1 — Estilos Globais
   Apenas variáveis CSS globais e o header de segurança do checkout.
   Layout do checkout é responsabilidade do Glass Checkout.
   Glass Cannon — https://glasscannon.com.br
   ============================================================= */

:root {
    --gwe-primary:     #6c3fc5;
    --gwe-primary-dk:  #4e2a9a;
    --gwe-secondary:   #f0ecff;
    --gwe-white:       #ffffff;
    --gwe-text:        #1a1a2e;
    --gwe-text-muted:  #6b7280;
    --gwe-radius:      14px;
    --gwe-shadow:      0 8px 32px rgba(108, 63, 197, 0.18);
}

/* ── Header de segurança do checkout ─────────────────────────── */
.gwe-checkout-header {
    display:         flex;
    align-items:     center;
    justify-content: center;
    gap:             8px;
    padding:         10px 20px;
    margin-bottom:   24px;
    background:      rgba(108, 63, 197, .07);
    border:          1px solid rgba(108, 63, 197, .15);
    border-radius:   10px;
    font-size:       .9rem;
    font-weight:     600;
    color:           var(--gwe-primary);
}

/* ── Botões globais (usados fora do checkout) ─────────────────── */
.gwe-btn {
    display:         inline-flex;
    align-items:     center;
    gap:             8px;
    padding:         13px 28px;
    border:          none;
    border-radius:   var(--gwe-radius);
    font-size:       1rem;
    font-weight:     600;
    cursor:          pointer;
    text-decoration: none;
    transition:      transform .15s ease, box-shadow .15s ease;
}
.gwe-btn:hover {
    transform:  translateY(-2px);
    box-shadow: var(--gwe-shadow);
}
.gwe-btn--primary {
    background: var(--gwe-primary);
    color:      var(--gwe-white);
}
.gwe-btn--primary:hover {
    background: var(--gwe-primary-dk);
    color:      var(--gwe-white);
}
.gwe-btn--secondary {
    background: var(--gwe-secondary);
    color:      var(--gwe-primary);
}