/* Tema Outubro Rosa - carregado apenas em outubro (ver layouts/site.blade.php) */
:root {
    --color-navy: #4a0e2e;
    --color-blue: #8a1c4f;
    --color-teal: #c2185b;
    --color-green: #ec407a;
    --color-ice: #fdf2f6;
    --color-line: #f6d5e2;
    --color-text: #2b1a24;
    --color-muted: #7a5c6b;
    --shadow-soft: 0 18px 50px rgba(74, 14, 46, .12);
}

body { background: #fffafc; }

.nav-menu { color: #4a0e2e; }
.nav-wrap.is-stuck { box-shadow: 0 10px 28px rgba(74, 14, 46, .1); }

.hero-overlay {
    background: linear-gradient(90deg, var(--color-navy) -2%, rgba(74, 14, 46, 0.45) 60%, rgba(74, 14, 46, 0) 100%);
}
.hero-mobile .hero-overlay {
    background: linear-gradient(180deg, var(--color-navy) 0%, rgba(74, 14, 46, 0.55) 30%, rgba(74, 14, 46, 0.55) 100%);
}
.hero-actions button { background: rgba(74, 14, 46, .18); }
.hero-stats,
.hero-mobile .hero-stats article {
    background: linear-gradient(180deg, rgba(74, 14, 46, 0.85) 0%, rgba(74, 14, 46, 0.65) 100%);
}

.footer-help-card button:hover { background: #ad1457; }
.guia-left .guia-eyebrow { color: #f8a5c2; }
.sidebar-social a { border-color: rgba(236, 64, 122, .72); }

.mobile-sidebar { background: rgba(74, 14, 46, .46); }
.modal-layer { background: rgba(43, 8, 27, 0.72) !important; }

.btn-submit { background: #4a0e2e; box-shadow: 0 8px 24px rgba(43, 8, 27, 0.2); }
.btn-submit:hover { background: #6d1442; box-shadow: 0 12px 32px rgba(43, 8, 27, 0.3); }

.store-promo-btn { background: #c2185b; }
.store-promo-btn:hover { background: #ad1457; }
.store-promo-right { background: #8a1c4f; }
.promo-step-icon svg { color: #8a1c4f; }

/* Faixa da campanha */
.outubro-rosa-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 9px 16px;
    background: linear-gradient(90deg, #ad1457, #ec407a, #ad1457);
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
}
.outubro-rosa-bar svg { flex: 0 0 auto; width: 18px; height: 22px; }
.outubro-rosa-bar strong { font-weight: 700; }
@media (max-width: 767px) {
    .outubro-rosa-bar { font-size: 12px; padding: 8px 12px; }
}
@media (max-width: 767px) {
    .outubro-rosa-bar .or-extra { display: none; }
}

/* Rosa claro sobre fundos escuros (contraste) */
.hero-copy > span,
.hero-copy h1 strong,
.sidebar-helper strong,
.sidebar-note svg { color: #f8a5c2; }

/* Páginas internas */
.shop-hero::before {
    background: linear-gradient(90deg, rgba(74, 14, 46, 0.95) 0%, rgba(74, 14, 46, 0.72) 40%, rgba(138, 28, 79, 0.3) 100%);
}
.shop-hero .hero-title span { color: #f8a5c2; }
.box-security { background-color: #4a0e2e; }
.box-security::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(138, 28, 79, 0.45);
    mix-blend-mode: color;
    pointer-events: none;
    z-index: 1;
}
.center-header .results-count span { background: rgba(194, 24, 91, 0.1); }
.btn-add-cart:hover,
.btn-buy-cart:hover { background: #ad1457; box-shadow: 0 6px 18px rgba(194, 24, 91, 0.35); }
.box-help { background: #fdf2f6; }
.floating-cart { background: #8a1c4f; }
.floating-cart:hover { background: #6d1442; }
.cart-badge { color: #8a1c4f; }

.cq-hero-overlay {
    background: linear-gradient(90deg, rgba(74, 14, 46, 0.95) 0%, rgba(74, 14, 46, 0.8) 60%, rgba(74, 14, 46, 0.2) 100%);
}
.cq-hero-seal { background: rgba(74, 14, 46, 0.6); }
.cq-footer-banner {
    background: linear-gradient(135deg, rgba(74, 14, 46, 1) 0%, rgba(74, 14, 46, 0.9) 100%);
}
.dir-hero-overlay {
    background: linear-gradient(90deg, rgba(74, 14, 46, 0.95) 0%, rgba(74, 14, 46, 0.6) 50%, rgba(74, 14, 46, 0.1) 100%);
}
.cta-overlay {
    background: linear-gradient(90deg, rgba(74, 14, 46, 0.98) 0%, rgba(74, 14, 46, 0.8) 100%);
}
.esp-hero-overlay {
    background: linear-gradient(90deg, rgba(74, 14, 46, 0.9) 0%, rgba(74, 14, 46, 0.6) 50%, rgba(74, 14, 46, 0.2) 100%);
}
.infra-cta-overlay {
    background: linear-gradient(to right, rgba(74, 14, 46, 0.92) 40%, rgba(74, 14, 46, 0.4) 100%);
}
.sidebar-dark-box { background: #4a0e2e; }
.cq-hero-content h1 span,
.dir-hero-content h1 span,
.dir-hero-content strong,
.esp-hero-content h1 span,
.infra-cta-content h2 span { color: #f8a5c2; }