/* Sharp Ticker - Dark Mode Stylesheet */

[data-theme="dark"] {
  /* Override color variables for dark mode */
  --bg-light: #121212;
  --bg-white: #1e1e1e;
  --bg-gray: #2d2d2d;
  --text-dark: #e0e0e0;
  --text-muted: #9e9e9e;
  --text-light: #757575;
  --border-color: #404040;

  /* Adjusted primary colors for dark mode */
  --primary-orange: #FF8C5A;
  --primary-orange-dark: #FF6B35;
  --primary-orange-light: #FFAB80;

  /* Secondary blue adjusted */
  --secondary-blue: #90CAF9;
  --secondary-blue-dark: #64B5F6;
  --secondary-blue-light: #BBDEFB;

  /* Status colors adjusted for dark */
  --success-green: #66BB6A;
  --warning-yellow: #FFD54F;
  --danger-red: #EF5350;
  --info-blue: #42A5F5;

  /* Adjusted shadows for dark mode */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.5);
  --shadow-lg: 0 10px 15px rgba(0,0,0,0.5);
  --shadow-xl: 0 20px 25px rgba(0,0,0,0.6);
}

/* Dark mode specific overrides */
[data-theme="dark"] body {
  background-color: var(--bg-light);
  color: var(--text-dark);
}

[data-theme="dark"] .header {
  background-color: var(--bg-white);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .header__logo {
  color: var(--text-dark);
}

[data-theme="dark"] .header__nav-link {
  color: var(--text-dark);
}

[data-theme="dark"] .header__nav-link:hover {
  background-color: var(--bg-gray);
  color: var(--primary-orange);
}

[data-theme="dark"] .header__dropdown {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

[data-theme="dark"] .header__dropdown-item {
  color: var(--text-dark);
}

[data-theme="dark"] .header__dropdown-item:hover {
  background-color: var(--bg-gray);
  color: var(--primary-orange);
}

[data-theme="dark"] .ticker {
  background: #1a1a1a;
  color: #e0e0e0;
  border-bottom-color: #333;
}

[data-theme="dark"] .ticker__separator {
  color: #666;
}

[data-theme="dark"] .ticker__separator--major {
  color: #555;
}

/* Cards and containers */
[data-theme="dark"] .card,
[data-theme="dark"] .game-card,
[data-theme="dark"] .game-card-enhanced,
[data-theme="dark"] .calculator,
[data-theme="dark"] .news-widget,
[data-theme="dark"] .injury-report,
[data-theme="dark"] .faq-item,
[data-theme="dark"] .audience-card,
[data-theme="dark"] .feature-item {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

[data-theme="dark"] .card:hover,
[data-theme="dark"] .game-card:hover,
[data-theme="dark"] .game-card-enhanced:hover {
  box-shadow: var(--shadow-lg);
}

[data-theme="dark"] .sport-card {
  background-color: var(--bg-white);
  border-color: var(--border-color);
  color: var(--text-dark);
}

[data-theme="dark"] .sport-card:hover {
  border-color: var(--primary-orange);
}

[data-theme="dark"] .sport-card__name {
  color: var(--text-dark);
}

/* Tabs */
[data-theme="dark"] .tabs {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .tabs__btn {
  color: var(--text-muted);
}

[data-theme="dark"] .tabs__btn:hover,
[data-theme="dark"] .tabs__btn--active {
  color: var(--primary-orange);
}

/* Tables */
[data-theme="dark"] .table {
  background-color: var(--bg-white);
}

[data-theme="dark"] .table th {
  background-color: var(--bg-gray);
  color: var(--text-dark);
}

[data-theme="dark"] .table td {
  border-bottom-color: var(--border-color);
  color: var(--text-dark);
}

[data-theme="dark"] .table tr:hover {
  background-color: var(--bg-gray);
}

[data-theme="dark"] .odds-table th {
  background-color: #2c3e50;
}

/* Forms */
[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-textarea {
  background-color: var(--bg-gray);
  border-color: var(--border-color);
  color: var(--text-dark);
}

[data-theme="dark"] .form-input:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] .form-textarea:focus {
  border-color: var(--primary-orange);
  box-shadow: 0 0 0 3px rgba(255, 140, 90, 0.2);
}

[data-theme="dark"] .form-label {
  color: var(--text-dark);
}

/* Testimonials */
[data-theme="dark"] .testimonial {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

[data-theme="dark"] .testimonial__text {
  color: var(--text-dark);
}

[data-theme="dark"] .testimonial__author {
  color: var(--text-dark);
}

/* Buttons - CRITICAL FIX */
[data-theme="dark"] .btn--primary {
  background-color: var(--primary-orange);
  color: #000;
  border-color: var(--primary-orange);
}

[data-theme="dark"] .btn--primary:hover {
  background-color: var(--primary-orange-dark);
  color: #000;
}

[data-theme="dark"] .btn--secondary {
  background-color: #3498db;
  color: #fff;
}

[data-theme="dark"] .btn--secondary:hover {
  background-color: #2980b9;
  color: #fff;
}

[data-theme="dark"] .btn--outline {
  border-color: var(--primary-orange);
  color: var(--primary-orange);
  background-color: transparent;
}

[data-theme="dark"] .btn--outline:hover {
  background-color: var(--primary-orange);
  color: #000;
}

[data-theme="dark"] .btn--white {
  background-color: var(--bg-white);
  color: var(--primary-orange);
}

/* Game card enhancements */
[data-theme="dark"] .game-card__main {
  background-color: var(--bg-white);
}

[data-theme="dark"] .game-card__betting {
  background-color: var(--bg-gray);
  border-top-color: var(--border-color);
}

[data-theme="dark"] .game-card__bet-label {
  color: var(--text-muted);
}

[data-theme="dark"] .game-card__bet-value {
  color: var(--text-dark);
}

[data-theme="dark"] .game-card__details {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .game-card__details-tabs {
  border-bottom-color: var(--border-color);
  background-color: var(--bg-white);
}

[data-theme="dark"] .game-card__details-tab {
  color: var(--text-muted);
}

[data-theme="dark"] .game-card__details-tab:hover {
  color: var(--primary-orange);
}

[data-theme="dark"] .game-card__details-tab--active {
  color: var(--primary-orange);
  background-color: var(--bg-white);
}

[data-theme="dark"] .game-card__details-content {
  background-color: var(--bg-white);
  color: var(--text-dark);
}

[data-theme="dark"] .game-card__team-name {
  color: var(--text-dark);
}

[data-theme="dark"] .game-card__score-display .score {
  color: var(--text-dark);
}

[data-theme="dark"] .game-card__weather {
  color: var(--text-muted);
}

[data-theme="dark"] .game-card__injury {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .game-card__injury-player {
  color: var(--text-dark);
}

/* Injury status badges - CRITICAL FIX */
[data-theme="dark"] .game-card__injury-status--out {
  background: rgba(239, 83, 80, 0.2);
  color: #ef5350;
}

[data-theme="dark"] .game-card__injury-status--questionable {
  background: rgba(255, 213, 79, 0.2);
  color: #ffd54f;
}

[data-theme="dark"] .game-card__injury-status--probable {
  background: rgba(102, 187, 106, 0.2);
  color: #66bb6a;
}

[data-theme="dark"] .game-card__news-item {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .game-card__news-headline {
  color: var(--text-dark);
}

/* Calculator */
[data-theme="dark"] .calculator__result {
  background-color: var(--bg-gray);
}

[data-theme="dark"] .calculator__result-value {
  color: var(--success-green);
}

[data-theme="dark"] .calculator__result-label {
  color: var(--text-muted);
}

/* News widget */
[data-theme="dark"] .news-widget__header,
[data-theme="dark"] .injury-report__header {
  border-bottom-color: var(--border-color);
  color: var(--text-dark);
}

[data-theme="dark"] .news-widget__item {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .news-widget__item:hover {
  background-color: var(--bg-gray);
}

[data-theme="dark"] .news-widget__link {
  color: var(--text-dark);
}

[data-theme="dark"] .injury-report__item {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .injury-report__title {
  color: var(--text-dark);
}

/* Blog cards */
[data-theme="dark"] .blog-card {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

[data-theme="dark"] .blog-card__title {
  color: var(--text-dark);
}

[data-theme="dark"] .blog-card__image {
  background-color: var(--bg-gray);
}

/* Theme toggle */
[data-theme="dark"] .theme-toggle {
  color: var(--text-dark);
}

[data-theme="dark"] .theme-toggle:hover {
  background-color: var(--bg-gray);
}

/* Footer */
[data-theme="dark"] .footer {
  background-color: #0d0d0d;
}

/* Skeleton loading */
[data-theme="dark"] .skeleton {
  background: linear-gradient(90deg, var(--bg-gray) 25%, var(--bg-white) 50%, var(--bg-gray) 75%);
  background-size: 200% 100%;
}

/* Headings */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: var(--text-dark);
}

[data-theme="dark"] .feature__title,
[data-theme="dark"] .card__title {
  color: var(--text-dark);
}

/* Links */
[data-theme="dark"] a {
  color: var(--primary-orange);
}

[data-theme="dark"] a:hover {
  color: var(--primary-orange-light);
}

/* FAQ styles */
[data-theme="dark"] .faq-question {
  color: var(--text-dark);
}

[data-theme="dark"] .faq-question:hover {
  background-color: var(--bg-gray);
}

[data-theme="dark"] .faq-answer {
  color: var(--text-muted);
}

/* Sport header - keep dark for contrast */
[data-theme="dark"] .sport-header {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
}

/* Hero section */
[data-theme="dark"] .hero {
  background: linear-gradient(135deg, #1a1a2e 0%, #0f0f1a 100%);
}

/* Badges */
[data-theme="dark"] .badge--upcoming {
  background-color: #3498db;
}

[data-theme="dark"] .badge--final {
  background-color: #666;
}

/* Sport page layout */
[data-theme="dark"] .sport-games__title {
  color: var(--text-dark);
}

[data-theme="dark"] .sport-games__date {
  color: var(--text-muted);
}

/* Check list */
[data-theme="dark"] .check-list li {
  color: var(--text-dark);
}

/* Code blocks */
[data-theme="dark"] code {
  background: var(--bg-gray);
  color: var(--primary-orange);
}

/* League tabs for soccer */
[data-theme="dark"] .league-tabs {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .league-tab {
  color: var(--text-muted);
  background: transparent;
}

[data-theme="dark"] .league-tab:hover {
  color: var(--primary-orange);
  background-color: var(--bg-gray);
}

[data-theme="dark"] .league-tab--active {
  color: var(--primary-orange);
  background-color: var(--bg-gray);
}

/* Dark mode icon toggle */
[data-theme="dark"] .theme-toggle__light {
  display: inline;
}

[data-theme="dark"] .theme-toggle__dark {
  display: none;
}

.theme-toggle__light {
  display: none;
}

.theme-toggle__dark {
  display: inline;
}

/* Loading state */
[data-theme="dark"] .loading {
  color: var(--text-muted);
}

[data-theme="dark"] .loading::after {
  border-color: var(--border-color);
  border-top-color: var(--primary-orange);
}

/* Off-season message */
[data-theme="dark"] .off-season-message {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

/* ===== Game Intelligence Cards Dark Mode ===== */
[data-theme="dark"] .game-intel {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

[data-theme="dark"] .game-intel__header:hover {
  background-color: var(--bg-gray);
}

[data-theme="dark"] .game-intel__abbr {
  color: var(--text-dark);
}

[data-theme="dark"] .game-intel__score {
  color: var(--text-dark);
}

[data-theme="dark"] .game-intel__tv {
  background-color: var(--bg-gray);
  color: var(--text-muted);
}

[data-theme="dark"] .game-intel__odds-row {
  border-color: var(--border-color);
}

[data-theme="dark"] .game-intel__fav-item {
  color: var(--text-dark);
}

[data-theme="dark"] .game-intel__book {
  background-color: var(--bg-gray);
}

[data-theme="dark"] .game-intel__sharp {
  background: rgba(255, 140, 90, 0.15);
}

[data-theme="dark"] .game-intel__body {
  border-color: var(--border-color);
}

[data-theme="dark"] .game-intel__tabs {
  background-color: var(--bg-gray);
  border-color: var(--border-color);
}

[data-theme="dark"] .game-intel__tab {
  color: var(--text-muted);
}

[data-theme="dark"] .game-intel__tab:hover {
  color: var(--primary-orange);
}

[data-theme="dark"] .game-intel__tab--active {
  color: var(--primary-orange);
  background-color: var(--bg-white);
}

[data-theme="dark"] .game-intel__panel h4 {
  color: var(--text-muted);
}

/* Odds Grid */
[data-theme="dark"] .odds-grid {
  border-color: var(--border-color);
}

[data-theme="dark"] .odds-grid__header {
  background-color: var(--bg-gray);
  color: var(--text-muted);
}

[data-theme="dark"] .odds-grid__row {
  border-color: var(--border-color);
  color: var(--text-dark);
}

[data-theme="dark"] .odds-grid__row--best {
  background: rgba(102, 187, 106, 0.15);
}

[data-theme="dark"] .odds-grid__book {
  color: var(--text-dark);
}

/* Line History */
[data-theme="dark"] .line-history {
  background-color: var(--bg-gray);
}

[data-theme="dark"] .line-history__item span:last-child {
  color: var(--text-dark);
}

[data-theme="dark"] .sharp-alert {
  background: rgba(255, 140, 90, 0.15);
}

/* Money Split */
[data-theme="dark"] .money-split__fav--fade {
  background: #8b6914;
}

[data-theme="dark"] .game-intel__public {
  background-color: var(--bg-gray);
}

/* Team Compare */
[data-theme="dark"] .team-compare {
  border-color: var(--border-color);
  color: var(--text-dark);
}

/* Injuries */
[data-theme="dark"] .injuries-split__team {
  background-color: var(--bg-gray);
}

[data-theme="dark"] .injuries-split__team strong {
  color: var(--text-dark);
}

[data-theme="dark"] .injury-row {
  border-color: var(--border-color);
  color: var(--text-dark);
}

[data-theme="dark"] .injury-status--out,
[data-theme="dark"] .injury-status--doubtful {
  background: rgba(239, 83, 80, 0.2);
  color: #ef5350;
}

[data-theme="dark"] .injury-status--questionable {
  background: rgba(255, 213, 79, 0.2);
  color: #ffd54f;
}

[data-theme="dark"] .injury-status--probable {
  background: rgba(102, 187, 106, 0.2);
  color: #66bb6a;
}

/* H2H */
[data-theme="dark"] .h2h-list {
  border-color: var(--border-color);
}

[data-theme="dark"] .h2h-row {
  border-color: var(--border-color);
  color: var(--text-dark);
}

[data-theme="dark"] .h2h-winner {
  color: var(--success-green);
}

/* Trends */
[data-theme="dark"] .trend-item {
  background-color: var(--bg-gray);
}

[data-theme="dark"] .trend-value {
  color: var(--text-dark);
}

/* Situation Badges */
[data-theme="dark"] .situation-badge {
  background-color: var(--bg-gray);
  color: var(--text-dark);
}

[data-theme="dark"] .situation-badge--warn {
  background: rgba(255, 213, 79, 0.2);
  color: #ffd54f;
}

/* Info */
[data-theme="dark"] .info-value {
  color: var(--text-dark);
}

/* Weather Detail */
[data-theme="dark"] .weather-detail {
  background-color: var(--bg-gray);
}

[data-theme="dark"] .weather-detail__temp {
  color: var(--text-dark);
}

/* Consensus Line */
[data-theme="dark"] .consensus-line {
  background-color: var(--bg-gray);
}

[data-theme="dark"] .consensus-value {
  color: var(--primary-orange);
}

/* Standings Snapshot */
[data-theme="dark"] .standings-snapshot__team {
  background-color: var(--bg-gray);
}

[data-theme="dark"] .standings-snapshot__team strong {
  color: var(--text-dark);
}

[data-theme="dark"] .standings-snapshot__streak {
  background-color: #3d3d3d;
  color: var(--text-dark);
}

/* Starting Lineups */
[data-theme="dark"] .lineups-split__team {
  background-color: var(--bg-gray);
}

[data-theme="dark"] .lineups-header {
  border-color: var(--border-color);
}

[data-theme="dark"] .lineups-header strong {
  color: var(--text-dark);
}

[data-theme="dark"] .lineup-row {
  border-color: var(--border-color);
}

[data-theme="dark"] .lineup-name {
  color: var(--text-dark);
}

[data-theme="dark"] .lineup-pos {
  color: var(--primary-orange);
}

[data-theme="dark"] .lineup-status--conf {
  background: rgba(102, 187, 106, 0.2);
  color: #66bb6a;
}

[data-theme="dark"] .lineup-status--gtd {
  background: rgba(255, 213, 79, 0.2);
  color: #ffd54f;
}

/* Favorite indicator in odds */
[data-theme="dark"] .game-intel__odds-value .favorite {
  color: var(--primary-orange);
}
