/* Hacker Theme: Terminal Aesthetic Overrides */
:root {
    --bg-dark: #000000;
    --hacker-green: #00ff41;
    --hacker-green-dim: #003b00;
    --cyber-cyan: #00f3ff;
    --accent-red: #ff003c;
    --terminal-font: 'JetBrains Mono', 'Courier New', monospace;
}

body {
    background-color: var(--bg-dark);
    color: var(--hacker-green);
    font-family: var(--terminal-font);
    text-shadow: 0 0 5px rgba(0, 255, 65, 0.5);
}

/* Zero Rounding Global Override */
* {
    border-radius: 0 !important;
}


/* Header & Typography */
h1,
h2,
h3,
h4 {
    font-family: var(--terminal-font) !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.jevv-title {
    color: #444;
    text-shadow: none;
}

.jevv-title .highlight {
    color: var(--hacker-green);
    text-shadow: 0 0 15px var(--hacker-green), 0 0 30px var(--hacker-green);
    font-size: 1.25em;
    display: inline-block;
}

.bg-gradient-to-r {
    background: none !important;
    background-color: transparent !important;
    -webkit-text-fill-color: var(--hacker-green) !important;
    color: var(--hacker-green) !important;
}

/* Glassmorphism to Technical Borders */
.backdrop-blur-xl,
.backdrop-blur-3xl {
    backdrop-filter: none !important;
    background: rgba(0, 0, 0, 0.9) !important;
}

.border-white\/10 {
    border-color: var(--hacker-green-dim) !important;
}

/* Inputs & UI Elements */
input,
select,
button {
    background-color: #050505 !important;
    border: 1px solid var(--hacker-green) !important;
    color: var(--hacker-green) !important;
    font-family: var(--terminal-font) !important;
}

input:focus,
select:focus {
    box-shadow: 0 0 10px var(--hacker-green) !important;
}

/* Video Cards */
.group:hover .border-white\/10 {
    border-color: var(--hacker-green) !important;
}

/* Custom Checkbox/Badges */
.bg-indigo-500\/20 {
    background-color: var(--hacker-green-dim) !important;
    color: var(--hacker-green) !important;
    border-color: var(--hacker-green) !important;
}

/* Modal Specifics */
#video-modal .bg-slate-900 {
    background-color: #000 !important;
    border: 2px solid var(--hacker-green) !important;
}

/* Scrollbar Hacker Style */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #000;
}

::-webkit-scrollbar-thumb {
    background: var(--hacker-green-dim);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--hacker-green);
}
/* Tag Chips */
.tag-chip {
    background-color: #050505;
    border: 1px solid var(--hacker-green-dim);
    color: var(--hacker-green);
    font-size: 9px;
    font-family: var(--terminal-font);
    padding: 2px 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.group:hover .tag-chip {
    border-color: var(--hacker-green);
    box-shadow: 0 0 5px var(--hacker-green-dim);
}