/* ==========================================================================
   Quake SA - Tema Quake Arena (Inspirado no visual clássico e gótico do jogo)
   ========================================================================== */

[data-theme="quake"] {
  --bg-body: #0c0906;
  --bg-container: #15100b;
  --bg-surface: #201811;
  --bg-surface-secondary: #2a1f16;
  --bg-card: #18120d;
  --bg-card-header: #231911;
  --bg-navbar: #090604;
  --bg-footer: #090604;

  --border-color: #523b26;
  --border-color-light: #38281a;

  --text-main: #e8dcc8;
  --text-muted: #a69076;
  --text-heading: #ffb300;
  --text-link: #ff9100;
  --text-link-hover: #ffd54f;
  --text-navbar: #ffe082;

  --accent-primary: #ff5722;
  --accent-primary-glow: rgba(255, 87, 34, 0.45);
  --accent-secondary: #ffab00;
  --accent-green: #00e676;
  --accent-blue: #00b0ff;

  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.6);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.7);
  --shadow-lg: 0 10px 32px rgba(255, 87, 34, 0.2);
  --theme-gradient-nav: linear-gradient(180deg, #1f140c 0%, #090604 100%);
}

/* Specific Quake Theme Aesthetics */
[data-theme="quake"] body {
  background-image: 
    radial-gradient(circle at 50% 0%, rgba(255, 87, 34, 0.12) 0%, transparent 60%),
    linear-gradient(180deg, rgba(21, 16, 11, 0.95) 0%, #0c0906 100%);
  background-attachment: fixed;
}

[data-theme="quake"] .main2 {
  background: linear-gradient(180deg, #18120d 0%, #130e09 100%);
  border: 1px solid #5a3f28;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 179, 0, 0.15);
}

[data-theme="quake"] .navbar {
  border-bottom: 2px solid #ff5722 !important;
  box-shadow: 0 4px 20px rgba(255, 87, 34, 0.25);
  background: var(--theme-gradient-nav) !important;
}

[data-theme="quake"] .navbar-brand {
  color: #ffb300 !important;
  text-shadow: 0 0 12px rgba(255, 179, 0, 0.5);
}

[data-theme="quake"] .navbar-dark .navbar-nav .nav-link {
  color: #d7ccc8 !important;
}

[data-theme="quake"] .navbar-dark .navbar-nav .nav-link:hover,
[data-theme="quake"] .navbar-dark .navbar-nav .active > .nav-link {
  color: #ffb300 !important;
  text-shadow: 0 0 8px rgba(255, 179, 0, 0.6);
}

[data-theme="quake"] .card {
  background-color: var(--bg-card);
  border: 1px solid #4a3421;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

[data-theme="quake"] .card-header {
  background: linear-gradient(90deg, #271c12 0%, #1d140d 100%) !important;
  border-bottom: 1px solid #523b26 !important;
}

[data-theme="quake"] .line-title {
  color: #ffb300 !important;
  text-shadow: 0 0 10px rgba(255, 179, 0, 0.4);
}

[data-theme="quake"] .line-title::before {
  background: linear-gradient(180deg, #ff9100 0%, #ff3d00 100%) !important;
  box-shadow: 0 0 8px #ff3d00;
}

[data-theme="quake"] .btn-primary {
  background: linear-gradient(180deg, #ff6e40 0%, #d84315 100%) !important;
  border: 1px solid #ffab91 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 2px 8px rgba(216, 67, 21, 0.5);
}

[data-theme="quake"] .btn-primary:hover {
  background: linear-gradient(180deg, #ff8a65 0%, #e64a19 100%) !important;
  box-shadow: 0 0 14px rgba(255, 110, 64, 0.7);
  transform: translateY(-1px);
}

[data-theme="quake"] .btn-outline-primary {
  color: #ff9100 !important;
  border-color: #ff9100 !important;
}

[data-theme="quake"] .btn-outline-primary:hover {
  background-color: #ff5722 !important;
  color: #ffffff !important;
  box-shadow: 0 0 12px rgba(255, 87, 34, 0.6);
}

[data-theme="quake"] .list-group-item {
  background-color: var(--bg-card);
  color: var(--text-main);
  border-color: var(--border-color);
}

[data-theme="quake"] .list-group-item:hover {
  background-color: var(--bg-surface) !important;
}

[data-theme="quake"] .table {
  color: var(--text-main);
}

[data-theme="quake"] .table thead th {
  background-color: var(--bg-surface);
  color: #ffb300;
  border-bottom: 2px solid #5a3f28;
}

[data-theme="quake"] .table td,
[data-theme="quake"] .table th {
  border-top-color: #38281a;
}

[data-theme="quake"] .badge-primary {
  background-color: #d84315 !important;
  border: 1px solid #ff7043;
}

[data-theme="quake"] .badge-secondary {
  background-color: #3e2d1d !important;
  color: #d7ccc8 !important;
  border: 1px solid #5d4037;
}

[data-theme="quake"] .form-control {
  background-color: var(--bg-surface-secondary);
  border-color: var(--border-color);
  color: var(--text-main);
}

[data-theme="quake"] .form-control:focus {
  background-color: var(--bg-surface);
  border-color: #ff5722;
  color: #ffffff;
  box-shadow: 0 0 0 0.2rem rgba(255, 87, 34, 0.35);
}

[data-theme="quake"] .jQBracket .team {
  background-color: #231911 !important;
  color: #e8dcc8 !important;
  border: 1px solid #523b26 !important;
}

[data-theme="quake"] .jQBracket .team.win {
  color: #ffb300 !important;
}

[data-theme="quake"] .jQBracket .team .score {
  background-color: #332316 !important;
  color: #ffd54f !important;
}

[data-theme="quake"] .footer {
  border-top: 2px solid #ff5722 !important;
  background: #090604 !important;
}

/* Quake Theme - Group Stage Qualified Styling (Dark Green) */
[data-theme="quake"] .row-qualified {
  background-color: rgba(20, 50, 20, 0.45) !important;
  border-left: 3px solid #2e7d32 !important;
}

[data-theme="quake"] .row-qualified:hover {
  background-color: rgba(25, 65, 25, 0.6) !important;
}

[data-theme="quake"] .badge-qualified {
  background-color: #1b431e !important;
  color: #a5d6a7 !important;
  border: 1px solid #2e7d32 !important;
}

[data-theme="quake"] .badge-qualified-pill {
  background-color: #1b431e !important;
  color: #c8e6c9 !important;
  border: 1px solid #388e3c !important;
}

[data-theme="quake"] .text-qualified {
  color: #a5d6a7 !important;
}