/* ============================================
   ACCESSIBILITY MODE OVERRIDES
   Removes all glow effects, shadows, and animations
   while preserving original color scheme
   ============================================ */

/* Remove body brightness filter */
body.accessible-mode {
  filter: none !important;
}

/* Hide CRT effects */
body.accessible-mode .scanlines {
  display: none !important;
}

body.accessible-mode::before,
body.accessible-mode::after {
  display: none !important;
}

/* Hide corner reticles */
body.accessible-mode .corner-reticle {
  display: none !important;
}

/* Hide static noise overlay */
body.accessible-mode .static-full {
  display: none !important;
}

/* ============================================
   REMOVE ALL TEXT SHADOWS
   ============================================ */

body.accessible-mode * {
  text-shadow: none !important;
}

/* ============================================
   REMOVE ALL DROP SHADOWS AND FILTERS
   ============================================ */

/* Logo */
body.accessible-mode .crt-logo {
  filter: none !important;
  animation: none !important;
}

body.accessible-mode .logo-container a:hover .crt-logo {
  filter: none !important;
  transform: none !important;
}

/* Badges */
body.accessible-mode .badge {
  filter: none !important;
  animation: none !important;
}

/* Podium icons */
body.accessible-mode .podium-icon {
  filter: none !important;
  animation: none !important;
}

/* ============================================
   REMOVE ALL BOX SHADOWS
   ============================================ */

/* Buttons */
body.accessible-mode .btn:hover {
  box-shadow: none !important;
  background: rgba(0, 255, 65, 0.3) !important;
}

body.accessible-mode .info-btn:hover {
  box-shadow: none !important;
  background: rgba(0, 217, 255, 0.3) !important;
}

/* Video button */
body.accessible-mode .btn-video:hover {
  box-shadow: none !important;
  background: rgba(0, 217, 255, 0.3) !important;
}

/* Search input */
body.accessible-mode .search-bar input:focus {
  box-shadow: none !important;
  border-color: var(--crt-gold) !important;
}

/* Board container */
body.accessible-mode .board {
  box-shadow: none !important;
  border: 2px solid var(--crt-green) !important;
}

/* Rows - remove glows, use subtle backgrounds instead */
body.accessible-mode .row:hover {
  box-shadow: none !important;
  background: rgba(0, 255, 65, 0.1) !important;
}

/* Top rank rows - use left border for distinction */
body.accessible-mode .row.rank-1 {
  border-left: 4px solid #FFFFFF !important;
}

body.accessible-mode .row.rank-2 {
  border-left: 4px solid #FF3366 !important;
}

body.accessible-mode .row.rank-3 {
  border-left: 4px solid #FF8C00 !important;
}

/* Hover card */
body.accessible-mode .hover-card {
  box-shadow: none !important;
  border: 2px solid var(--crt-cyan) !important;
}

/* Modal */
body.accessible-mode .modal {
  box-shadow: none !important;
  border: 3px solid var(--crt-green) !important;
}

/* ============================================
   DISABLE ALL ANIMATIONS
   ============================================ */

body.accessible-mode *,
body.accessible-mode *::before,
body.accessible-mode *::after {
  animation: none !important;
  transition-duration: 0.15s !important;
}

/* Allow basic transitions for UI feedback */
body.accessible-mode button,
body.accessible-mode input,
body.accessible-mode a {
  transition: background-color 0.15s, border-color 0.15s, color 0.15s !important;
}

/* ============================================
   VISUAL HIERARCHY ENHANCEMENT
   Add borders where glows were removed (except badges)
   ============================================ */

/* Badge outlines removed - keep badges clean */

/* ============================================
   FOCUS INDICATORS
   Ensure keyboard navigation is clear
   ============================================ */

body.accessible-mode *:focus-visible {
  outline: 3px solid var(--crt-cyan) !important;
  outline-offset: 2px !important;
}

body.accessible-mode button:focus-visible,
body.accessible-mode a:focus-visible {
  outline: 3px solid var(--crt-gold) !important;
}

/* ============================================
   REMOVE BUZZ/GLITCH EFFECTS
   ============================================ */

body.accessible-mode .content.buzz h1::before,
body.accessible-mode .content.buzz h1::after,
body.accessible-mode .content.buzz .section-title::before,
body.accessible-mode .content.buzz .section-title::after {
  display: none !important;
}

body.accessible-mode .content.flicker {
  animation: none !important;
}

/* ============================================
   ACCESSIBILITY BUTTON ACTIVE STATE
   ============================================ */

body.accessible-mode #btn-accessibility {
  background: rgba(0, 255, 65, 0.3) !important;
  border-color: var(--crt-gold) !important;
  color: var(--crt-gold) !important;
}

body.accessible-mode #btn-accessibility::before {
  content: "✓ ";
}