/* ============================================================
LUCAS FONTANA — LIGHT THEME + ICON PATCH (unified)
Adicione APÓS hero-orbital.css no :
============================================================ */
/* ══════════════════════════════════════════════
TEMA CLARO — variáveis sobrescritas via .theme-light no
Para ativar: JS escreve class="theme-light" no
O botão ☀️/🌙 fica na navbar (sempre visível)
══════════════════════════════════════════════ */
/* ── Botão de tema — sempre visível na nav, mesmo antes do scroll ── */
.orb-nav-right .theme-toggle {
opacity: 1 !important;
pointer-events: all !important;
width: 36px; height: 36px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.25);
background: rgba(255,255,255,0.08);
cursor: pointer;
display: flex; align-items: center; justify-content: center;
font-size: 1rem;
color: #fff;
transition: background .2s, border-color .2s, transform .15s;
flex-shrink: 0;
}
.orb-nav-right .theme-toggle:hover {
background: rgba(255,255,255,0.18);
border-color: rgba(255,255,255,0.5);
transform: scale(1.1);
}
body.theme-light .orb-nav-right .theme-toggle {
border-color: rgba(21,88,168,0.3);
background: rgba(21,88,168,0.07);
color: var(--blue);
}
body.theme-light .orb-nav-right .theme-toggle:hover {
background: rgba(21,88,168,0.14);
border-color: var(--blue);
}
/* ══════════════════════════════════════════════
TEMA CLARO — CORREÇÕES COMPLETAS DE CONTRASTE
Prefixo: body.theme-light
══════════════════════════════════════════════ */
/* ── BASE ── */
body.theme-light {
background: #F2F4F8;
color: #1A1D27;
}
/* ── SEÇÕES — backgrounds alternados ── */
body.theme-light .section { background: #F2F4F8; }
body.theme-light .section[style*="dark2"],
body.theme-light #sobre,
body.theme-light #patrocinadores,
body.theme-light #produtos,
body.theme-light #future { background: #EAECF5 !important; }
body.theme-light .section[style*="dark3"],
body.theme-light #stats { background: #F2F4F8 !important; }
body.theme-light .wheel-section { background: #E4E8F3 !important; }
body.theme-light .garage-section { background: #EAECF5 !important; }
body.theme-light .cta-section { background: linear-gradient(135deg, #E4E8F3 0%, rgba(21,88,168,.06) 100%) !important; }
/* ── TÍTULOS ── */
body.theme-light .section-title { color: #111320; }
body.theme-light .section-title span { color: var(--blue); }
body.theme-light .section-subtitle { color: #5A6278; }
body.theme-light .section-tag { color: var(--blue); background: rgba(21,88,168,.08); border-color: rgba(21,88,168,.22); }
/* Títulos de seção específicos */
body.theme-light .about-grid h2,
body.theme-light .garage-content h2,
body.theme-light .cta-title,
body.theme-light .future-grid h2 { color: #111320; }
body.theme-light .cta-title span,
body.theme-light .garage-content h2 span { color: var(--blue); }
/* ── TEXTOS & PARÁGRAFOS ── */
body.theme-light .about-text,
body.theme-light .future-text,
body.theme-light .cta-text,
body.theme-light .section-subtitle,
body.theme-light p { color: #4A5268; }
body.theme-light .future-text strong { color: #111320; }
/* ── CARDS GENÉRICOS ── */
body.theme-light .stat-card,
body.theme-light .highlight-card,
body.theme-light .about-content-img,
body.theme-light .topic-item,
body.theme-light .product-card,
body.theme-light .reel-card,
body.theme-light .contact-card,
body.theme-light .wheel-result,
body.theme-light .future-card,
body.theme-light .chart-card,
body.theme-light .kpi-card { background: #FFFFFF; border-color: rgba(21,88,168,.14); box-shadow: 0 2px 12px rgba(21,88,168,.07); color: #1A1D27; }
body.theme-light .stat-card:hover,
body.theme-light .product-card:hover,
body.theme-light .reel-card:hover,
body.theme-light .contact-card:hover { border-color: var(--blue); box-shadow: 0 4px 20px rgba(21,88,168,.14); }
/* ── VALORES E LABELS NOS CARDS ── */
body.theme-light .stat-value,
body.theme-light .kpi-value,
body.theme-light .highlight-num,
body.theme-light .cta-trust-val,
body.theme-light .profile-stat-val { color: var(--blue); }
body.theme-light .stat-label,
body.theme-light .kpi-label,
body.theme-light .highlight-desc,
body.theme-light .cta-trust-lbl,
body.theme-light .profile-stat-lbl { color: #6A7290; }
body.theme-light .product-name,
body.theme-light .reel-title,
body.theme-light .contact-card-value,
body.theme-light .reel-modal-title { color: #111320; }
body.theme-light .product-desc,
body.theme-light .reel-views,
body.theme-light .reel-sponsor-tag,
body.theme-light .contact-card-label { color: #7A849A; }
/* ── ABOUT BADGES ── */
body.theme-light .badge,
body.theme-light .garage-badge { background: rgba(21,88,168,.07); color: #1558A8; border-color: rgba(21,88,168,.2); }
/* ── TOPICS GRID ── */
body.theme-light .topic-item { background: #FFFFFF; border-color: rgba(21,88,168,.14); }
body.theme-light .topic-name { color: #111320; }
body.theme-light .topic-icon { background: rgba(21,88,168,.08); color: var(--blue); }
body.theme-light .topic-icon i { color: var(--blue); }
/* ── FUTURE CARDS ── */
body.theme-light .future-card { background: #FFFFFF; border-left-color: var(--blue); border-color: rgba(21,88,168,.14); }
body.theme-light .future-card-title { color: #111320; }
body.theme-light .future-card-desc { color: #6A7290; }
body.theme-light .future-card-icon { background: rgba(21,88,168,.1); color: var(--blue); }
body.theme-light .future-card-icon i { color: var(--blue); }
/* ── STATS ── */
body.theme-light .stats-platform-panel { color: #1A1D27; }
body.theme-light .stats-ptab { background: #EAECF5; border-color: rgba(21,88,168,.2); color: #5A6278; }
body.theme-light .stats-ptab.active,
body.theme-light .stats-ptab:hover { background: var(--blue); color: #fff; border-color: var(--blue); }
body.theme-light .stats-more-btn { color: var(--blue); border-color: rgba(21,88,168,.3); background: transparent; }
body.theme-light .stats-more-btn:hover { background: rgba(21,88,168,.07); }
body.theme-light .prog-bar { background: rgba(21,88,168,.1); }
body.theme-light .prog-label { color: #1A1D27; }
body.theme-light .prog-val { color: var(--blue); }
body.theme-light .chart-card h4 { color: #111320; }
body.theme-light .chart-card h4 i { color: var(--blue); }
body.theme-light .about-content-img h3 { color: var(--blue) !important; }
/* ── PRODUCTS ── */
body.theme-light .products-filters .filter-btn { background: #EAECF5; border-color: rgba(21,88,168,.2); color: #5A6278; }
body.theme-light .filter-btn.active,
body.theme-light .filter-btn:hover { background: var(--blue); color: #fff; border-color: var(--blue); }
body.theme-light .product-link { background: var(--blue); color: #fff; }
body.theme-light .product-link:hover { background: var(--blue-dark); }
/* ── REELS ── */
body.theme-light .reel-card { background: #FFFFFF; }
body.theme-light .reel-thumb-placeholder { background: linear-gradient(160deg, #dde3f0, #c8d0e8); }
body.theme-light .reel-thumb-placeholder .thumb-label { color: #7A849A; }
body.theme-light .reel-modal { background: #FFFFFF; border-color: rgba(21,88,168,.2); }
body.theme-light .reel-modal-close { background: rgba(0,0,0,.08); border-color: rgba(21,88,168,.2); color: #1A1D27; }
/* ── GALERIA (cars) ── */
body.theme-light .car-card,
body.theme-light .gallery-album-card { background: #FFFFFF; border-color: rgba(21,88,168,.14); box-shadow: 0 2px 12px rgba(21,88,168,.07); }
body.theme-light .car-card:hover,
body.theme-light .gallery-album-card:hover { border-color: var(--blue); box-shadow: 0 6px 24px rgba(21,88,168,.14); }
body.theme-light .car-name,
body.theme-light .car-title { color: #111320; }
body.theme-light .car-desc,
body.theme-light .car-year { color: #6A7290; }
body.theme-light .car-year-badge { background: rgba(21,88,168,.1); color: var(--blue); }
/* ── GALERIA FOTOS ── */
body.theme-light .gallery-cat-btn { background: #EAECF5; border-color: rgba(21,88,168,.2); color: #5A6278; }
body.theme-light .gallery-cat-btn.active,
body.theme-light .gallery-cat-btn:hover { background: var(--blue); color: #fff; border-color: var(--blue); }
/* ── SPONSORS MARQUEE ── */
body.theme-light .sponsors-marquee-wrap { background: transparent; }
body.theme-light .sponsor-item { border-right-color: rgba(21,88,168,.1); }
body.theme-light .sponsor-item-name { color: #6A7290; }
body.theme-light .sponsor-item:hover .sponsor-item-name { color: var(--blue); }
/* Logos com fundo branco ficam OK; forçar contraste para logos escuros */
body.theme-light .sponsor-item-logo img { filter: none; }
/* ── SLOT MACHINE ── */
body.theme-light .scl-title { color: #111320; }
body.theme-light .scl-item code { color: var(--blue); }
body.theme-light .scl-sp { color: #6A7290; }
body.theme-light .slot-result-panel { background: #FFFFFF; border-color: rgba(21,88,168,.2); }
body.theme-light .srp-idle p { color: #4A5268; }
body.theme-light .srp-idle strong { color: #111320; }
body.theme-light .result-sponsor { color: var(--blue); }
body.theme-light .result-code { color: #111320; background: rgba(21,88,168,.08); border-color: var(--blue); }
body.theme-light .result-discount { color: #6A7290; }
/* ── YOUTUBE CAROUSEL ── */
body.theme-light .yt-card { background: #FFFFFF; border-color: rgba(21,88,168,.14); }
body.theme-light .yt-card-title { color: #111320; }
body.theme-light .yt-card-date { color: #7A849A; }
body.theme-light .yt-carousel-btn { background: #FFFFFF; border-color: rgba(21,88,168,.2); color: var(--blue); }
body.theme-light .yt-carousel-btn:hover { background: var(--blue); color: #fff; }
/* ── GARAGEM ── */
body.theme-light .garage-content p { color: #4A5268; }
body.theme-light .garage-section { background: #EAECF5 !important; }
body.theme-light .garage-link-go { background: linear-gradient(135deg, #e65c00, #F0A500); color: #fff; }
body.theme-light .garage-link-lock { background: linear-gradient(135deg, #1558A8, #2070D0); color: #fff; }
/* ── CTA / CONTATO ── */
body.theme-light .cta-trust { background: rgba(21,88,168,.06); border-color: rgba(21,88,168,.15); }
body.theme-light .cta-trust-item { border-right-color: rgba(21,88,168,.15); }
body.theme-light .contact-card { background: #FFFFFF; border-color: rgba(21,88,168,.14); color: #1A1D27; }
body.theme-light .contact-card:hover { background: rgba(21,88,168,.05); border-color: var(--blue); }
body.theme-light .contact-card-value { color: #111320; }
/* ── FOOTER ── */
body.theme-light footer { background: #E4E8F3; border-top-color: rgba(21,88,168,.15); color: #5A6278; }
body.theme-light footer a { color: var(--blue); }
body.theme-light footer .footer-stripe { background: linear-gradient(90deg, var(--red), var(--blue)); }
/* ── MODAL / LIGHTBOX ── */
body.theme-light .modal { background: #FFFFFF; border-color: rgba(21,88,168,.2); }
body.theme-light .modal h3 { color: #111320; }
body.theme-light .modal p { color: #5A6278; }
body.theme-light .modal-close { color: #5A6278; }
body.theme-light .modal-close:hover { color: #111320; }
/* Car lightbox */
body.theme-light .car-lightbox,
body.theme-light #carLightbox { background: rgba(244,246,250,.96); }
body.theme-light .car-lb-name { color: #111320; }
body.theme-light .car-lb-year { color: var(--blue); }
body.theme-light .car-lb-desc { color: #5A6278; }
body.theme-light .car-lb-close { background: rgba(21,88,168,.08); color: #111320; border-color: rgba(21,88,168,.2); }
body.theme-light .car-lb-nav-btn { background: rgba(255,255,255,.9); color: #111320; border-color: rgba(21,88,168,.2); box-shadow: 0 2px 8px rgba(21,88,168,.1); }
body.theme-light .car-lb-counter { color: #5A6278; }
body.theme-light .car-lb-thumb { opacity: .55; border-color: transparent; }
body.theme-light .car-lb-thumb.active { opacity: 1; border-color: var(--blue); }
/* ── VER MAIS / VER MENOS BTN ── */
body.theme-light .collapse-toggle-btn { border-color: rgba(21,88,168,.3); color: var(--blue); }
body.theme-light .collapse-toggle-btn:hover { background: rgba(21,88,168,.07); color: var(--blue-dark); border-color: var(--blue); }
/* ── Collapse fade — sobrescreve a sombra escura no tema claro ── */
body.theme-light .collapse-wrap:not(.is-open)::after {
background: linear-gradient(to bottom, transparent, #EAECF5) !important;
}
/* Ajuste por seção (backgrounds ligeiramente diferentes) */
body.theme-light #sobre .collapse-wrap:not(.is-open)::after,
body.theme-light #patrocinadores .collapse-wrap:not(.is-open)::after,
body.theme-light #produtos .collapse-wrap:not(.is-open)::after,
body.theme-light #visao .collapse-wrap:not(.is-open)::after { background: linear-gradient(to bottom, transparent, #EAECF5) !important; }
body.theme-light #stats .collapse-wrap:not(.is-open)::after,
body.theme-light #reels .collapse-wrap:not(.is-open)::after,
body.theme-light #gallery .collapse-wrap:not(.is-open)::after,
body.theme-light #yt-latest .collapse-wrap:not(.is-open)::after,
body.theme-light #garage .collapse-wrap:not(.is-open)::after { background: linear-gradient(to bottom, transparent, #F2F4F8) !important; }
body.theme-light #cupons .collapse-wrap:not(.is-open)::after { background: linear-gradient(to bottom, transparent, #E4E8F3) !important; }
body.theme-light #contato .collapse-wrap:not(.is-open)::after { background: linear-gradient(to bottom, transparent, #E4E8F3) !important; }
/* ── BOTÕES GLOBAIS ── */
body.theme-light .btn-primary { background: var(--blue); color: #fff; }
body.theme-light .btn-primary:hover { background: var(--blue-dark); }
body.theme-light .btn-outline { border-color: var(--blue); color: var(--blue); background: transparent; }
body.theme-light .btn-outline:hover { background: rgba(21,88,168,.08); border-color: var(--blue-dark); color: var(--blue-dark); }
body.theme-light .nav-admin-btn { background: var(--red); color: #fff; }
/* ── SCROLLBAR ── */
body.theme-light ::-webkit-scrollbar-track { background: #E4E8F3; }
body.theme-light ::-webkit-scrollbar-thumb { background: var(--blue); }
/* ── DIVIDERS E BORDAS ── */
body.theme-light .section-divider,
body.theme-light hr { border-color: rgba(21,88,168,.12); }
/* ── HERO ORBITAL — foto no tema claro ── */
body.theme-light .orb-photo {
box-shadow: 0 0 20px rgba(21,88,168,.2), 0 0 50px rgba(21,88,168,.06), 0 24px 48px rgba(0,0,0,.14);
}
/* ══════════════════════════════════════════════
ÍCONES GLOBAIS — dark e light
topic-icon e future-card-icon agora usam FA
══════════════════════════════════════════════ */
/* topic-icon */
.topic-icon {
display: flex;
align-items: center;
justify-content: center;
width: 34px; height: 34px;
min-width: 34px;
background: rgba(30,111,191,.12);
border-radius: 8px;
flex-shrink: 0;
color: var(--blue);
font-size: 0; /* esconde qualquer texto residual */
}
.topic-icon i {
font-size: 1rem;
color: var(--blue);
line-height: 1;
}
/* future-card-icon */
.future-card-icon {
display: flex;
align-items: center;
justify-content: center;
width: 36px; height: 36px;
min-width: 36px;
background: rgba(30,111,191,.12);
border-radius: 8px;
flex-shrink: 0;
color: var(--blue);
font-size: 0;
}
.future-card-icon i {
font-size: .95rem;
color: var(--blue);
line-height: 1;
}
/* slot srp-idle-icon */
.srp-idle-icon {
font-size: 0 !important;
color: var(--blue);
margin-bottom: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.srp-idle-icon i {
font-size: 2.2rem;
color: var(--blue);
}
/* slot-btn-icon */
.slot-btn-icon {
display: inline-flex;
align-items: center;
font-size: 0;
color: inherit;
}
.slot-btn-icon i {
font-size: 1.1rem;
color: inherit;
}
/* slot-stars (FA star icons) */
.slot-stars {
display: flex;
gap: 3px;
align-items: center;
}
.slot-stars i {
font-size: .75rem;
color: var(--gold);
}
/* slot-brand icon */
.slot-brand i {
margin-right: 4px;
color: var(--blue);
}
/* badge FA icons */
.badge i,
.garage-badge i {
margin-right: 5px;
opacity: .85;
}
/* about badges */
.about-badges .badge i {
color: var(--blue);
}
/* section-tag FA icons */
.section-tag i {
margin-right: 6px;
opacity: .9;
}
/* button FA icons */
.btn-primary i,
.btn-outline i,
.nav-admin-btn i,
.orb-mobile-btns a i {
margin-right: 6px;
}
/* reel stats */
.reel-stats-row i {
margin-right: 3px;
opacity: .75;
}
/* reel sponsor tag */
.reel-sponsor-tag i {
margin-right: 4px;
opacity: .85;
}
/* car-hover-cta & car-view-btn */
.car-hover-cta i,
.car-view-btn i {
margin-right: 6px;
}
/* yt section-tag */
.yt-latest-header .section-tag i {
color: #FF0000;
}
/* album-cat-tag */
.album-cat-tag i {
margin-right: 4px;
opacity: .85;
}
/* album-count */
.album-count i {
margin-right: 4px;
opacity: .75;
}
/* gallery cat buttons */
.gallery-cat-btn i {
margin-right: 5px;
opacity: .85;
}
/* chart-card h4 */
.chart-card h4 i {
margin-right: 6px;
color: var(--blue);
opacity: .9;
}
/* reel featured badge */
.reel-featured-badge i {
margin-right: 4px;
}
/* srp-visit and srp-copy-btn */
.srp-visit i,
.srp-copy-btn i {
margin-right: 5px;
}
/* srp-win-badge */
.srp-win-badge i {
margin-right: 5px;
}
/* srp-copy-hint */
.srp-copy-hint i {
margin-right: 4px;
opacity: .8;
}
/* ── Tema claro — sobrescritas de cor de ícone ── */
body.theme-light .topic-icon i { color: var(--blue); }
body.theme-light .future-card-icon i { color: var(--blue); }
body.theme-light .srp-idle-icon i { color: var(--blue); }
body.theme-light .badge i { color: var(--blue); }
body.theme-light .chart-card h4 i { color: var(--blue); }
body.theme-light .gallery-cat-btn i { color: var(--blue); }
body.theme-light .reel-sponsor-tag i { color: var(--blue); }
body.theme-light .album-count i { color: #6A7290; }
body.theme-light .album-cat-tag i { color: #6A7290; }