/* =========================================================
   PALADINI - TEMAS SAZONAIS ELEGANTES
   Arquivo exclusivo para campanhas comemorativas.
   Ativação: classe no body, ex.: tema-natal, tema-blackfriday.

   Direção visual:
   - manter a loja limpa e profissional;
   - usar a data comemorativa como acento, não como fantasia pesada;
   - preservar legibilidade em header, hero, cards, carrinho e mobile.
========================================================= */

body.tema-padrao {
    --cor-primaria: #22c55e;
    --cor-primaria-escura: #166534;
    --tema-page-bg: #f8fafc;
    --tema-card: #ffffff;
    --tema-card-soft: #f8fafc;
    --tema-text: #0f172a;
    --tema-muted: #64748b;
    --tema-border: #e2e8f0;
    --tema-soft: #ecfdf5;
    --tema-accent: #22c55e;
    --tema-accent-2: #16a34a;
    --tema-heading: #14532d;
    --tema-price: #15803d;
    --tema-button-bg: linear-gradient(135deg, #22c55e, #16a34a);
    --tema-button-text: #ffffff;
    --tema-chip-bg: #ecfdf5;
    --tema-chip-text: #166534;
    --tema-hero-overlay: linear-gradient(90deg, rgba(6,78,59,.80), rgba(20,83,45,.46), rgba(15,23,42,.08));
    --tema-shadow: 0 12px 30px rgba(15,23,42,.07);
    --tema-shadow-hover: 0 18px 46px rgba(15,23,42,.12);
}

body.tema-natal {
    --cor-primaria: #b91c1c;
    --cor-primaria-escura: #14532d;
    --tema-page-bg: #fffafa;
    --tema-card: #ffffff;
    --tema-card-soft: #fff7f7;
    --tema-text: #1f2937;
    --tema-muted: #64748b;
    --tema-border: #f2d7d7;
    --tema-soft: #fff1f1;
    --tema-accent: #b91c1c;
    --tema-accent-2: #14532d;
    --tema-heading: #14532d;
    --tema-price: #166534;
    --tema-button-bg: linear-gradient(135deg, #b91c1c, #14532d);
    --tema-button-text: #ffffff;
    --tema-chip-bg: #fff7ed;
    --tema-chip-text: #92400e;
    --tema-hero-overlay: linear-gradient(90deg, rgba(69,10,10,.72), rgba(20,83,45,.42), rgba(250,204,21,.08));
    --tema-shadow: 0 12px 32px rgba(127,29,29,.08);
    --tema-shadow-hover: 0 18px 46px rgba(127,29,29,.15);
}

body.tema-blackfriday {
    --cor-primaria: #111827;
    --cor-primaria-escura: #020617;
    --tema-page-bg: #f7f8fb;
    --tema-card: #ffffff;
    --tema-card-soft: #f8fafc;
    --tema-text: #0f172a;
    --tema-muted: #64748b;
    --tema-border: #d9dee8;
    --tema-soft: #f3f4f6;
    --tema-accent: #111827;
    --tema-accent-2: #f2c94c;
    --tema-heading: #111827;
    --tema-price: #0f172a;
    --tema-button-bg: linear-gradient(135deg, #111827, #020617);
    --tema-button-text: #ffffff;
    --tema-chip-bg: #fff7cc;
    --tema-chip-text: #6b4e00;
    --tema-hero-overlay: linear-gradient(90deg, rgba(2,6,23,.78), rgba(15,23,42,.44), rgba(242,201,76,.07));
    --tema-shadow: 0 12px 30px rgba(15,23,42,.08);
    --tema-shadow-hover: 0 18px 48px rgba(15,23,42,.16);
}

body.tema-pascoa {
    --cor-primaria: #8b5cf6;
    --cor-primaria-escura: #6d28d9;
    --tema-page-bg: #fbf8ff;
    --tema-card: #ffffff;
    --tema-card-soft: #faf5ff;
    --tema-text: #1f2937;
    --tema-muted: #64748b;
    --tema-border: #e7ddff;
    --tema-soft: #f4edff;
    --tema-accent: #8b5cf6;
    --tema-accent-2: #a16207;
    --tema-heading: #5b21b6;
    --tema-price: #6d28d9;
    --tema-button-bg: linear-gradient(135deg, #8b5cf6, #6d28d9);
    --tema-button-text: #ffffff;
    --tema-chip-bg: #fef3c7;
    --tema-chip-text: #92400e;
    --tema-hero-overlay: linear-gradient(90deg, rgba(76,29,149,.70), rgba(109,40,217,.40), rgba(161,98,7,.08));
    --tema-shadow: 0 12px 32px rgba(109,40,217,.08);
    --tema-shadow-hover: 0 18px 46px rgba(109,40,217,.15);
}

body.tema-dia-dos-pais {
    --cor-primaria: #1d4ed8;
    --cor-primaria-escura: #1e3a8a;
    --tema-page-bg: #f7fbff;
    --tema-card: #ffffff;
    --tema-card-soft: #eff6ff;
    --tema-text: #0f172a;
    --tema-muted: #64748b;
    --tema-border: #dbeafe;
    --tema-soft: #eff6ff;
    --tema-accent: #1d4ed8;
    --tema-accent-2: #b7791f;
    --tema-heading: #1e3a8a;
    --tema-price: #1d4ed8;
    --tema-button-bg: linear-gradient(135deg, #1d4ed8, #1e3a8a);
    --tema-button-text: #ffffff;
    --tema-chip-bg: #fff7ed;
    --tema-chip-text: #92400e;
    --tema-hero-overlay: linear-gradient(90deg, rgba(30,58,138,.72), rgba(29,78,216,.38), rgba(183,121,31,.08));
    --tema-shadow: 0 12px 32px rgba(29,78,216,.08);
    --tema-shadow-hover: 0 18px 46px rgba(29,78,216,.14);
}

body.tema-dia-das-maes {
    --cor-primaria: #db2777;
    --cor-primaria-escura: #9d174d;
    --tema-page-bg: #fff8fb;
    --tema-card: #ffffff;
    --tema-card-soft: #fff1f7;
    --tema-text: #1f2937;
    --tema-muted: #64748b;
    --tema-border: #f7d5e6;
    --tema-soft: #fdf2f8;
    --tema-accent: #db2777;
    --tema-accent-2: #be123c;
    --tema-heading: #9d174d;
    --tema-price: #be185d;
    --tema-button-bg: linear-gradient(135deg, #db2777, #9d174d);
    --tema-button-text: #ffffff;
    --tema-chip-bg: #fff1f7;
    --tema-chip-text: #9d174d;
    --tema-hero-overlay: linear-gradient(90deg, rgba(131,24,67,.70), rgba(219,39,119,.36), rgba(251,113,133,.08));
    --tema-shadow: 0 12px 32px rgba(219,39,119,.08);
    --tema-shadow-hover: 0 18px 46px rgba(219,39,119,.14);
}

body.tema-namorados {
    --cor-primaria: #be123c;
    --cor-primaria-escura: #881337;
    --tema-page-bg: #fff8f9;
    --tema-card: #ffffff;
    --tema-card-soft: #fff1f2;
    --tema-text: #1f2937;
    --tema-muted: #64748b;
    --tema-border: #f7d1d9;
    --tema-soft: #fff1f2;
    --tema-accent: #be123c;
    --tema-accent-2: #fb7185;
    --tema-heading: #881337;
    --tema-price: #be123c;
    --tema-button-bg: linear-gradient(135deg, #be123c, #881337);
    --tema-button-text: #ffffff;
    --tema-chip-bg: #fff1f2;
    --tema-chip-text: #9f1239;
    --tema-hero-overlay: linear-gradient(90deg, rgba(136,19,55,.72), rgba(190,18,60,.38), rgba(251,113,133,.08));
    --tema-shadow: 0 12px 32px rgba(190,18,60,.08);
    --tema-shadow-hover: 0 18px 46px rgba(190,18,60,.15);
}

body.tema-ano-novo {
    --cor-primaria: #0f766e;
    --cor-primaria-escura: #115e59;
    --tema-page-bg: #fbfffd;
    --tema-card: #ffffff;
    --tema-card-soft: #f0fdfa;
    --tema-text: #0f172a;
    --tema-muted: #64748b;
    --tema-border: #cdeee8;
    --tema-soft: #f0fdfa;
    --tema-accent: #0f766e;
    --tema-accent-2: #d4af37;
    --tema-heading: #115e59;
    --tema-price: #0f766e;
    --tema-button-bg: linear-gradient(135deg, #0f766e, #115e59);
    --tema-button-text: #ffffff;
    --tema-chip-bg: #fffbeb;
    --tema-chip-text: #92400e;
    --tema-hero-overlay: linear-gradient(90deg, rgba(17,94,89,.72), rgba(15,118,110,.38), rgba(212,175,55,.09));
    --tema-shadow: 0 12px 32px rgba(15,118,110,.08);
    --tema-shadow-hover: 0 18px 46px rgba(15,118,110,.14);
}

body.tema-carnaval {
    --cor-primaria: #7c3aed;
    --cor-primaria-escura: #5b21b6;
    --tema-page-bg: #fbfaff;
    --tema-card: #ffffff;
    --tema-card-soft: #faf5ff;
    --tema-text: #111827;
    --tema-muted: #64748b;
    --tema-border: #e9d5ff;
    --tema-soft: #f5f3ff;
    --tema-accent: #7c3aed;
    --tema-accent-2: #f59e0b;
    --tema-heading: #5b21b6;
    --tema-price: #6d28d9;
    --tema-button-bg: linear-gradient(135deg, #7c3aed, #5b21b6);
    --tema-button-text: #ffffff;
    --tema-chip-bg: #fffbeb;
    --tema-chip-text: #92400e;
    --tema-hero-overlay: linear-gradient(90deg, rgba(91,33,182,.70), rgba(124,58,237,.36), rgba(245,158,11,.08));
    --tema-shadow: 0 12px 32px rgba(124,58,237,.08);
    --tema-shadow-hover: 0 18px 46px rgba(124,58,237,.14);
}

body.tema-festa-junina {
    --cor-primaria: #c2410c;
    --cor-primaria-escura: #166534;
    --tema-page-bg: #fffaf4;
    --tema-card: #ffffff;
    --tema-card-soft: #fff7ed;
    --tema-text: #1f2937;
    --tema-muted: #64748b;
    --tema-border: #fed7aa;
    --tema-soft: #fff7ed;
    --tema-accent: #c2410c;
    --tema-accent-2: #166534;
    --tema-heading: #7c2d12;
    --tema-price: #c2410c;
    --tema-button-bg: linear-gradient(135deg, #c2410c, #166534);
    --tema-button-text: #ffffff;
    --tema-chip-bg: #fef3c7;
    --tema-chip-text: #92400e;
    --tema-hero-overlay: linear-gradient(90deg, rgba(124,45,18,.72), rgba(22,101,52,.38), rgba(253,224,71,.08));
    --tema-shadow: 0 12px 32px rgba(194,65,12,.08);
    --tema-shadow-hover: 0 18px 46px rgba(194,65,12,.14);
}

body.tema-volta-aulas {
    --cor-primaria: #0369a1;
    --cor-primaria-escura: #075985;
    --tema-page-bg: #f7fcff;
    --tema-card: #ffffff;
    --tema-card-soft: #f0f9ff;
    --tema-text: #0f172a;
    --tema-muted: #64748b;
    --tema-border: #cdefff;
    --tema-soft: #f0f9ff;
    --tema-accent: #0369a1;
    --tema-accent-2: #f97316;
    --tema-heading: #075985;
    --tema-price: #0369a1;
    --tema-button-bg: linear-gradient(135deg, #0369a1, #075985);
    --tema-button-text: #ffffff;
    --tema-chip-bg: #fff7ed;
    --tema-chip-text: #9a3412;
    --tema-hero-overlay: linear-gradient(90deg, rgba(7,89,133,.72), rgba(3,105,161,.38), rgba(249,115,22,.08));
    --tema-shadow: 0 12px 32px rgba(3,105,161,.08);
    --tema-shadow-hover: 0 18px 46px rgba(3,105,161,.14);
}

body.tema-aniversario {
    --cor-primaria: #6d28d9;
    --cor-primaria-escura: #166534;
    --tema-page-bg: #fbfaff;
    --tema-card: #ffffff;
    --tema-card-soft: #f5f3ff;
    --tema-text: #1f2937;
    --tema-muted: #64748b;
    --tema-border: #ddd6fe;
    --tema-soft: #f5f3ff;
    --tema-accent: #6d28d9;
    --tema-accent-2: #16a34a;
    --tema-heading: #4c1d95;
    --tema-price: #166534;
    --tema-button-bg: linear-gradient(135deg, #6d28d9, #166534);
    --tema-button-text: #ffffff;
    --tema-chip-bg: #fffbeb;
    --tema-chip-text: #92400e;
    --tema-hero-overlay: linear-gradient(90deg, rgba(76,29,149,.72), rgba(22,101,52,.36), rgba(250,204,21,.08));
    --tema-shadow: 0 12px 32px rgba(109,40,217,.08);
    --tema-shadow-hover: 0 18px 46px rgba(109,40,217,.14);
}

body.tema-personalizado {
    --tema-page-bg: #f8fafc;
    --tema-card: #ffffff;
    --tema-card-soft: #f8fafc;
    --tema-text: #0f172a;
    --tema-muted: #64748b;
    --tema-border: #e2e8f0;
    --tema-soft: #ecfdf5;
    --tema-accent: var(--cor-primaria);
    --tema-accent-2: var(--cor-primaria-escura);
    --tema-heading: var(--cor-primaria-escura);
    --tema-price: var(--cor-primaria-escura);
    --tema-button-bg: linear-gradient(135deg, var(--cor-primaria), var(--cor-primaria-escura));
    --tema-button-text: #ffffff;
    --tema-chip-bg: #f8fafc;
    --tema-chip-text: var(--cor-primaria-escura);
    --tema-hero-overlay: linear-gradient(90deg, rgba(15,23,42,.72), rgba(15,23,42,.36), rgba(255,255,255,.06));
    --tema-shadow: 0 12px 30px rgba(15,23,42,.07);
    --tema-shadow-hover: 0 18px 46px rgba(15,23,42,.12);
}

/* =========================================================
   BASE APLICADA A TODOS OS TEMAS
========================================================= */

body[class*="tema-"] {
    background: var(--tema-page-bg) !important;
    color: var(--tema-text) !important;
}

body[class*="tema-"] main,
body[class*="tema-"] .conteudo,
body[class*="tema-"] .conteudo-pro {
    background: transparent !important;
}

body[class*="tema-"] .topo-premium,
body[class*="tema-"] .topo,
body[class*="tema-"] header.topo {
    background: rgba(255,255,255,.96) !important;
    border-bottom: 1px solid var(--tema-border) !important;
    box-shadow: 0 10px 28px rgba(15,23,42,.07) !important;
}

body[class*="tema-"] .topo-premium::after,
body[class*="tema-"] .topo::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--tema-accent), var(--tema-accent-2), transparent);
    opacity: .82;
    pointer-events: none;
}

body[class*="tema-"] .menu-premium a,
body[class*="tema-"] .menu-produtos-toggle,
body[class*="tema-"] .usuario-dropdown-btn,
body[class*="tema-"] .busca-premium input,
body[class*="tema-"] .busca input {
    color: var(--tema-text) !important;
}

body[class*="tema-"] .busca-premium,
body[class*="tema-"] .busca,
body[class*="tema-"] .usuario-dropdown-btn,
body[class*="tema-"] .btn-login-premium {
    background: #ffffff !important;
    border-color: var(--tema-border) !important;
}

body[class*="tema-"] .busca-premium button,
body[class*="tema-"] .busca button,
body[class*="tema-"] .btn,
body[class*="tema-"] .btn-card-comprar,
body[class*="tema-"] .btn-continuar-carrinho,
body[class*="tema-"] .btn-cadastro-premium-topo,
body[class*="tema-"] .checkout-btn-confirmar,
body[class*="tema-"] .checkout-btn-usar,
body[class*="tema-"] .checkout-btn-salvar-endereco {
    background: var(--tema-button-bg) !important;
    color: var(--tema-button-text) !important;
    border-color: transparent !important;
    box-shadow: 0 8px 18px rgba(15,23,42,.10) !important;
}

body[class*="tema-"] .btn:hover,
body[class*="tema-"] .btn-card-comprar:hover,
body[class*="tema-"] .busca-premium button:hover,
body[class*="tema-"] .busca button:hover {
    filter: brightness(1.03) !important;
    transform: translateY(-1px) !important;
}

body[class*="tema-"] .btn-whatsapp-premium,
body[class*="tema-"] .carrinho-premium,
body[class*="tema-"] .menu-premium a:hover,
body[class*="tema-"] .menu-produtos-toggle:hover,
body[class*="tema-"] .dropdown-categorias-premium a:hover,
body[class*="tema-"] .btn-login-premium:hover {
    background: var(--tema-soft) !important;
    color: var(--tema-heading) !important;
    border-color: var(--tema-border) !important;
}

body[class*="tema-"] .btn-whatsapp-premium {
    color: var(--tema-heading) !important;
    font-weight: 900 !important;
}

body[class*="tema-"] .carrinho-premium span,
body[class*="tema-"] .contador-carrinho {
    background: var(--tema-accent-2) !important;
    color: #111827 !important;
    border-color: #ffffff !important;
}

body[class*="tema-"] .theme-switch {
    background: #e2e8f0 !important;
    border-color: var(--tema-border) !important;
}

/* =========================================================
   HERO E CAMPANHAS
========================================================= */

body[class*="tema-"] .hero-marketplace,
body[class*="tema-"] .hero-slider.home-pro-hero {
    background: #020617 !important;
    border-color: rgba(255,255,255,.70) !important;
    box-shadow: var(--tema-shadow) !important;
}

body[class*="tema-"] .hero-marketplace::before,
body[class*="tema-"] .hero-slide::before {
    background: var(--tema-hero-overlay) !important;
}

body[class*="tema-"] .hero-marketplace::after {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    right: -95px;
    bottom: -120px;
    border-radius: 50%;
    background: radial-gradient(circle, var(--tema-accent-2), transparent 68%);
    opacity: .13;
    pointer-events: none;
    z-index: 2;
}

body[class*="tema-"] .preview-badge-banner,
body[class*="tema-"] .hero-slide-conteudo-livre .preview-badge-banner,
body[class*="tema-"] .hero-slide-conteudo .preview-badge-banner,
body[class*="tema-"] .mini-destaque {
    background: rgba(255,255,255,.16) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.30) !important;
    backdrop-filter: blur(8px) !important;
}

body[class*="tema-"] .hero-banner-botao {
    box-shadow: 0 12px 26px rgba(15,23,42,.20) !important;
}

body[class*="tema-"] .hero-seta {
    color: var(--tema-heading) !important;
    border: 1px solid rgba(255,255,255,.70) !important;
}

body[class*="tema-"] .hero-seta:hover,
body[class*="tema-"] .hero-indicadores button.ativo {
    background: var(--tema-accent-2) !important;
    color: #111827 !important;
}

body[class*="tema-"] .hero-indicadores button {
    background: rgba(255,255,255,.42) !important;
}

/* =========================================================
   SEÇÕES, CARDS E PRODUTOS
========================================================= */

body[class*="tema-"] .home-metricas > *,
body[class*="tema-"] .metricas-home > *,
body[class*="tema-"] .cards-metricas > *,
body[class*="tema-"] .info-faixas > *,
body[class*="tema-"] .faixa-item,
body[class*="tema-"] .card-produto,
body[class*="tema-"] .card-produto-catalogo,
body[class*="tema-"] .catalogo-toolbar,
body[class*="tema-"] .carrinho-itens-premium,
body[class*="tema-"] .resumo-card-carrinho,
body[class*="tema-"] .conta-bloco-principal,
body[class*="tema-"] .conta-atalhos,
body[class*="tema-"] .checkout-entrega-card,
body[class*="tema-"] .pedido-pro-card {
    background: var(--tema-card) !important;
    border-color: var(--tema-border) !important;
    color: var(--tema-text) !important;
    box-shadow: var(--tema-shadow) !important;
}

body[class*="tema-"] .card-produto:hover,
body[class*="tema-"] .card-produto-catalogo:hover,
body[class*="tema-"] .faixa-item:hover {
    border-color: var(--tema-accent) !important;
    box-shadow: var(--tema-shadow-hover) !important;
}

body[class*="tema-"] .card-imagem,
body[class*="tema-"] .card-imagem-catalogo {
    background: var(--tema-card-soft) !important;
}

body[class*="tema-"] .titulo-secao h2,
body[class*="tema-"] .pagina-topo h2,
body[class*="tema-"] .catalogo-hero h1,
body[class*="tema-"] .carrinho-hero h1,
body[class*="tema-"] .conta-hero-cliente h1,
body[class*="tema-"] .checkout-entrega-hero h1,
body[class*="tema-"] .faixa-item h3,
body[class*="tema-"] .home-metricas strong,
body[class*="tema-"] .metricas-home strong {
    color: var(--tema-heading) !important;
}

body[class*="tema-"] .titulo-secao h2,
body[class*="tema-"] .pagina-topo h2 {
    position: relative;
}

body[class*="tema-"] .titulo-secao h2::after,
body[class*="tema-"] .pagina-topo h2::after {
    content: "";
    display: block;
    width: 58px;
    height: 4px;
    margin-top: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--tema-accent), var(--tema-accent-2));
}

body[class*="tema-"] .titulo-secao p,
body[class*="tema-"] .pagina-topo p,
body[class*="tema-"] .categoria,
body[class*="tema-"] .card-conteudo p,
body[class*="tema-"] .card-conteudo-catalogo p,
body[class*="tema-"] .faixa-item p,
body[class*="tema-"] .home-metricas span,
body[class*="tema-"] .metricas-home span {
    color: var(--tema-muted) !important;
}

body[class*="tema-"] .preco,
body[class*="tema-"] .preco-catalogo,
body[class*="tema-"] .card-conteudo-catalogo .preco,
body[class*="tema-"] .destaques .preco {
    color: var(--tema-price) !important;
}

body[class*="tema-"] .selo-produto,
body[class*="tema-"] .selo-promocao-pro,
body[class*="tema-"] .badge-desconto,
body[class*="tema-"] .badge-catalogo,
body[class*="tema-"] .tag-promocao-img {
    background: var(--tema-chip-bg) !important;
    color: var(--tema-chip-text) !important;
    border: 1px solid var(--tema-border) !important;
    box-shadow: none !important;
}

body[class*="tema-"] .favorito-home,
body[class*="tema-"] .favorito-btn,
body[class*="tema-"] .btn-favorito {
    border-color: var(--tema-border) !important;
    color: var(--tema-heading) !important;
}

/* =========================================================
   BLOCOS INTERNOS / PÁGINAS
========================================================= */

body[class*="tema-"] .catalogo-hero,
body[class*="tema-"] .carrinho-hero,
body[class*="tema-"] .checkout-entrega-hero,
body[class*="tema-"] .conta-hero-cliente,
body[class*="tema-"] .pedido-pro-hero,
body[class*="tema-"] .chamada-whatsapp-home,
body[class*="tema-"] .bloco-confiança {
    border-color: var(--tema-border) !important;
    box-shadow: var(--tema-shadow) !important;
}

body[class*="tema-"] .chamada-whatsapp-home {
    background: var(--tema-button-bg) !important;
    color: #ffffff !important;
}

body[class*="tema-"] .confiança-lista span,
body[class*="tema-"] .atalhos-categorias a,
body[class*="tema-"] .chips-categorias-mobile a,
body[class*="tema-"] .filtro-categorias a {
    background: var(--tema-card) !important;
    color: var(--tema-heading) !important;
    border-color: var(--tema-border) !important;
}

body[class*="tema-"] .chips-categorias-mobile a.ativo,
body[class*="tema-"] .filtro-categorias a.ativo {
    background: var(--tema-button-bg) !important;
    color: var(--tema-button-text) !important;
}

/* =========================================================
   DROPDOWN, SIDEBAR MOBILE E FOOTER
========================================================= */

body[class*="tema-"] .dropdown-categorias-premium,
body[class*="tema-"] .usuario-dropdown-menu {
    background: #ffffff !important;
    border-color: var(--tema-border) !important;
    box-shadow: 0 18px 46px rgba(15,23,42,.14) !important;
}

body[class*="tema-"] .dropdown-categorias-premium a,
body[class*="tema-"] .usuario-dropdown-menu a {
    color: var(--tema-text) !important;
}

body[class*="tema-"] .btn-mobile-sidebar,
body[class*="tema-"] .mobile-sidebar-topo {
    background: var(--tema-button-bg) !important;
}

body[class*="tema-"] .mobile-sidebar-paladini,
body[class*="tema-"] .mobile-sidebar-conteudo,
body[class*="tema-"] .mobile-sidebar-footer {
    background: var(--tema-page-bg) !important;
    color: var(--tema-text) !important;
    border-color: var(--tema-border) !important;
}

body[class*="tema-"] .mobile-sidebar-bloco,
body[class*="tema-"] .mobile-accordion-btn,
body[class*="tema-"] .mobile-accordion-conteudo {
    background: #ffffff !important;
    border-color: var(--tema-border) !important;
    color: var(--tema-text) !important;
}

body[class*="tema-"] .mobile-accordion-btn.ativo,
body[class*="tema-"] .mobile-sidebar-link.destaque,
body[class*="tema-"] .mobile-sidebar-action.destaque {
    background: var(--tema-soft) !important;
    color: var(--tema-heading) !important;
    border-color: var(--tema-border) !important;
}

body[class*="tema-"] .mobile-sidebar-link,
body[class*="tema-"] .mobile-sidebar-action,
body[class*="tema-"] .mobile-accordion-conteudo a {
    background: var(--tema-card-soft) !important;
    color: var(--tema-text) !important;
    border-color: var(--tema-border) !important;
}

body[class*="tema-"] .rodape {
    border-top-color: var(--tema-accent) !important;
}

body[class*="tema-"] .rodape-coluna h4,
body[class*="tema-"] .rodape-coluna a,
body[class*="tema-"] .bloco-rodape h4 {
    color: var(--tema-accent-2) !important;
}

/* =========================================================
   REFINOS POR TEMA
========================================================= */

body.tema-blackfriday .titulo-secao h2::after,
body.tema-blackfriday .pagina-topo h2::after,
body.tema-blackfriday .hero-indicadores button.ativo,
body.tema-blackfriday .hero-seta:hover,
body.tema-blackfriday .carrinho-premium span,
body.tema-blackfriday .contador-carrinho {
    background: #f2c94c !important;
    color: #111827 !important;
}

body.tema-blackfriday .btn-whatsapp-premium {
    background: #f3f4f6 !important;
    color: #111827 !important;
}

body.tema-natal .titulo-secao h2::after,
body.tema-natal .pagina-topo h2::after {
    background: linear-gradient(90deg, #b91c1c, #14532d, #d4af37);
}

body.tema-carnaval .titulo-secao h2::after,
body.tema-carnaval .pagina-topo h2::after {
    background: linear-gradient(90deg, #7c3aed, #f59e0b, #16a34a);
}

@media (max-width: 768px) {
    body[class*="tema-"] .hero-marketplace::after {
        width: 160px;
        height: 160px;
        right: -80px;
        bottom: -80px;
        opacity: .10;
    }

    body[class*="tema-"] .topo-premium,
    body[class*="tema-"] .topo,
    body[class*="tema-"] header.topo {
        background: rgba(255,255,255,.98) !important;
    }
}