/* ==========================================================================
   AstFlye Global Site Themes
   Fonte de estilos dos temas globais do site (Normal vs Halloween vs Futuros).
   Para adicionar um novo tema futuro:
   1) Declare as variáveis sob [data-theme="sua-key"], .theme-sua-key
   2) Adicione eventuais customizações visuais específicas
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. TEMA NORMAL (Padrão)
   -------------------------------------------------------------------------- */
:root,
[data-theme="normal"],
.theme-normal {
    --site-theme: 'normal';
    --site-accent: #eab308;
    --site-accent-hover: #facc15;
    --site-accent-glow: rgba(234, 179, 8, 0.35);
    --site-accent-soft: rgba(234, 179, 8, 0.12);
}

/* --------------------------------------------------------------------------
   2. TEMA HALLOWEEN (Edição Sazonal Premium)
   Cores: Abóbora Neon (#f97316), Laranja Brasa (#ea580c), Roxo Místico (#9333ea),
          Fundo Abissal Sombrio (#09070f, #110d1c).
   -------------------------------------------------------------------------- */
[data-theme="halloween"],
.theme-halloween {
    --site-theme: 'halloween';
    --site-accent: #f97316;
    --site-accent-hover: #fb923c;
    --site-accent-dark: #ea580c;
    --site-accent-glow: rgba(249, 115, 22, 0.5);
    --site-accent-soft: rgba(249, 115, 22, 0.15);
    --site-purple: #9333ea;
    --site-purple-glow: rgba(147, 51, 234, 0.4);
    --site-purple-soft: rgba(147, 51, 234, 0.15);
    --site-bg-dark: #09070f;
    --site-bg-card: #110d1c;
    --site-border: rgba(249, 115, 22, 0.18);
    --site-border-hover: rgba(249, 115, 22, 0.5);
}

/* ── Scrollbars Temáticas ── */
[data-theme="halloween"] ::-webkit-scrollbar-thumb,
.theme-halloween ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(249, 115, 22, 0.65) 0%, rgba(249, 115, 22, 0.25) 100%) !important;
    border: 1px solid rgba(249, 115, 22, 0.25) !important;
    box-shadow: 0 0 10px rgba(249, 115, 22, 0.35) !important;
}

[data-theme="halloween"] ::-webkit-scrollbar-thumb:hover,
.theme-halloween ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(249, 115, 22, 0.9) 0%, rgba(249, 115, 22, 0.5) 100%) !important;
    box-shadow: 0 0 16px rgba(249, 115, 22, 0.6) !important;
    border-color: rgba(249, 115, 22, 0.5) !important;
}

[data-theme="halloween"] *,
.theme-halloween * {
    scrollbar-color: rgba(249, 115, 22, 0.4) rgba(0, 0, 0, 0.25);
}

/* ── Seleção de Texto ── */
[data-theme="halloween"] ::selection,
.theme-halloween ::selection {
    background-color: #f97316 !important;
    color: #08060d !important;
}

[data-theme="halloween"] ::-moz-selection,
.theme-halloween ::-moz-selection {
    background-color: #f97316 !important;
    color: #08060d !important;
}

/* ── Fundo Global Abissal Sombrio ── */
[data-theme="halloween"] body,
.theme-halloween body {
    background-color: #09070f !important;
}

[data-theme="halloween"] .fixed.inset-0.-z-10,
.theme-halloween .fixed.inset-0.-z-10 {
    background: radial-gradient(circle at 50% -10%, rgba(249, 115, 22, 0.14) 0%, rgba(147, 51, 234, 0.08) 35%, rgba(9, 7, 15, 0.98) 70%), #09070f !important;
}

/* Dot grid com tom sutil alaranjado */
[data-theme="halloween"] .dot-grid,
[data-theme="halloween"] .idx-dot-grid {
    background-image: radial-gradient(circle, rgba(249, 115, 22, 0.09) 1px, transparent 1px) !important;
}

/* ── Seções com Fundo Sombrio Específico ── */
[data-theme="halloween"] section[style*="background:#0c1624"],
[data-theme="halloween"] section[style*="background: #0c1624"],
[data-theme="halloween"] section[style*="background:#0c1624;"] {
    background: #09070f !important;
    border-color: rgba(249, 115, 22, 0.1) !important;
}

/* ── Barra de Navegação (Navbar) ── */
[data-theme="halloween"] #main-nav {
    background: rgba(12, 9, 18, 0.96) !important;
    border-bottom: 1px solid rgba(249, 115, 22, 0.28) !important;
    box-shadow: 0 4px 30px rgba(249, 115, 22, 0.12), 0 0 18px rgba(147, 51, 234, 0.08) !important;
}

/* Linha de acento inferior da Navbar */
[data-theme="halloween"] #main-nav > div.absolute.bottom-0 {
    background: linear-gradient(90deg, transparent 0%, rgba(249, 115, 22, 0.65) 20%, rgba(168, 85, 247, 0.75) 50%, rgba(249, 115, 22, 0.65) 80%, transparent 100%) !important;
}

/* Brand ASTFLYE com brilho laranja e Enterprise temático */
[data-theme="halloween"] #main-nav .group span.text-base,
[data-theme="halloween"] #main-nav .group span.sm\:text-lg {
    text-shadow: 0 0 16px rgba(249, 115, 22, 0.45);
}

[data-theme="halloween"] #main-nav .group span.text-\[8px\] {
    color: #f97316 !important;
    text-shadow: 0 0 8px rgba(249, 115, 22, 0.6);
}

/* Links da Navbar */
[data-theme="halloween"] .nav-link:hover,
[data-theme="halloween"] .nav-link.active {
    color: #ffffff !important;
}

[data-theme="halloween"] .nav-link:hover i,
[data-theme="halloween"] .nav-link.active i {
    color: #f97316 !important;
    filter: drop-shadow(0 0 6px rgba(249, 115, 22, 0.5));
}

[data-theme="halloween"] .nav-drop-trigger:hover,
[data-theme="halloween"] .nav-drop-trigger[aria-expanded="true"] {
    color: #ffffff !important;
}

[data-theme="halloween"] .nav-drop-trigger:hover i,
[data-theme="halloween"] .nav-drop-trigger[aria-expanded="true"] i {
    color: #f97316 !important;
}

/* Painéis Dropdown da Navbar */
[data-theme="halloween"] .nav-drop-panel {
    background: rgba(17, 13, 28, 0.98) !important;
    border: 1px solid rgba(249, 115, 22, 0.25) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.75), 0 0 24px rgba(249, 115, 22, 0.12) !important;
}

[data-theme="halloween"] .drop-panel-head {
    border-bottom: 1px solid rgba(249, 115, 22, 0.15) !important;
}

[data-theme="halloween"] .drop-panel-head i {
    color: #f97316 !important;
}

[data-theme="halloween"] .drop-item:hover {
    background: rgba(249, 115, 22, 0.08) !important;
}

[data-theme="halloween"] .drop-item:hover .drop-item-label,
[data-theme="halloween"] .drop-item.accent:hover .drop-item-label {
    color: #fb923c !important;
}

[data-theme="halloween"] .drop-item-icon[style*="background:rgba(255,77,109"] {
    background: rgba(249, 115, 22, 0.14) !important;
    color: #fb923c !important;
}

/* Badge do Carrinho */
[data-theme="halloween"] #cart-count,
[data-theme="halloween"] span[style*="background:#ff4d6d;color:#0a111d;box-shadow:0 0 10px rgba(255,77,109"] {
    background: #f97316 !important;
    color: #08060d !important;
    box-shadow: 0 0 14px rgba(249, 115, 22, 0.75) !important;
}

/* Botão Login na Navbar */
[data-theme="halloween"] a[href="/user/login"],
[data-theme="halloween"] a[href="/auth/login"] {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    color: #08060d !important;
    box-shadow: 0 4px 18px rgba(249, 115, 22, 0.45) !important;
}

[data-theme="halloween"] a[href="/user/login"]:hover,
[data-theme="halloween"] a[href="/auth/login"]:hover {
    box-shadow: 0 6px 26px rgba(249, 115, 22, 0.75) !important;
    filter: brightness(1.1);
}

/* ── HERO SECTION ── */
[data-theme="halloween"] section.relative.overflow-hidden:first-of-type {
    background: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(249, 115, 22, 0.2) 0%, rgba(147, 51, 234, 0.1) 45%, rgba(9, 7, 15, 0) 75%), #09070f !important;
}

/* Título Hero: Linha 2 com Gradiente Fogo de Abóbora & Roxo */
[data-theme="halloween"] h1 span.bg-gradient-to-r,
[data-theme="halloween"] .bx-hero-title .bx-shine {
    background: linear-gradient(90deg, #f97316 0%, #fb923c 45%, #c084fc 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 0 24px rgba(249, 115, 22, 0.4));
}

/* Botão Principal do Hero ("Explorar Produtos") */
[data-theme="halloween"] a[href="/products"].group.relative[style*="background:#ff4d6d"],
[data-theme="halloween"] a[href="/products"].group.relative[style*="background: #ff4d6d"],
[data-theme="halloween"] a.af-cta-btn {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    color: #08060d !important;
    box-shadow: 0 6px 28px rgba(249, 115, 22, 0.5), 0 0 14px rgba(249, 115, 22, 0.3) !important;
}

[data-theme="halloween"] a[href="/products"].group.relative[style*="background:#ff4d6d"]:hover,
[data-theme="halloween"] a[href="/products"].group.relative[style*="background: #ff4d6d"]:hover,
[data-theme="halloween"] a.af-cta-btn:hover {
    box-shadow: 0 8px 36px rgba(249, 115, 22, 0.75), 0 0 22px rgba(249, 115, 22, 0.5) !important;
}

/* Ícones de Escudo e Destaques Rosa -> Laranja Abóbora */
[data-theme="halloween"] i.text-\[\#ff4d6d\],
[data-theme="halloween"] span[style*="color:#ff4d6d"],
[data-theme="halloween"] span[style*="color: #ff4d6d"],
[data-theme="halloween"] i[style*="color:#ff4d6d"],
[data-theme="halloween"] i[style*="color: #ff4d6d"] {
    color: #f97316 !important;
}

/* ── CARDS DE PRODUTOS (.prd-card) ── */
[data-theme="halloween"] .prd-card {
    background: #110d1c !important;
    border: 1px solid rgba(249, 115, 22, 0.14) !important;
}

[data-theme="halloween"] .prd-card::before {
    background: linear-gradient(90deg, transparent, #f97316, #a855f7, transparent) !important;
}

[data-theme="halloween"] .prd-card:hover {
    border-color: rgba(249, 115, 22, 0.5) !important;
    box-shadow: 0 16px 36px -10px rgba(0, 0, 0, 0.8), 0 0 24px -4px rgba(249, 115, 22, 0.32), 0 0 12px rgba(168, 85, 247, 0.2) !important;
}

[data-theme="halloween"] .prd-card:hover h3 {
    color: #fb923c !important;
}

/* CTA "Comprar / Ver Detalhes" dentro do Card */
[data-theme="halloween"] .prd-cta,
[data-theme="halloween"] .prd-card span[style*="background:#ff4d6d"],
[data-theme="halloween"] .prd-card span[style*="background: #ff4d6d"] {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    color: #08060d !important;
    font-weight: 900 !important;
    box-shadow: 0 2px 10px rgba(249, 115, 22, 0.35) !important;
}

[data-theme="halloween"] .prd-card:hover .prd-cta {
    background: #fb923c !important;
    box-shadow: 0 4px 16px rgba(249, 115, 22, 0.6) !important;
}

/* Game Badges (Iniciais do Jogo) */
[data-theme="halloween"] .game-badge {
    background: rgba(249, 115, 22, 0.14) !important;
    border: 1px solid rgba(249, 115, 22, 0.35) !important;
    color: #fb923c !important;
}

/* Chips de Categoria na Loja */
[data-theme="halloween"] .prd-chip:hover {
    color: #fb923c !important;
    border-color: rgba(249, 115, 22, 0.45) !important;
    background: rgba(249, 115, 22, 0.1) !important;
}

[data-theme="halloween"] .prd-chip.active {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    border-color: #f97316 !important;
    color: #08060d !important;
    font-weight: 800 !important;
    box-shadow: 0 0 14px rgba(249, 115, 22, 0.4) !important;
}

/* Cards de Jogo em Destaque */
[data-theme="halloween"] .prd-game-card {
    background: #110d1c !important;
    border: 1px solid rgba(249, 115, 22, 0.12) !important;
}

[data-theme="halloween"] .prd-game-card:hover {
    border-color: rgba(249, 115, 22, 0.5) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.7), 0 0 22px rgba(249, 115, 22, 0.28) !important;
}

/* Linha decorativa de cabeçalhos de seção */
[data-theme="halloween"] span.w-6.h-\[2px\],
[data-theme="halloween"] span.w-8.h-\[2px\] {
    background: #f97316 !important;
    box-shadow: 0 0 8px rgba(249, 115, 22, 0.6) !important;
}

[data-theme="halloween"] span.text-\[11px\].font-bold.uppercase.tracking-\[0\.28em\] {
    color: #f97316 !important;
}

[data-theme="halloween"] a.flex-shrink-0.group[style*="background:rgba(255,77,109"] {
    background: rgba(249, 115, 22, 0.1) !important;
    border: 1px solid rgba(249, 115, 22, 0.35) !important;
    color: #fb923c !important;
}

/* ── PÁGINA DE DETALHES DO PRODUTO (product-detail) ── */
[data-theme="halloween"] .pd-tab-btn::after {
    background: #f97316 !important;
}

[data-theme="halloween"] .pd-tab-btn.active {
    color: #f97316 !important;
}

[data-theme="halloween"] .pd-info-tile:hover {
    border-color: rgba(249, 115, 22, 0.45) !important;
}

[data-theme="halloween"] .plan-quantity {
    background: rgba(249, 115, 22, 0.08) !important;
    border: 1px solid rgba(249, 115, 22, 0.3) !important;
}

[data-theme="halloween"] .plan-quantity input {
    border-color: rgba(249, 115, 22, 0.35) !important;
}

[data-theme="halloween"] .buy-button {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    color: #08060d !important;
    box-shadow: 0 6px 20px rgba(249, 115, 22, 0.45) !important;
}

[data-theme="halloween"] .buy-button:hover {
    box-shadow: 0 8px 28px rgba(249, 115, 22, 0.7) !important;
    filter: brightness(1.08);
}

[data-theme="halloween"] .add-to-cart-btn:hover {
    border-color: rgba(249, 115, 22, 0.45) !important;
    color: #fb923c !important;
}

[data-theme="halloween"] .markdown-content a {
    color: #f97316 !important;
}

[data-theme="halloween"] .markdown-content code {
    background: rgba(249, 115, 22, 0.15) !important;
    color: #fb923c !important;
}

[data-theme="halloween"] .markdown-content blockquote {
    border-left-color: #f97316 !important;
}

/* ── STATS COUNTER ── */
[data-theme="halloween"] .idx-stat-card {
    background: #110d1c !important;
    border: 1px solid rgba(249, 115, 22, 0.12) !important;
}

[data-theme="halloween"] .idx-stat-card:hover {
    border-color: rgba(249, 115, 22, 0.5) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.6), 0 0 20px rgba(249, 115, 22, 0.25) !important;
}

[data-theme="halloween"] .idx-stat-card i[style*="color:#ff4d6d"],
[data-theme="halloween"] .idx-stat-card i[style*="color: #ff4d6d"] {
    color: #f97316 !important;
}

[data-theme="halloween"] .idx-stat-card div.h-px[style*="rgba(255, 77, 109"] {
    background: linear-gradient(90deg, transparent, rgba(249, 115, 22, 0.5), transparent) !important;
}

/* ── REVIEWS & AVALIAÇÕES ── */
[data-theme="halloween"] .idx-rv-card,
[data-theme="halloween"] .rv-card {
    background: #110d1c !important;
    border: 1px solid rgba(249, 115, 22, 0.12) !important;
}

[data-theme="halloween"] .idx-rv-card:hover,
[data-theme="halloween"] .rv-card:hover {
    border-color: rgba(249, 115, 22, 0.5) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.6), 0 0 20px rgba(249, 115, 22, 0.25) !important;
}

[data-theme="halloween"] .rv-card::before {
    background: rgba(249, 115, 22, 0.4) !important;
}

[data-theme="halloween"] .rv-page-active,
[data-theme="halloween"] .page-active {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    color: #08060d !important;
    border-color: transparent !important;
    box-shadow: 0 4px 14px rgba(249, 115, 22, 0.45) !important;
}

[data-theme="halloween"] div.text-center div.h-px[style*="rgba(255, 77, 109"] {
    background: linear-gradient(90deg, transparent, rgba(249, 115, 22, 0.6), transparent) !important;
}

/* ── BOXES (Loot Boxes) ── */
[data-theme="halloween"] .bx-card {
    --accent: #f97316 !important;
    --accent-soft: rgba(249, 115, 22, 0.16) !important;
    background: #110d1c !important;
    border-color: rgba(249, 115, 22, 0.16) !important;
}

[data-theme="halloween"] .bx-card:hover {
    border-color: rgba(249, 115, 22, 0.55) !important;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.8), 0 0 26px -4px rgba(249, 115, 22, 0.35) !important;
}

[data-theme="halloween"] .bx-card::before {
    background: linear-gradient(90deg, transparent, #f97316, #a855f7, transparent) !important;
}

/* ── CHECKOUT & CARRINHO ── */
[data-theme="halloween"] .cc-card:hover .cc-card-inner,
[data-theme="halloween"] .cc-item:hover {
    border-color: rgba(249, 115, 22, 0.45) !important;
}

[data-theme="halloween"] #confirm-purchase {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    color: #08060d !important;
    box-shadow: 0 8px 28px rgba(249, 115, 22, 0.45) !important;
}

[data-theme="halloween"] #confirm-purchase:hover {
    box-shadow: 0 10px 36px rgba(249, 115, 22, 0.7) !important;
}

/* ── FAQ ── */
[data-theme="halloween"] .fq-item:hover {
    border-color: rgba(249, 115, 22, 0.45) !important;
}

/* ── RANKING ── */
[data-theme="halloween"] .prod-card:hover .card-inner {
    border-color: rgba(249, 115, 22, 0.45) !important;
}

/* ── FOOTER CTA ── */
[data-theme="halloween"] a[style*="background: #ff4d6d"],
[data-theme="halloween"] a[style*="background:#ff4d6d"] {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    color: #08060d !important;
    box-shadow: 0 6px 28px rgba(249, 115, 22, 0.45) !important;
}

[data-theme="halloween"] a[style*="background: #ff4d6d"]:hover,
[data-theme="halloween"] a[style*="background:#ff4d6d"]:hover {
    box-shadow: 0 8px 36px rgba(249, 115, 22, 0.75) !important;
}

/* ── ELEMENTOS DE DESTAQUE E ANIMAÇÕES ── */
@keyframes halloween-glow-pulse {
    0%, 100% {
        box-shadow: 0 0 10px rgba(249, 115, 22, 0.35);
    }
    50% {
        box-shadow: 0 0 22px rgba(249, 115, 22, 0.7), 0 0 10px rgba(147, 51, 234, 0.4);
    }
}

.halloween-pulse {
    animation: halloween-glow-pulse 3s ease-in-out infinite;
}

/* Badge especial no header */
.halloween-nav-badge {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.22) 0%, rgba(147, 51, 234, 0.2) 100%);
    border: 1px solid rgba(249, 115, 22, 0.4);
    color: #fb923c;
    box-shadow: 0 0 12px rgba(249, 115, 22, 0.25);
    animation: halloween-glow-pulse 3.5s ease-in-out infinite;
}

/* ── Ambient Cobwebs / Embers (CSS PURO, Leve, Sem Lag) ── */
[data-theme="halloween"] .halloween-ambient-overlay {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 2;
    overflow: hidden;
}

[data-theme="halloween"] .halloween-corner-web-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 140px;
    opacity: 0.18;
    background-image: 
        radial-gradient(circle at 0 0, transparent 0, transparent 20px, rgba(255, 255, 255, 0.08) 21px, transparent 22px),
        radial-gradient(circle at 0 0, transparent 0, transparent 40px, rgba(255, 255, 255, 0.08) 41px, transparent 42px),
        radial-gradient(circle at 0 0, transparent 0, transparent 65px, rgba(255, 255, 255, 0.08) 66px, transparent 67px),
        radial-gradient(circle at 0 0, transparent 0, transparent 95px, rgba(255, 255, 255, 0.08) 96px, transparent 97px),
        radial-gradient(circle at 0 0, transparent 0, transparent 130px, rgba(255, 255, 255, 0.08) 131px, transparent 132px);
}

[data-theme="halloween"] .halloween-corner-web-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
    height: 140px;
    opacity: 0.18;
    background-image: 
        radial-gradient(circle at 100% 0, transparent 0, transparent 20px, rgba(255, 255, 255, 0.08) 21px, transparent 22px),
        radial-gradient(circle at 100% 0, transparent 0, transparent 40px, rgba(255, 255, 255, 0.08) 41px, transparent 42px),
        radial-gradient(circle at 100% 0, transparent 0, transparent 65px, rgba(255, 255, 255, 0.08) 66px, transparent 67px),
        radial-gradient(circle at 100% 0, transparent 0, transparent 95px, rgba(255, 255, 255, 0.08) 96px, transparent 97px),
        radial-gradient(circle at 100% 0, transparent 0, transparent 130px, rgba(255, 255, 255, 0.08) 131px, transparent 132px);
}

/* Partículas de brasa ambiente sutis */
@keyframes halloween-ember-float {
    0% {
        transform: translateY(100vh) translateX(0) scale(0.6);
        opacity: 0;
    }
    20% {
        opacity: 0.6;
    }
    80% {
        opacity: 0.6;
    }
    100% {
        transform: translateY(-20px) translateX(60px) scale(1);
        opacity: 0;
    }
}

.halloween-ember {
    position: absolute;
    bottom: -20px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #f97316;
    box-shadow: 0 0 6px #ea580c;
    pointer-events: none;
    animation: halloween-ember-float 14s linear infinite;
}

/* ==========================================================================
   3. FOOTER HALLOWEEN THEME
   ========================================================================== */
[data-theme="halloween"] footer,
.theme-halloween footer {
    background: #080511 !important;
    border-top: 1px solid rgba(249, 115, 22, 0.22) !important;
    position: relative;
}

/* Linha superior de acento neon do Footer */
[data-theme="halloween"] footer > div.h-px.w-full,
.theme-halloween footer > div.h-px.w-full {
    background: linear-gradient(90deg, transparent, rgba(249, 115, 22, 0.7) 30%, rgba(147, 51, 234, 0.65) 70%, transparent) !important;
    box-shadow: 0 0 14px rgba(249, 115, 22, 0.4) !important;
}

/* Luzes ambiente do footer */
[data-theme="halloween"] footer > div[style*="radial-gradient(circle,rgba(255,77,109"],
.theme-halloween footer > div[style*="radial-gradient(circle,rgba(255,77,109"] {
    background: radial-gradient(circle, rgba(249, 115, 22, 0.22) 0%, transparent 70%) !important;
}

[data-theme="halloween"] footer > div[style*="radial-gradient(circle,rgba(139,92,246"],
.theme-halloween footer > div[style*="radial-gradient(circle,rgba(139,92,246"] {
    background: radial-gradient(circle, rgba(147, 51, 234, 0.22) 0%, transparent 70%) !important;
}

/* Top Strip (produtos em destaque no footer) */
[data-theme="halloween"] footer .border-b.border-white\/\[0\.04\],
.theme-halloween footer .border-b.border-white\/\[0\.04\] {
    background: rgba(14, 9, 22, 0.6) !important;
    border-bottom: 1px solid rgba(249, 115, 22, 0.12) !important;
}

[data-theme="halloween"] footer span.text-\[\#ff4d6d\]\/80,
.theme-halloween footer span.text-\[\#ff4d6d\]\/80 {
    color: #fb923c !important;
}

[data-theme="halloween"] footer span.text-\[\#ff4d6d\]\/80 i,
.theme-halloween footer span.text-\[\#ff4d6d\]\/80 i {
    color: #f97316 !important;
    filter: drop-shadow(0 0 8px rgba(249, 115, 22, 0.6));
}

[data-theme="halloween"] footer a[href^="/products/"]:hover,
.theme-halloween footer a[href^="/products/"]:hover {
    border-color: rgba(249, 115, 22, 0.45) !important;
    background: rgba(249, 115, 22, 0.08) !important;
    color: #ffffff !important;
}

/* Marca ASTFLYE Enterprise no Footer */
[data-theme="halloween"] footer span.text-\[8px\].font-bold.tracking-\[\.25em\].uppercase.italic.text-\[\#ff4d6d\],
.theme-halloween footer span.text-\[8px\].font-bold.tracking-\[\.25em\].uppercase.italic.text-\[\#ff4d6d\] {
    color: #f97316 !important;
    text-shadow: 0 0 10px rgba(249, 115, 22, 0.7);
}

/* Links do Footer - Hover e Ícones */
[data-theme="halloween"] footer a:hover,
.theme-halloween footer a:hover {
    color: #fb923c !important;
}

[data-theme="halloween"] footer a:hover i,
.theme-halloween footer a:hover i {
    color: #f97316 !important;
    filter: drop-shadow(0 0 6px rgba(249, 115, 22, 0.5));
}

/* Badge sazonal de Halloween no Footer */
.halloween-footer-badge {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.18) 0%, rgba(147, 51, 234, 0.18) 100%);
    border: 1px solid rgba(249, 115, 22, 0.35);
    box-shadow: 0 0 14px rgba(249, 115, 22, 0.2);
}

/* Barra inferior de Copyright */
[data-theme="halloween"] footer .border-t.border-white\/\[0\.05\],
.theme-halloween footer .border-t.border-white\/\[0\.05\] {
    border-top: 1px solid rgba(249, 115, 22, 0.12) !important;
}

/* ==========================================================================
   4. USER DASHBOARD HALLOWEEN THEME
   ========================================================================== */
[data-theme="halloween"] {
    --dash-bg: #09070f;
    --dash-card-bg: rgba(17, 13, 28, 0.82);
    --dash-card-border: rgba(249, 115, 22, 0.16);
    --dash-primary: #f97316;
    --dash-purple: #9333ea;
}

[data-theme="halloween"] div[style*="background: #090e17"],
[data-theme="halloween"] div[style*="background:#090e17"] {
    background: #09070f !important;
}

/* Cards do Dashboard com Glassmorphism Temático */
[data-theme="halloween"] .dash-glass-card {
    background: rgba(17, 13, 28, 0.85) !important;
    border: 1px solid rgba(249, 115, 22, 0.16) !important;
}

[data-theme="halloween"] .dash-glass-card:hover {
    border-color: rgba(249, 115, 22, 0.45) !important;
    box-shadow: 0 12px 34px -8px rgba(0, 0, 0, 0.75), 0 0 20px rgba(249, 115, 22, 0.15) !important;
}

/* Barra de XP */
[data-theme="halloween"] .xp-track-bar {
    background: rgba(249, 115, 22, 0.1) !important;
}

[data-theme="halloween"] .xp-fill-bar {
    background: linear-gradient(90deg, #f97316 0%, #ea580c 50%, #c084fc 100%) !important;
    box-shadow: 0 0 10px rgba(249, 115, 22, 0.5) !important;
}

/* Abas Principais do Dashboard */
[data-theme="halloween"] .dash-tab-btn:hover {
    background: rgba(249, 115, 22, 0.1) !important;
    border-color: rgba(249, 115, 22, 0.3) !important;
    color: #fb923c !important;
}

[data-theme="halloween"] .dash-tab-btn.active {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.22) 0%, rgba(147, 51, 234, 0.18) 100%) !important;
    border-color: #f97316 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(249, 115, 22, 0.28) !important;
}

[data-theme="halloween"] .dash-tab-btn.active i {
    color: #f97316 !important;
    filter: drop-shadow(0 0 6px rgba(249, 115, 22, 0.5));
}

/* Cockpit: Avatar e Nível */
[data-theme="halloween"] .dash-glass-card div[style*="linear-gradient(135deg, rgba(255,77,109"] {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.85), rgba(147, 51, 234, 0.75)) !important;
    box-shadow: 0 8px 24px rgba(249, 115, 22, 0.3) !important;
}

[data-theme="halloween"] .dash-glass-card div.absolute.-bottom-2.-right-1[style*="background: #ff4d6d"] {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    border-color: #09070f !important;
    box-shadow: 0 0 10px rgba(249, 115, 22, 0.6) !important;
}

/* Badge de Cliente / Tag */
[data-theme="halloween"] span.text-\[\#ff4d6d\] {
    color: #fb923c !important;
}

/* Cockpit: Card de Carteira AEX Coins */
[data-theme="halloween"] .dash-glass-card div[style*="linear-gradient(135deg, rgba(139, 92, 246, 0.15)"] {
    background: linear-gradient(135deg, rgba(147, 51, 234, 0.18) 0%, rgba(249, 115, 22, 0.14) 100%) !important;
    border-color: rgba(249, 115, 22, 0.3) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(249, 115, 22, 0.2) !important;
}

[data-theme="halloween"] a[style*="linear-gradient(135deg, #8b5cf6, #ff4d6d)"] {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    color: #08060d !important;
    box-shadow: 0 6px 20px rgba(249, 115, 22, 0.45) !important;
}

[data-theme="halloween"] a[style*="linear-gradient(135deg, #8b5cf6, #ff4d6d)"]:hover {
    box-shadow: 0 8px 28px rgba(249, 115, 22, 0.75) !important;
    filter: brightness(1.1);
}

/* Monospace Box de Chaves / Licenças */
[data-theme="halloween"] .key-box-display {
    background: rgba(9, 7, 15, 0.95) !important;
    border: 1px solid rgba(249, 115, 22, 0.22) !important;
    color: #fb923c !important;
}

/* Modais do Dashboard */
[data-theme="halloween"] .dash-modal-backdrop {
    background: rgba(6, 4, 10, 0.94) !important;
}

[data-theme="halloween"] .dash-modal-backdrop .dash-glass-card {
    background: #110d1c !important;
    border: 1px solid rgba(249, 115, 22, 0.35) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.8), 0 0 30px rgba(249, 115, 22, 0.2) !important;
}

/* Mobile Bottom Bar no Dashboard */
[data-theme="halloween"] .mobile-bottom-bar-fixed {
    background: rgba(12, 9, 18, 0.96) !important;
    border-top: 1px solid rgba(249, 115, 22, 0.22) !important;
}

[data-theme="halloween"] .mobile-nav-item.active,
[data-theme="halloween"] .mobile-nav-item:active {
    color: #f97316 !important;
}

[data-theme="halloween"] .mobile-nav-item.active i {
    filter: drop-shadow(0 0 6px rgba(249, 115, 22, 0.6));
}

/* ==========================================================================
   5. BOXES (Caixas Misteriosas & Abertura) HALLOWEEN THEME
   ========================================================================== */
[data-theme="halloween"] .bx-hero-title .bx-shine {
    background: linear-gradient(92deg, #f97316 0%, #fb923c 40%, #c084fc 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

/* Kicker Badge em /boxes */
[data-theme="halloween"] div[style*="background:rgba(255,77,109,.08)"],
[data-theme="halloween"] div[style*="background: rgba(255,77,109,.08)"] {
    background: rgba(249, 115, 22, 0.12) !important;
    border-color: rgba(249, 115, 22, 0.35) !important;
}

[data-theme="halloween"] div[style*="background:rgba(255,77,109,.08)"] span,
[data-theme="halloween"] div[style*="background:rgba(255,77,109,.08)"] i {
    color: #fb923c !important;
}

/* Card da Caixa em /boxes */
[data-theme="halloween"] .bx-card {
    background: #110d1c !important;
    border: 1px solid rgba(249, 115, 22, 0.16) !important;
}

[data-theme="halloween"] .bx-card:hover {
    border-color: rgba(249, 115, 22, 0.55) !important;
    box-shadow: 0 20px 45px -15px rgba(0, 0, 0, 0.85), 0 0 26px -4px rgba(249, 115, 22, 0.35) !important;
}

[data-theme="halloween"] .bx-card:hover .bx-btn-detail {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    border-color: #f97316 !important;
    color: #08060d !important;
    box-shadow: 0 4px 16px rgba(249, 115, 22, 0.5) !important;
}

/* Pedestal Cósmico em /box/:slug/open */
[data-theme="halloween"] .bo-pedestal {
    background: radial-gradient(circle at 50% 35%, rgba(249, 115, 22, 0.16), transparent 70%), #0c0816 !important;
    border: 1px solid rgba(249, 115, 22, 0.25) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8), 0 0 30px rgba(249, 115, 22, 0.15) !important;
}

[data-theme="halloween"] .bo-pedestal-glow {
    background: radial-gradient(circle, rgba(249, 115, 22, 0.45) 0%, rgba(147, 51, 234, 0.25) 50%, transparent 70%) !important;
}

[data-theme="halloween"] .bo-pedestal-ring {
    border-color: rgba(249, 115, 22, 0.3) !important;
}

/* Botão Abrir Caixa */
[data-theme="halloween"] button#bo-open-btn,
[data-theme="halloween"] .bo-btn-open {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    color: #08060d !important;
    box-shadow: 0 8px 30px rgba(249, 115, 22, 0.55) !important;
}

[data-theme="halloween"] button#bo-open-btn:hover,
[data-theme="halloween"] .bo-btn-open:hover {
    box-shadow: 0 10px 40px rgba(249, 115, 22, 0.8) !important;
    filter: brightness(1.1);
}

/* ==========================================================================
   6. CARTEIRA (Wallet /wallet) HALLOWEEN THEME
   ========================================================================== */
[data-theme="halloween"] #columbina-wrapper-wallet {
    background: #110d1c !important;
    border: 1px solid rgba(249, 115, 22, 0.25) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.6), 0 0 24px rgba(249, 115, 22, 0.18) !important;
}

[data-theme="halloween"] .wt-quick-amt:hover {
    border-color: rgba(249, 115, 22, 0.45) !important;
    background: rgba(249, 115, 22, 0.08) !important;
    color: #fb923c !important;
}

[data-theme="halloween"] .wt-quick-amt.active {
    background: rgba(249, 115, 22, 0.16) !important;
    border-color: #f97316 !important;
    color: #fb923c !important;
    box-shadow: 0 0 14px rgba(249, 115, 22, 0.35) !important;
}

[data-theme="halloween"] .wt-tab-btn.active {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.2) 0%, rgba(147, 51, 234, 0.15) 100%) !important;
    border-color: #f97316 !important;
    color: #ffffff !important;
}

/* ==========================================================================
   7. WISHLIST (/wishlist) HALLOWEEN THEME
   ========================================================================== */
[data-theme="halloween"] .prd-pill {
    background: rgba(17, 13, 28, 0.92) !important;
    border: 1px solid rgba(249, 115, 22, 0.2) !important;
}

/* ==========================================================================
   8. STATUS OPERACIONAL (/status) HALLOWEEN THEME
   ========================================================================== */
[data-theme="halloween"] .st-card {
    background: #110d1c !important;
    border: 1px solid rgba(249, 115, 22, 0.14) !important;
}

[data-theme="halloween"] .st-card:hover {
    border-color: rgba(249, 115, 22, 0.5) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.6), 0 0 22px rgba(249, 115, 22, 0.22) !important;
}

[data-theme="halloween"] .st-filter-chip:hover {
    color: #fb923c !important;
    border-color: rgba(249, 115, 22, 0.4) !important;
    background: rgba(249, 115, 22, 0.08) !important;
}

[data-theme="halloween"] .st-filter-chip.active {
    color: #08060d !important;
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    border-color: #f97316 !important;
    box-shadow: 0 4px 14px rgba(249, 115, 22, 0.45) !important;
}

/* ==========================================================================
   9. LOGIN / AUTENTICAÇÃO (/user/login) HALLOWEEN THEME
   ========================================================================== */
[data-theme="halloween"] .login-auth-card {
    background: #110d1c !important;
    border: 1px solid rgba(249, 115, 22, 0.22) !important;
    box-shadow: 0 24px 50px -15px rgba(0, 0, 0, 0.8), 0 0 35px -5px rgba(249, 115, 22, 0.15) !important;
}

[data-theme="halloween"] .login-auth-card::before {
    background: linear-gradient(90deg, transparent, #f97316 35%, #9333ea 70%, transparent) !important;
}

[data-theme="halloween"] .login-perk-card:hover {
    border-color: rgba(249, 115, 22, 0.35) !important;
    background: rgba(249, 115, 22, 0.06) !important;
}