/* =========================================
   TEMA: NEON BLUE (Gratuito - Default)
   File: /style/temipremium/neon-blue.css
   ========================================= */

.theme-neon-blue {
    --primary: #00d4ff;
    --primary-dark: #0099cc;
    --primary-light: #4de8ff;
    --primary-rgb: 0, 212, 255;
    --primary-glow: rgba(0, 212, 255, 0.5);
    --accent: #00ff88;
    --accent-rgb: 0, 255, 136;
    --gradient: linear-gradient(135deg, #00d4ff, #0099cc);
    --gradient-reverse: linear-gradient(135deg, #0099cc, #00d4ff);
}

/* === BACKGROUND === */
.theme-neon-blue body {
    background: #000;
    background-image: 
        radial-gradient(ellipse at 20% 0%, rgba(0, 212, 255, 0.06) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 100%, rgba(0, 150, 255, 0.04) 0%, transparent 50%);
}

/* === ICON GLOW === */
.theme-neon-blue .server-icon-wrapper {
    box-shadow: 
        0 0 0 1px rgba(0, 212, 255, 0.2),
        0 0 30px rgba(0, 212, 255, 0.15),
        0 20px 50px rgba(0, 0, 0, 0.5);
}

.theme-neon-blue .server-icon-wrapper:hover {
    box-shadow: 
        0 0 0 2px var(--primary),
        0 0 50px rgba(0, 212, 255, 0.3),
        0 25px 60px rgba(0, 0, 0, 0.6);
}

/* === TAGS === */
.theme-neon-blue .tag-votes {
    background: rgba(0, 212, 255, 0.12);
    border-color: rgba(0, 212, 255, 0.4);
    color: #00d4ff;
}

/* === CARDS === */
.theme-neon-blue .content-card,
.theme-neon-blue .vote-card-split,
.theme-neon-blue .info-card {
    border-color: rgba(0, 212, 255, 0.1);
}

.theme-neon-blue .content-card:hover,
.theme-neon-blue .info-card:hover {
    border-color: rgba(0, 212, 255, 0.25);
    box-shadow: 0 0 30px rgba(0, 212, 255, 0.08);
}

.theme-neon-blue .content-card::before {
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.4), transparent);
}

/* === HEADINGS === */
.theme-neon-blue .content-card h3,
.theme-neon-blue .info-card h3 {
    color: #00d4ff;
    border-left-color: #00d4ff;
}

/* === BUTTONS === */
.theme-neon-blue .btn-vote-main {
    background: linear-gradient(135deg, #00d4ff, #0099cc);
}

.theme-neon-blue .btn-vote-main:hover {
    box-shadow: 0 0 40px rgba(0, 212, 255, 0.5);
}

/* === IP BOX === */
.theme-neon-blue .ip-display-box {
    background: rgba(0, 212, 255, 0.06);
    border-color: rgba(0, 212, 255, 0.25);
    color: #00d4ff;
}

.theme-neon-blue .ip-display-box:hover {
    box-shadow: 0 0 25px rgba(0, 212, 255, 0.2);
}

/* === INFO VALUES === */
.theme-neon-blue .info-value {
    color: #00d4ff;
    background: rgba(0, 212, 255, 0.1);
}

/* === SCROLLBAR === */
.theme-neon-blue ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #0099cc, #00d4ff);
}

/* === SELECTION === */
.theme-neon-blue ::selection {
    background: rgba(0, 212, 255, 0.3);
}