/* ===== NEON ARCADE PRO THEME ===== */
/* Theme Factory Style - Structured, consistent, premium gaming lounge */

[data-theme="neon-pro"] {
    /* ===== BACKGROUNDS ===== */
    --bg-primary: #0f1419;
    --bg-secondary: #192028;
    --bg-card: #1e2630;
    --bg-header: #151c24;

    /* ===== TEXT ===== */
    --text-primary: #ffffff;
    --text-secondary: #a8b3c0;
    --text-muted: #5c6a7a;

    /* ===== BORDERS & SHADOWS ===== */
    --border-color: #2d3b4a;
    --shadow-color: rgba(0, 0, 0, 0.5);

    /* ===== ACCENTS ===== */
    --accent-primary: #00a8ff;
    --accent-secondary: #7c4dff;
    --accent-tertiary: #00e676;
    --accent-brand: #d32f2f;

    /* ===== UNIFIED GLOW ===== */
    --glow-primary: rgba(0, 168, 255, 0.4);
    --glow-secondary: rgba(124, 77, 255, 0.35);
}

/* ===== NEON PRO SPECIFIC STYLES ===== */

[data-theme="neon-pro"] .game-card {
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 24px var(--shadow-color);
    background: linear-gradient(180deg, var(--bg-card) 0%, rgba(15, 20, 25, 0.95) 100%);
}

[data-theme="neon-pro"] .game-card:hover {
    transform: translateY(-6px);
    border-color: var(--accent-primary);
    box-shadow: 0 0 24px var(--glow-primary), 0 12px 40px var(--shadow-color);
}

/* Consistent accent border on all cards */
[data-theme="neon-pro"] .game-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);
    border-radius: var(--card-radius) var(--card-radius) 0 0;
    opacity: 0;
    transition: opacity var(--transition-smooth);
}

[data-theme="neon-pro"] .game-card:hover::before {
    opacity: 1;
}

/* Search bar styling */
[data-theme="neon-pro"] .search-input {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
}

[data-theme="neon-pro"] .search-input:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 12px var(--glow-primary);
}

/* Badge styling */
[data-theme="neon-pro"] .badge-slot {
    background: linear-gradient(135deg, #ffc107 0%, #ffab00 100%);
    color: #1a1a1a;
    font-weight: 700;
}

[data-theme="neon-pro"] .badge-coming-soon {
    background: linear-gradient(135deg, var(--accent-brand) 0%, #c62828 100%);
    color: #ffffff;
}

/* Header accent line */
[data-theme="neon-pro"] header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg,
            transparent 0%,
            var(--accent-primary) 30%,
            var(--accent-secondary) 70%,
            transparent 100%);
}

/* Footer styling */
[data-theme="neon-pro"] #footer {
    background: var(--bg-header);
    border-top: 1px solid var(--border-color);
}

/* Control buttons */
[data-theme="neon-pro"] .theme-toggle,
[data-theme="neon-pro"] .filter-select {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
}

[data-theme="neon-pro"] .theme-toggle:hover,
[data-theme="neon-pro"] .filter-select:hover {
    border-color: var(--accent-primary);
}