/* ═══════════════════════════════════════════════════════════════
   Thiper Studio — Tema Claro
   Ativado em /admin/components (site_theme = light) ou pelo botão
   flutuante do visitante (body ganha a classe .site-light).
   As cores são configuráveis no admin e chegam via :root inline
   (layout.php). Fallbacks abaixo garantem funcionamento sem config.
   ═══════════════════════════════════════════════════════════════ */

:root {
    --th-light-text:    #1e293b;   /* corpo de texto (configurável) */
    --th-light-heading: #0f172a;   /* títulos (configurável) */
    --th-light-muted:   #475569;   /* texto secundário (configurável) */
    --th-light-border:  #e2e8f0;
    --th-light-card:    #ffffff;
    --th-light-bg:      #f4f5f7;
    --th-light-cta-bg:  #1f2689;   /* CTA / destaque (configurável) */
    --th-light-cta-text:#ffffff;    /* texto do CTA (configurável) */
}

/* ── Base ── */
body.site-light {
    background: var(--th-light-bg) !important;
    color: var(--th-light-text) !important;
}

/* ═══ HEADER ═══ */
body.site-light .site-header { background: transparent !important; border-bottom: none !important; }
body.site-light .header-pill {
    background: rgba(255, 255, 255, .9) !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
    box-shadow: 0 8px 28px rgba(15, 23, 42, .10) !important;
}
body.site-light .site-header.scrolled .header-pill {
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 10px 34px rgba(15, 23, 42, .14) !important;
}
body.site-light .site-logo-text { color: var(--th-light-heading) !important; }
body.site-light .site-logo-sub { color: var(--th-light-muted) !important; }
body.site-light .nav-link { color: var(--th-light-text) !important; }
body.site-light .nav-link:hover {
    color: var(--th-color-gold) !important;
    background: rgba(var(--th-color-gold-rgb), .10) !important;
}
/* Garante leitura do nav ao rolar — sobrepõe inline !important do layout.php */
body.site-light .site-header.scrolled .nav-link { color: var(--th-light-text) !important; }
body.site-light .site-header.scrolled .nav-link:hover {
    color: var(--th-color-gold) !important;
    background: rgba(var(--th-color-gold-rgb), .08) !important;
}
body.site-light .header-social-link { color: var(--th-light-muted) !important; }
body.site-light .site-header.scrolled .header-social-link { color: var(--th-light-muted) !important; }
body.site-light .header-social-link:hover {
    color: var(--th-color-gold) !important;
    background: rgba(var(--th-color-gold-rgb), .10) !important;
}
body.site-light .site-logo-img.logo-needs-invert { filter: invert(1) brightness(0.85) !important; }
/* Variantes de logo por tema (header principal):
   - Tema escuro: header fica escuro ao rolar → mantém a logo clara (SVG A)
   - Tema claro (body.site-light): header fica claro ao rolar → troca p/ logo escura (SVG B) */
body.site-light .site-header.scrolled .site-logo-img.default-logo { opacity: 0 !important; }
body.site-light .site-header.scrolled .site-logo-img.scroll-logo { opacity: 1 !important; pointer-events: auto !important; }
body.site-light .menu-toggle { color: var(--th-light-heading) !important; }
body.site-light .menu-toggle:hover { color: var(--th-color-gold) !important; }
body.site-light .thi-hdr-theme-toggle { color: var(--th-light-heading) !important; }
body.site-light .thi-hdr-theme-toggle:hover { color: var(--th-color-gold) !important; }
body.site-light .btn-header-cta { color: #0a0a0a !important; }
@media (max-width: 768px) {
    /* Mobile: o pill é oculto — logo, redes e burger ficam direto sobre o fundo da página.
       Chip translúcido claro mantém contraste tanto sobre heroes escuros quanto sobre conteúdo claro. */
    body.site-light .menu-toggle {
        color: var(--th-light-heading) !important;
        background: none !important;
        background-image: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    body.site-light .menu-toggle:hover { color: var(--th-color-gold) !important; }
    body.site-light .header-social-link {
        background: rgba(255, 255, 255, .85) !important;
        border: 1px solid rgba(15, 23, 42, .06) !important;
        color: var(--th-light-text) !important;
        box-shadow: 0 2px 8px rgba(15, 23, 42, .06) !important;
    }
    body.site-light .header-social-link:hover { background: var(--th-color-gold) !important; color: #0a0a0a !important; }
    /* Mobile scrolled header — fundo claro ao invés do escuro do admin */
    body.site-light .site-header.scrolled {
        background: rgba(255, 255, 255, .95) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        border-bottom: 1px solid rgba(15, 23, 42, .06) !important;
    }
    body.site-light .site-header.scrolled .menu-toggle {
        color: var(--th-light-heading) !important;
        background: none !important;
        background-image: none !important;
    }
    body.site-light .site-header.scrolled .header-social-link {
        background: rgba(255, 255, 255, .85) !important;
        color: var(--th-light-text) !important;
    }
    /* Mobile tema claro: header scrolled fica branco → troca p/ logo escura.
       Controlado pelo admin (Identidade → Header Mobile → “Trocar logo ao rolar
       no mobile”): o <body> ganha a classe .th-mobile-logo-swap quando ativado. */
    body.th-mobile-logo-swap.site-light .site-header.scrolled .site-logo-img.default-logo { display: none !important; opacity: 0 !important; }
    body.th-mobile-logo-swap.site-light .site-header.scrolled .site-logo-img.scroll-logo { display: block !important; opacity: 1 !important; pointer-events: auto !important; }
    /* Desativado: mantém a logo padrão (clara) visível também no tema claro */
    body:not(.th-mobile-logo-swap).site-light .site-header.scrolled .site-logo-img.default-logo { display: block !important; opacity: 1 !important; }
    body:not(.th-mobile-logo-swap).site-light .site-header.scrolled .site-logo-img.scroll-logo { display: none !important; opacity: 0 !important; pointer-events: none !important; }
}

/* ═══ MOBILE MENU — variantes de logo por tema ═══ */
.mobile-menu .mm-logo-light { display: none !important; }
body.site-light .mobile-menu .mm-logo-dark { display: none !important; }
body.site-light .mobile-menu .mm-logo-light { display: block !important; }

/* ═══ SEÇÕES GERAIS ═══ */
body.site-light .section { background: var(--th-light-card) !important; }
body.site-light .section-alt { background: var(--th-light-bg) !important; }
body.site-light .section-dark { background: var(--th-light-bg) !important; color: var(--th-light-text) !important; }
body.site-light .section-title { color: var(--th-light-heading) !important; }
body.site-light .section-subtitle { color: var(--th-light-muted) !important; }
body.site-light .section-tag { color: var(--th-color-gold) !important; }

/* ═══ CARDS DE SERVIÇO ═══ */
body.site-light .service-card {
    background: var(--th-light-card) !important;
    border-color: var(--th-light-border) !important;
    box-shadow: 0 2px 12px rgba(15, 23, 42, .05) !important;
}
body.site-light .service-card:hover {
    border-color: rgba(var(--th-color-gold-rgb), .45) !important;
    box-shadow: 0 14px 36px rgba(15, 23, 42, .10) !important;
}
body.site-light .service-card h3 { color: var(--th-light-heading) !important; }
body.site-light .service-card p { color: var(--th-light-text) !important; }
body.site-light .service-icon { background: rgba(var(--th-color-gold-rgb), .12) !important; }

/* ═══ TESTEMUNHOS ═══ */
body.site-light .testimonials-section { background: var(--th-light-bg) !important; }
body.site-light .testimonials-section .section-title { color: var(--th-light-heading) !important; }
body.site-light .testimonials-section .section-subtitle { color: var(--th-light-muted) !important; }
body.site-light .testimonial-card {
    background: var(--th-light-card) !important;
    border-color: var(--th-light-border) !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, .06) !important;
}
body.site-light .testimonial-card blockquote { color: var(--th-light-text) !important; }
body.site-light .testimonial-name { color: var(--th-light-heading) !important; }
body.site-light .testimonial-role { color: var(--th-light-muted) !important; }

/* ═══ BANDA DE CLIENTES ═══ */
body.site-light .clients-band { background: var(--th-light-card) !important; }
body.site-light .clients-band-title { color: var(--th-light-muted) !important; }
body.site-light .client-logo-link { filter: grayscale(1) opacity(.55) !important; }
body.site-light .client-logo-link:hover { filter: grayscale(0) opacity(1) !important; }

/* ═══ BLOG GRID (home + blog) ═══ */
body.site-light .blog-card {
    background: var(--th-light-card) !important;
    border-color: var(--th-light-border) !important;
}
body.site-light .blog-card:hover {
    box-shadow: 0 18px 48px rgba(15, 23, 42, .10) !important;
    border-color: rgba(var(--th-color-gold-rgb), .35) !important;
}
body.site-light .blog-card-content h2,
body.site-light .blog-card-content h2 a { color: var(--th-light-heading) !important; }
body.site-light .blog-card-content h2 a:hover { color: var(--th-color-gold) !important; }
body.site-light .blog-card-content p,
body.site-light .home-blog-grid .blog-card-content p { color: var(--th-light-text) !important; }
body.site-light .blog-card-meta { color: var(--th-light-muted) !important; }
body.site-light .blog-card-cat { background: rgba(var(--th-color-gold-rgb), .14) !important; color: #8a6d1f !important; }

/* ═══ CTA (seção de chamada) — usa a cor de CTA configurável ═══ */
body.site-light .cta-section {
    /* fallback para navegadores sem color-mix() */
    background: var(--th-light-cta-bg) !important;
    background: linear-gradient(135deg, var(--th-light-cta-bg) 0%, color-mix(in srgb, var(--th-light-cta-bg) 62%, #000) 100%) !important;
    color: var(--th-light-cta-text) !important;
    border-color: var(--th-light-cta-bg) !important;
    box-shadow: 0 18px 50px color-mix(in srgb, var(--th-light-cta-bg) 22%, transparent) !important;
}
body.site-light .cta-section h2 { color: var(--th-light-cta-text) !important; }
body.site-light .cta-section p { color: color-mix(in srgb, var(--th-light-cta-text) 74%, transparent) !important; }
body.site-light .cta-section .btn-primary {
    background: var(--th-color-gold) !important;
    color: #0a0a0a !important;
    border: none !important;
}

/* ═══ BOTÕES ═══ */
body.site-light .btn-secondary {
    color: var(--th-light-heading) !important;
    border-color: rgba(15, 23, 42, .25) !important;
}
body.site-light .btn-secondary:hover {
    background: var(--th-color-btn-hover-bg, #1f2689) !important;
    color: var(--th-color-btn-hover-text, #ffffff) !important;
    border-color: var(--th-color-btn-hover-bg, #1f2689) !important;
}

/* ═══ RODAPÉ ═══ */
body.site-light .site-footer {
    background: var(--th-light-card) !important;
    color: var(--th-light-text) !important;
    border-top: 1px solid var(--th-light-border) !important;
}
body.site-light .footer-logo-text { color: var(--th-light-heading) !important; }
body.site-light .footer-tagline { color: var(--th-light-muted) !important; }
body.site-light .footer-col-title { color: var(--th-light-heading) !important; }
body.site-light .footer-menu a { color: var(--th-light-text) !important; }
body.site-light .footer-menu a:hover { color: var(--th-color-gold) !important; padding-left: 4px; }
body.site-light .footer-divider { background: linear-gradient(90deg, transparent, rgba(15, 23, 42, .08) 20%, rgba(15, 23, 42, .08) 80%, transparent) !important; }
body.site-light .footer-copy { color: var(--th-light-muted) !important; }
body.site-light .fbc-item { color: var(--th-light-muted) !important; }
body.site-light .footer-map-link { color: var(--th-light-muted) !important; }
body.site-light .footer-map-link:hover { color: var(--th-color-gold) !important; }
body.site-light .footer-extra-info { color: var(--th-light-muted) !important; }
body.site-light .social-link {
    background: rgba(15, 23, 42, .05) !important;
    border-color: rgba(15, 23, 42, .08) !important;
    color: var(--th-light-muted) !important;
}
body.site-light .social-link:hover {
    background: var(--th-color-gold) !important;
    border-color: var(--th-color-gold) !important;
    color: #0a0a0a !important;
}

/* ═══ PÁGINAS DE CONTEÚDO (breadcrumb/migalhas) ═══ */
body.site-light .page-breadcrumbs { color: var(--th-light-muted) !important; }
body.site-light .page-breadcrumb-sep { color: var(--th-light-border) !important; }
body.site-light .page-breadcrumb-current { color: var(--th-light-heading) !important; }

/* ═══ BLOG — ARTIGO (post.php) ═══ */
body.site-light.blog .post-main { background: var(--th-light-bg) !important; }
body.site-light.blog .post-meta-bar { color: var(--th-light-muted) !important; }
body.site-light.blog .post-meta-item { color: var(--th-light-muted) !important; }
body.site-light.blog .post-meta-item strong { color: var(--th-light-heading) !important; }
body.site-light.blog .post-back-link { color: var(--th-color-gold) !important; }
body.site-light.blog .post-back-link:hover { color: var(--th-light-heading) !important; }
body.site-light.blog .post-section-title { color: var(--th-light-heading) !important; }
body.site-light.blog .post-accent-bar { background: var(--th-color-gold) !important; }
body.site-light.blog .post-related-card {
    background: var(--th-light-card) !important;
    border-color: var(--th-light-border) !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, .06) !important;
}
body.site-light.blog .post-related-card:hover {
    border-color: rgba(var(--th-color-gold-rgb), .35) !important;
    box-shadow: 0 12px 36px rgba(15, 23, 42, .10) !important;
}
body.site-light.blog .post-related-card-meta { color: var(--th-light-muted) !important; }
body.site-light.blog .post-related-card-cat { background: rgba(var(--th-color-gold-rgb), .14) !important; color: #8a6d1f !important; }
body.site-light.blog .post-related-card-title { color: var(--th-light-heading) !important; }
body.site-light.blog .post-related-card-title a { color: var(--th-light-heading) !important; }
body.site-light.blog .post-related-card-title a:hover { color: var(--th-color-gold) !important; }
body.site-light.blog .post-related-card-excerpt { color: var(--th-light-text) !important; }
body.site-light.blog .post-related-card-link { color: var(--th-color-gold) !important; }
body.site-light.blog .post-related-card-link:hover { color: var(--th-light-heading) !important; }
body.site-light.blog .post-edit-link { color: var(--th-light-muted) !important; }
body.site-light.blog .post-draft-badge { color: #b45309 !important; background: rgba(180, 83, 9, .10) !important; }
body.site-light.blog .post-featured-figure { border-color: var(--th-light-border) !important; }
body.site-light.blog .post-video-overlay { background: rgba(0, 0, 0, .4) !important; }
body.site-light.blog .post-video-close { color: var(--th-light-heading) !important; background: rgba(255, 255, 255, .9) !important; }
body.site-light.blog .post-video-close:hover { background: var(--th-color-gold) !important; color: #0a0a0a !important; }
body.site-light.blog .post-pip-indicator { background: var(--th-light-card) !important; color: var(--th-light-text) !important; border-color: var(--th-light-border) !important; }
body.site-light.blog .post-pip-restore { color: var(--th-color-gold) !important; }
body.site-light.blog .post-gallery-modal { background: rgba(0, 0, 0, .9) !important; }
body.site-light.blog .post-gallery-close { color: #fff !important; }
body.site-light.blog .post-gallery-caption { color: #fff !important; }

/* ═══ BLOG (listagem + artigo) ═══
   As páginas do blog já têm conteúdo claro; aqui clareamos o header
   fixo (blog-hdr), o banner (page-header) e o rodapé do blog. */

/* Header fixo do blog */
body.site-light.blog .blog-hdr {
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 2px 20px rgba(15, 23, 42, .08) !important;
}
body.site-light.blog .blog-hdr.scrolled {
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 2px 20px rgba(15, 23, 42, .12) !important;
}
body.site-light.blog .blog-hdr .site-logo-text { color: var(--th-light-heading) !important; }
body.site-light.blog .blog-hdr .site-logo-sub { color: var(--th-light-muted) !important; }
body.site-light.blog .blog-hdr-pill {
    background: rgba(15, 23, 42, .05) !important;
    box-shadow: 0 2px 12px rgba(15, 23, 42, .05) !important;
}
body.site-light.blog .blog-hdr.scrolled .blog-hdr-pill { background: rgba(15, 23, 42, .08) !important; }
body.site-light.blog .blog-hdr-search svg { color: var(--th-light-muted) !important; }
body.site-light.blog .blog-hdr-search input { color: var(--th-light-heading) !important; }
body.site-light.blog .blog-hdr-search input::placeholder { color: var(--th-light-muted) !important; }
body.site-light.blog .blog-hdr-div { background: rgba(15, 23, 42, .12) !important; }
body.site-light.blog .blog-hdr-socials a { color: var(--th-light-muted) !important; }
body.site-light.blog .blog-hdr-socials a:hover { color: var(--th-color-gold) !important; }
body.site-light.blog .blog-hdr-nav a { color: var(--th-light-text) !important; }
body.site-light.blog .blog-hdr-nav a:hover { color: var(--th-color-gold) !important; background: rgba(var(--th-color-gold-rgb), .10) !important; }
body.site-light.blog .blog-hdr-link {
    background: var(--th-light-cta-bg) !important;
    color: var(--th-light-cta-text) !important;
    border: none !important;
}
body.site-light.blog .blog-hdr-link:hover { background: var(--th-color-gold) !important; color: #0a0a0a !important; }
@media (max-width: 768px) {
    body.site-light.blog .blog-hdr-lupa {
        background: rgba(15, 23, 42, .06) !important;
        color: var(--th-light-heading) !important;
    }
    body.site-light.blog .blog-hdr-lupa:hover { color: var(--th-color-gold) !important; }
    body.site-light.blog .blog-hdr .menu-toggle {
        color: var(--th-light-heading) !important;
        background: none !important;
        background-image: none !important;
    }
    body.site-light.blog .blog-hdr .menu-toggle:hover { color: var(--th-color-gold) !important; }
    body.site-light.blog .blog-hdr-socials a {
        background: rgba(255, 255, 255, .85) !important;
        color: var(--th-light-text) !important;
        border: 1px solid rgba(15, 23, 42, .06) !important;
    }
}

/* Banner do blog / artigo (page-header) */
body.site-light.blog .page-header {
    background: linear-gradient(135deg, var(--th-light-bg) 0%, var(--th-light-card) 100%) !important;
    border-bottom: 1px solid var(--th-light-border) !important;
}
body.site-light.blog .blog-hero-title,
body.site-light.blog .page-header h1 { color: var(--th-light-heading) !important; }
body.site-light.blog .blog-hero-subtitle { color: var(--th-light-muted) !important; }
body.site-light.blog .blog-hero-date { color: var(--th-color-gold) !important; }
/* Texto de busca: o fundo do blog é sempre claro (body.blog = branco),
   então a correção vale para todos os visitantes, não só no tema claro. */
body.blog .blog-search-text { color: var(--th-light-muted) !important; }
body.blog .blog-search-bold { color: var(--th-light-heading) !important; }
body.site-light.blog .post-breadcrumb-link { color: var(--th-color-gold) !important; }
body.site-light.blog .post-breadcrumb-sep { color: var(--th-light-muted) !important; }
body.site-light.blog .post-breadcrumb-current { color: var(--th-light-muted) !important; }

/* Paginação do blog */
body.site-light.blog .blog-pagination a { color: var(--th-light-text) !important; border-color: var(--th-light-border) !important; }
body.site-light.blog .blog-pagination a:hover { color: var(--th-color-gold) !important; border-color: rgba(var(--th-color-gold-rgb), .4) !important; }
body.site-light.blog .blog-pagination .active { background: var(--th-color-gold) !important; color: #0a0a0a !important; border-color: var(--th-color-gold) !important; }
body.site-light.blog .blog-empty { color: var(--th-light-muted) !important; }

/* Rodapé do blog */
body.site-light.blog .blog-custom-footer {
    background: var(--th-light-card) !important;
    border-top: 1px solid var(--th-light-border) !important;
}
body.site-light.blog .blog-custom-footer * { color: var(--th-light-text) !important; }
body.site-light.blog .blog-custom-footer h3,
body.site-light.blog .blog-custom-footer h4 { color: var(--th-light-heading) !important; }
body.site-light.blog .blog-custom-footer a { color: var(--th-color-gold) !important; }
body.site-light.blog .blog-custom-footer a:hover { color: var(--th-light-heading) !important; }
body.site-light.blog .blog-footer-copy { color: var(--th-light-muted) !important; }
body.site-light.blog .blog-footer-cta { color: rgba(var(--th-color-gold-rgb), .85) !important; }
body.site-light.blog .blog-footer-cta:hover { color: var(--th-light-heading) !important; }

/* ═══ PÁGINAS GEO (/brasil, /brasil/{uf}/{cidade}) ═══
   O geo-hero (faixa escura) e o #hero continuam escuros nos dois temas;
   aqui clareamos o conteúdo (texto SEO, estados, cards de cidades, CTA)
   que o geo.css pinta de escuro com fundo fixo #0a0a0a. */
body.site-light .geo-content { background: var(--th-light-bg) !important; }
body.site-light .geo-seo-title { color: var(--th-light-heading) !important; }
body.site-light .geo-seo-desc { color: var(--th-light-text) !important; }
body.site-light .geo-strong-white { color: var(--th-light-heading) !important; }
body.site-light .geo-state-header { border-bottom-color: var(--th-light-border) !important; }
body.site-light .geo-state-name { color: var(--th-light-heading) !important; }
body.site-light .geo-state-link { color: var(--th-light-text) !important; }
body.site-light .geo-state-link:hover { color: var(--th-color-gold) !important; }
body.site-light .geo-state-count { color: var(--th-light-muted) !important; background: rgba(15, 23, 42, .06) !important; }
body.site-light .geo-city-card {
    background: var(--th-light-card) !important;
    border-color: var(--th-light-border) !important;
    box-shadow: 0 2px 12px rgba(15, 23, 42, .05) !important;
}
body.site-light .geo-city-card:hover { border-color: rgba(var(--th-color-gold-rgb), .4) !important; }
body.site-light .geo-city-name { color: var(--th-light-heading) !important; }
body.site-light .geo-cta-box {
    background: var(--th-light-card) !important;
    border-color: var(--th-light-border) !important;
    box-shadow: 0 10px 34px rgba(15, 23, 42, .07) !important;
}
body.site-light .geo-cta-title { color: var(--th-light-heading) !important; }
body.site-light .geo-cta-desc { color: var(--th-light-text) !important; }
/* geo-city: eventos atendidos + sobre o artista */
body.site-light.geo-city .geo-events-section { background: linear-gradient(180deg, var(--th-light-bg) 0%, var(--th-light-card) 50%, var(--th-light-bg) 100%) !important; }
body.site-light .geo-event-card {
    background: var(--th-light-card) !important;
    border-color: var(--th-light-border) !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, .05) !important;
}
body.site-light .geo-event-card:hover { border-color: rgba(var(--th-color-gold-rgb), .35) !important; }
body.site-light .geo-event-title { color: var(--th-light-heading) !important; }
body.site-light .geo-event-desc { color: var(--th-light-text) !important; }
body.site-light.geo-city .geo-artist-section { background: var(--th-light-bg) !important; }
body.site-light.geo-city .geo-artist-title { color: var(--th-light-heading) !important; }
body.site-light.geo-city .geo-artist-resumo { color: var(--th-light-text) !important; }
body.site-light.geo-city .geo-artist-list li { color: var(--th-light-text) !important; }
body.site-light.geo-city .geo-artist-note { color: var(--th-light-muted) !important; }
body.site-light.geo-city .geo-artist-photo { border-color: var(--th-light-border) !important; }

/* ═══ PÁGINAS DE EVENTO (/eventos, /evento/{tipo}) ═══
   O .evento-hero (faixa escura) continua escuro; o evento.css força
   #0a0a0a em todo o resto com !important — aqui ganhamos por
   especificidade e clareamos seções, cards e CTA. */
body.site-light.page-evento { background: var(--th-light-bg) !important; }
body.site-light.page-evento .page-header { background: var(--th-light-bg) !important; }
body.site-light.page-evento .thiper-breadcrumbs { color: var(--th-light-muted) !important; }
body.site-light.page-evento .thiper-breadcrumbs .page-breadcrumb-sep { color: var(--th-light-border) !important; }
body.site-light.page-evento .thiper-breadcrumbs [aria-current="page"] { color: var(--th-light-heading) !important; }
/* O breadcrumb fica DENTRO do .evento-hero (escuro) — permanece claro lá */
body.site-light.page-evento .evento-hero .thiper-breadcrumbs,
body.site-light.page-evento .evento-hero .thiper-breadcrumbs [aria-current="page"] { color: rgba(255, 255, 255, .62) !important; }
body.site-light.page-evento .evento-hero .thiper-breadcrumbs a { color: var(--th-color-gold) !important; }
body.site-light.page-evento .evento-hero .thiper-breadcrumbs .page-breadcrumb-sep { color: rgba(255, 255, 255, .3) !important; }
/* Botão secundário dentro do hero escuro continua claro (o hero não muda de tema) */
body.site-light .evento-hero .btn-secondary,
body.site-light .hero .btn-secondary,
body.site-light .geo-hero .btn-secondary {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .4) !important;
    background: transparent !important;
}
body.site-light .evento-hero .btn-secondary:hover,
body.site-light .hero .btn-secondary:hover,
body.site-light .geo-hero .btn-secondary:hover {
    background: rgba(255, 255, 255, .12) !important;
    border-color: var(--th-color-gold) !important;
    color: var(--th-color-gold) !important;
}
body.site-light.page-evento .evento-section { background: var(--th-light-card) !important; }
body.site-light.page-evento .evento-title { color: var(--th-light-heading) !important; }
body.site-light.page-evento .evento-desc { color: var(--th-light-text) !important; }
body.site-light.page-evento .evento-format-item {
    color: var(--th-light-text) !important;
    background: rgba(15, 23, 42, .04) !important;
    border-color: var(--th-light-border) !important;
}
body.site-light.page-evento .evento-artist-card {
    background: var(--th-light-card) !important;
    border-color: var(--th-light-border) !important;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .08) !important;
}
body.site-light.page-evento .evento-artist-photo-wrap { border-color: var(--th-light-border) !important; }
body.site-light.page-evento .evento-artist-name { color: var(--th-light-heading) !important; }
body.site-light.page-evento .evento-artist-bio { color: var(--th-light-text) !important; }
body.site-light.page-evento .evento-artist-creds li { color: var(--th-light-text) !important; }
body.site-light.page-evento .evento-benefits { background: linear-gradient(180deg, var(--th-light-bg) 0%, var(--th-light-card) 100%) !important; }
body.site-light.page-evento .evento-benefit-card {
    background: var(--th-light-card) !important;
    border-color: var(--th-light-border) !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, .05) !important;
}
body.site-light.page-evento .evento-benefit-card p { color: var(--th-light-text) !important; }
body.site-light.page-evento .evento-cta { background: var(--th-light-bg) !important; }
body.site-light.page-evento .evento-cta-box {
    background: linear-gradient(135deg, rgba(var(--th-color-gold-rgb), .07), rgba(var(--th-color-gold-rgb), .02)) !important;
    border-color: rgba(var(--th-color-gold-rgb), .25) !important;
    background-color: var(--th-light-card) !important;
}
body.site-light.page-evento .evento-cta-title { color: var(--th-light-heading) !important; }
body.site-light.page-evento .evento-cta-desc { color: var(--th-light-text) !important; }
body.site-light.page-evento .evento-related,
body.site-light.page-evento .evento-all { background: var(--th-light-bg) !important; }
body.site-light.page-evento .site-footer {
    background: var(--th-light-card) !important;
    color: var(--th-light-text) !important;
    border-top: 1px solid var(--th-light-border) !important;
}
body.site-light.page-evento .footer-logo-text { color: var(--th-light-heading) !important; }
body.site-light.page-evento .footer-tagline { color: var(--th-light-muted) !important; }
body.site-light.page-evento .footer-col-title { color: var(--th-light-heading) !important; }
body.site-light.page-evento .footer-menu a { color: var(--th-light-text) !important; }
body.site-light.page-evento .footer-menu a:hover { color: var(--th-color-gold) !important; }
body.site-light.page-evento .footer-divider { background: linear-gradient(90deg, transparent, rgba(15, 23, 42, .08) 20%, rgba(15, 23, 42, .08) 80%, transparent) !important; }
body.site-light.page-evento .footer-copy { color: var(--th-light-muted) !important; }
body.site-light.page-evento .fbc-item { color: var(--th-light-muted) !important; }
body.site-light.page-evento .footer-map-link { color: var(--th-light-muted) !important; }
body.site-light.page-evento .social-link {
    background: rgba(15, 23, 42, .05) !important;
    border-color: rgba(15, 23, 42, .08) !important;
    color: var(--th-light-muted) !important;
}
body.site-light.page-evento .social-link:hover { background: var(--th-color-gold) !important; border-color: var(--th-color-gold) !important; color: #0a0a0a !important; }
body.site-light.page-evento .evento-related-card {
    background: var(--th-light-card) !important;
    border-color: var(--th-light-border) !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, .05) !important;
}
body.site-light.page-evento .evento-related-card:hover { background: var(--th-light-card) !important; }
body.site-light.page-evento .evento-related-card h3 { color: var(--th-light-heading) !important; }
body.site-light.page-evento .evento-related-card p { color: var(--th-light-text) !important; }

/* ═══ PÁGINA /deco (Método DECO) ═══
   O design da página já é claro; aqui corrigimos o header e o rodapé
   que o layout.php força com textos brancos / fundo #0a0a0a. */
body.site-light.page-deco .header-pill {
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 8px 28px rgba(15, 23, 42, .10) !important;
}
body.site-light.page-deco .site-header.scrolled .header-pill { background: rgba(255, 255, 255, .97) !important; }
body.site-light.page-deco .nav-link { color: var(--th-light-text) !important; }
body.site-light.page-deco .nav-link:hover { color: var(--th-color-gold) !important; background: rgba(var(--th-color-gold-rgb), .10) !important; }
body.site-light.page-deco .site-logo-text { color: var(--th-light-heading) !important; }
body.site-light.page-deco .site-logo-sub { color: var(--th-light-muted) !important; }
body.site-light.page-deco .menu-toggle { color: var(--th-light-heading) !important; }
body.site-light.page-deco .menu-toggle:hover { color: var(--th-color-gold) !important; }
body.site-light.page-deco .header-social-link {
    color: var(--th-light-muted) !important;
    background: rgba(15, 23, 42, .05) !important;
    border-color: var(--th-light-border) !important;
}
/* Logo do deco: em tema claro o header é claro — usa a variante escura (SVG B) sempre */
body.site-light.page-deco .site-logo-img.default-logo { display: none !important; opacity: 0 !important; }
body.site-light.page-deco .site-logo-img.scroll-logo { display: block !important; opacity: 1 !important; pointer-events: auto !important; }
body.site-light.page-deco .site-footer {
    background: var(--th-light-card) !important;
    color: var(--th-light-text) !important;
    border-top: 1px solid var(--th-light-border) !important;
}
body.site-light.page-deco .footer-logo-text { color: var(--th-light-heading) !important; }
body.site-light.page-deco .footer-tagline { color: var(--th-light-muted) !important; }
body.site-light.page-deco .footer-col-title { color: var(--th-light-heading) !important; }
body.site-light.page-deco .footer-menu a { color: var(--th-light-text) !important; }
body.site-light.page-deco .footer-menu a:hover { color: var(--th-color-gold) !important; }
body.site-light.page-deco .footer-divider { background: linear-gradient(90deg, transparent, rgba(15, 23, 42, .08) 20%, rgba(15, 23, 42, .08) 80%, transparent) !important; }
body.site-light.page-deco .footer-copy { color: var(--th-light-muted) !important; }
body.site-light.page-deco .fbc-item { color: var(--th-light-muted) !important; }
body.site-light.page-deco .social-link {
    background: rgba(15, 23, 42, .05) !important;
    border-color: rgba(15, 23, 42, .08) !important;
    color: var(--th-light-muted) !important;
}
body.site-light.page-deco .social-link:hover { background: var(--th-color-gold) !important; border-color: var(--th-color-gold) !important; color: #0a0a0a !important; }
@media (max-width: 768px) {
    body.site-light.page-deco .menu-toggle {
        color: var(--th-light-heading) !important;
        background: none !important;
        background-image: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    body.site-light.page-deco .header-social-link {
        background: rgba(255, 255, 255, .85) !important;
        color: var(--th-light-text) !important;
        border-color: var(--th-light-border) !important;
    }
}

/* ═══ SEÇÃO "SOBRE O ARTISTA" (home) + PÁGINA /sobre (sobre.php) ═══ */
body.site-light .sobre-container {
    background: var(--th-light-bg) !important;
    color: var(--th-light-text) !important;
}
body.site-light .sobre-section {
    background: var(--th-light-bg) !important;
    color: var(--th-light-text) !important;
}
body.site-light .sobre-section .section-tag { color: var(--th-color-gold) !important; }
/* Hero do /sobre mantém o visual de faixa escura (padrão dos demais heroes) */
body.site-light .sobre-hero {
    background: linear-gradient(180deg, #0a0a0a 0%, #16161a 100%) !important;
    border-bottom-color: rgba(var(--th-color-gold-rgb), .12) !important;
}
body.site-light .sobre-hero h1 { color: #fff !important; }
body.site-light .sobre-hero p { color: rgba(255,255,255,.68) !important; }
/* Conteúdo da página /sobre */
body.site-light .sobre-content h2 { color: var(--th-light-heading) !important; }
body.site-light .sobre-content h2::after { background: var(--th-color-gold) !important; }
body.site-light .sobre-content p { color: var(--th-light-text) !important; }
body.site-light .sobre-note { color: var(--th-light-muted) !important; }
body.site-light .sobre-note a { color: var(--th-color-gold) !important; border-bottom-color: rgba(var(--th-color-gold-rgb), .3) !important; }
body.site-light .sobre-section-title { color: var(--th-light-heading) !important; }
body.site-light .sobre-section-subtitle { color: var(--th-light-muted) !important; }
body.site-light .sobre-section-bordered { border-top-color: var(--th-light-border) !important; }
body.site-light .sobre-photo-card {
    border-color: var(--th-light-border) !important;
    box-shadow: 0 15px 40px rgba(15, 23, 42, .12) !important;
}
/* Cards de identidade / pilares */
body.site-light .identity-section { background: var(--th-light-bg) !important; }
body.site-light .identity-card,
body.site-light .pillar-card {
    background: var(--th-light-card) !important;
    border-color: var(--th-light-border) !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, .06) !important;
}
body.site-light .identity-card:hover,
body.site-light .pillar-card:hover {
    border-color: rgba(var(--th-color-gold-rgb), .35) !important;
    background: var(--th-light-card) !important;
}
body.site-light .identity-card h3 { color: var(--th-color-gold) !important; }
body.site-light .identity-card .name-val { color: var(--th-light-heading) !important; }
body.site-light .identity-card p { color: var(--th-light-text) !important; }
body.site-light .pillar-card h3 { color: var(--th-light-heading) !important; }
body.site-light .pillar-card p { color: var(--th-light-text) !important; }
body.site-light .pillar-icon {
    background: rgba(var(--th-color-gold-rgb), .12) !important;
    color: var(--th-color-gold) !important;
}
/* Banda de imprensa / TV */
body.site-light .media-logo-item {
    color: var(--th-light-muted) !important;
    border-color: var(--th-light-border) !important;
}
body.site-light .media-logo-item:hover {
    color: var(--th-color-gold) !important;
    border-color: rgba(var(--th-color-gold-rgb), .4) !important;
    background: rgba(var(--th-color-gold-rgb), .06) !important;
}
body.site-light .tv-card {
    background: var(--th-light-card) !important;
    border-color: var(--th-light-border) !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, .06) !important;
}
body.site-light .tv-card:hover {
    border-color: rgba(var(--th-color-gold-rgb), .35) !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .10) !important;
}
body.site-light .tv-card-title { color: var(--th-light-heading) !important; }
body.site-light .tv-card-desc { color: var(--th-light-muted) !important; }
/* Classes antigas do /sobre (compat) */
body.site-light .sobre-nome { color: var(--th-color-gold) !important; }
body.site-light .sobre-title { color: var(--th-light-heading) !important; }
body.site-light .sobre-text p { color: var(--th-light-text) !important; }
body.site-light .sobre-ig { color: var(--th-light-muted) !important; }
body.site-light .sobre-ig a { color: var(--th-color-gold) !important; }
body.site-light .sobre-rating-label { color: var(--th-light-heading) !important; }
body.site-light .sobre-rating-count { color: var(--th-light-muted) !important; }
body.site-light .sobre-cta {
    background: var(--th-color-gold) !important;
    color: #0a0a0a !important;
}
body.site-light .sobre-cta:hover {
    background: var(--th-color-btn-hover-bg, #1f2689) !important;
    color: var(--th-color-btn-hover-text, #ffffff) !important;
}

/* ═══ ARQUIVOS DE TAG/CATEGORIA (tag-listing.php) ═══ */
body.site-light .tag-section {
    background: var(--th-light-bg) !important;
}
body.site-light .tag-card {
    background: var(--th-light-card) !important;
    border-color: var(--th-light-border) !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, .06) !important;
}
body.site-light .tag-card:hover {
    border-color: rgba(var(--th-color-gold-rgb), .35) !important;
    box-shadow: 0 12px 36px rgba(15, 23, 42, .10) !important;
}
body.site-light .tag-card-image {
    background: var(--th-light-card) !important;
}
body.site-light .tag-card-image::after {
    background: linear-gradient(90deg, transparent 0, rgba(15, 23, 42, .05) 50%, transparent 100%) !important;
}
body.site-light .tag-card-image .tag-card-placeholder {
    color: var(--th-light-muted) !important;
    background: rgba(15, 23, 42, .04) !important;
}
body.site-light .tag-card-title { color: var(--th-light-heading) !important; }
body.site-light .tag-card:hover .tag-card-title { color: var(--th-color-gold) !important; }
body.site-light .tag-card-excerpt { color: var(--th-light-text) !important; }
body.site-light .tag-card-meta { color: var(--th-light-muted) !important; }
body.site-light .tag-card-cat {
    background: rgba(var(--th-color-gold-rgb), .14) !important;
    color: #8a6d1f !important;
}
/* Hero da tag continua escuro (padrão dos demais heroes) */
body.site-light .tag-hero p { color: rgba(255,255,255,.55) !important; }
body.site-light .tag-footer .btn-secondary {
    color: var(--th-light-heading) !important;
    border-color: rgba(15, 23, 42, .25) !important;
}

/* ═══ TEXTO DO LOGO NO MENU MOBILE (tema claro) ═══
   Só o span do nome da marca (color:#fff inline) precisa virar escuro;
   o slogan (dourado) já é legível e mantém o acento da marca. */
body.site-light .mobile-menu .mobile-menu-brand span:first-of-type {
    color: var(--th-light-heading) !important;
}

/* ═══ FAQ / PERGUNTAS FREQUENTES ═══ */
body.site-light .section.faq-section,
body.site-light .faq-section {
    background: var(--th-light-bg) !important;
}
body.site-light .faq-list { gap: 12px; }
body.site-light .faq-item {
    background: var(--th-light-card) !important;
    border-color: var(--th-light-border) !important;
}
body.site-light .faq-item:hover {
    border-color: rgba(var(--th-color-gold-rgb), .25) !important;
    background: var(--th-light-card) !important;
}
body.site-light .faq-item.open {
    border-color: rgba(var(--th-color-gold-rgb), .3) !important;
    background: var(--th-light-card) !important;
}
body.site-light .faq-question {
    color: var(--th-light-heading) !important;
}
body.site-light .faq-question::after {
    color: var(--th-color-gold) !important;
    background: rgba(var(--th-color-gold-rgb), .12) !important;
}
body.site-light .faq-answer p {
    color: var(--th-light-text) !important;
}

/* ═══ CONTEÚDO DE PÁGINAS (.entry-content) ═══ */
body.site-light .entry-content {
    color: var(--th-light-text) !important;
}
body.site-light .entry-content h2 {
    color: var(--th-light-heading) !important;
    border-left-color: var(--th-color-gold) !important;
}
body.site-light .entry-content h3 {
    color: var(--th-light-heading) !important;
}
body.site-light .entry-content p {
    color: var(--th-light-text) !important;
}
body.site-light .entry-content li {
    color: var(--th-light-text) !important;
}
body.site-light .entry-content li strong {
    color: var(--th-light-heading) !important;
}
body.site-light .entry-content blockquote {
    background: var(--th-light-card) !important;
    border-left-color: var(--th-color-gold) !important;
    color: var(--th-light-text) !important;
}
body.site-light .entry-content a {
    color: var(--th-color-gold) !important;
}
body.site-light .entry-content img {
    border-color: var(--th-light-border) !important;
}
body.site-light .entry-content code {
    background: rgba(15, 23, 42, .06) !important;
    color: var(--th-light-heading) !important;
}
body.site-light .entry-content pre {
    background: rgba(15, 23, 42, .04) !important;
    border-color: var(--th-light-border) !important;
}
body.site-light .entry-content pre code {
    background: transparent !important;
    color: var(--th-light-text) !important;
}
body.site-light .entry-content table {
    border-color: var(--th-light-border) !important;
}
body.site-light .entry-content th {
    background: rgba(15, 23, 42, .04) !important;
    color: var(--th-light-heading) !important;
    border-color: var(--th-light-border) !important;
}
body.site-light .entry-content td {
    border-color: var(--th-light-border) !important;
}

/* ═══ SHARE BUTTONS ═══ */
body.site-light .share-buttons { border-color: var(--th-light-border) !important; }
body.site-light .share-buttons-title { color: var(--th-light-heading) !important; }
body.site-light .share-btn {
    background: rgba(15, 23, 42, .05) !important;
    border-color: rgba(15, 23, 42, .08) !important;
    color: var(--th-light-muted) !important;
}
body.site-light .share-btn:hover {
    background: var(--th-color-gold) !important;
    border-color: var(--th-color-gold) !important;
    color: #0a0a0a !important;
}

/* ═══ SEÇÕES GENÉRICAS ESQUECIDAS ═══ */
body.site-light .page-header {
    background: linear-gradient(135deg, var(--th-light-bg) 0%, var(--th-light-card) 100%) !important;
    border-bottom: 1px solid var(--th-light-border) !important;
}
body.site-light .page-header h1 { color: var(--th-light-heading) !important; }
body.site-light .page-header p { color: var(--th-light-muted) !important; }

/* Sobre-section pode não estar dentro de .section — garante .section-alt claro */
body.site-light .section-alt {
    background: var(--th-light-bg) !important;
}

/* ═══ MOBILE MENU — tema claro ═══ */
body.site-light .mobile-menu {
    background: rgba(255, 255, 255, .97) !important;
    border-left-color: var(--th-light-border) !important;
}
body.site-light .mobile-menu-topbar {
    border-bottom-color: var(--th-light-border) !important;
}
body.site-light .mobile-menu-close {
    color: var(--th-light-heading) !important;
}
body.site-light .mobile-menu-close:hover {
    background: rgba(15, 23, 42, .06) !important;
    color: var(--th-light-heading) !important;
}
body.site-light .mobile-link {
    color: var(--th-light-text) !important;
}
body.site-light .mobile-link:hover,
body.site-light .mobile-link.active {
    color: var(--th-color-gold) !important;
    background: rgba(var(--th-color-gold-rgb), .08) !important;
}
body.site-light .mobile-cta {
    color: #0a0a0a !important;
}
body.site-light .mobile-menu-social-label {
    color: var(--th-light-muted) !important;
}
body.site-light .mobile-social-link {
    background: rgba(15, 23, 42, .05) !important;
    border-color: rgba(15, 23, 42, .08) !important;
    color: var(--th-light-muted) !important;
}
body.site-light .mobile-social-link:hover {
    background: var(--th-color-gold) !important;
    border-color: var(--th-color-gold) !important;
    color: #0a0a0a !important;
}

/* ═══ COOKIE CONSENT — tema claro ═══ */
body.site-light .thi-cookie-banner {
    background: var(--th-light-card) !important;
    color: var(--th-light-text) !important;
}
body.site-light .thi-cookie-btn {
    color: #0a0a0a !important;
}
body.site-light .thi-cookie-btn--ghost {
    border-color: rgba(15, 23, 42, .2) !important;
    color: var(--th-light-text) !important;
}
body.site-light .thi-cookie-link {
    color: var(--th-color-gold) !important;
}
body.site-light .thi-cookie-close {
    color: var(--th-light-heading) !important;
}

/* ═══ SCROLL INDICATOR — tema claro ═══ */
/* Cores controladas pelo admin (home_scroll_color / home_scroll_icon_color).
   Removido override forçado que bagunçava a cor configurada pelo usuário. */

/* ═══ TRANSIÇÃO SUAVE AO TROCAR DE TEMA ═══ */
body.site-light,
body.site-light .site-header,
body.site-light .header-pill,
body.site-light .site-footer,
body.site-light .service-card,
body.site-light .blog-card,
body.site-light .testimonial-card,
body.site-light .cta-section {
    transition: background-color .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease;
}

/* ═══ SCROLL-TO-TOP ═══ */
body.site-light .scroll-top-btn {
    background: var(--th-light-card) !important;
    color: var(--th-light-heading) !important;
    border-color: var(--th-light-border) !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, .10) !important;
}
body.site-light .scroll-top-btn:hover {
    background: var(--th-color-gold) !important;
    color: #0a0a0a !important;
    border-color: var(--th-color-gold) !important;
}

/* ═══ ENGAGEMENT CHAT WIDGET ═══ */
body.site-light .thi-chat-widget { filter: none !important; }
body.site-light .thi-chat-window {
    background: var(--th-light-card) !important;
    border-color: var(--th-light-border) !important;
    box-shadow: 0 20px 60px rgba(15, 23, 42, .15) !important;
}
body.site-light .thi-chat-header {
    background: var(--th-light-cta-bg) !important;
    color: var(--th-light-cta-text) !important;
}
body.site-light .thi-chat-body { background: var(--th-light-bg) !important; }
body.site-light .thi-chat-input { background: var(--th-light-card) !important; color: var(--th-light-text) !important; border-color: var(--th-light-border) !important; }
body.site-light .thi-chat-msg { color: var(--th-light-text) !important; }
body.site-light .thi-chat-msg--bot { background: var(--th-light-card) !important; color: var(--th-light-text) !important; border-color: var(--th-light-border) !important; }
body.site-light .thi-chat-msg--user { background: var(--th-color-gold) !important; color: #0a0a0a !important; }