/* ============================================
   HAFIA FC — Light Mode Deep Overrides
   Overrides complets pour TOUS les composants
   ============================================ */

/* ═══════════════════════════════════════════
   HEADER & NAV
   ═══════════════════════════════════════════ */
[data-theme="light"] .header__bg {
  background: rgba(248, 246, 241, 0.92);
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .header__logo-text {
  color: #1A1A1A;
}
[data-theme="light"] .header__nav-link {
  color: #4A4A4A;
}
[data-theme="light"] .header__nav-link:hover {
  color: #1A1A1A;
  background: rgba(0, 105, 60, 0.06);
}
[data-theme="light"] .header__nav-link.is-active {
  color: var(--primary);
}
[data-theme="light"] .header__burger-line {
  background: #1A1A1A;
}

/* ═══════════════════════════════════════════
   MOBILE MENU
   ═══════════════════════════════════════════ */
[data-theme="light"] .mobile-menu {
  background: rgba(248, 246, 241, 0.98);
}
[data-theme="light"] .mobile-menu__link {
  color: #4A4A4A;
}
[data-theme="light"] .mobile-menu__link:hover,
[data-theme="light"] .mobile-menu__link.is-active {
  color: var(--primary);
  text-shadow: none;
}
[data-theme="light"] .mobile-menu__social {
  border-color: rgba(0, 0, 0, 0.1);
  color: #4A4A4A;
}

/* ═══════════════════════════════════════════
   HERO — Le héro garde son impact même en mode clair
   (overlay SOMBRE sur l'image pour garder la lisibilité)
   ═══════════════════════════════════════════ */
[data-theme="light"] .hero__bg-overlay {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.25) 0%,
    rgba(0, 0, 0, 0.15) 30%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(248, 246, 241, 0.95) 95%
  );
}
[data-theme="light"] .hero__title {
  color: #FFFFFF;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}
[data-theme="light"] .hero__title-accent {
  color: #00E676;
  text-shadow: 0 2px 20px rgba(0, 230, 118, 0.4);
}
[data-theme="light"] .hero__subtitle {
  color: rgba(255, 255, 255, 0.85);
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}
[data-theme="light"] .hero__label {
  color: #00E676;
  text-shadow: 0 0 10px rgba(0, 230, 118, 0.3);
}
[data-theme="light"] .hero__scroll-indicator {
  color: rgba(255, 255, 255, 0.5);
}

/* ═══════════════════════════════════════════
   BOUTONS — Le vert est profond, texte blanc
   ═══════════════════════════════════════════ */
[data-theme="light"] .btn--primary {
  background: linear-gradient(135deg, #00693C 0%, #004D2B 100%);
  color: #FFFFFF;
  box-shadow: 0 4px 14px rgba(0, 105, 60, 0.25);
}
[data-theme="light"] .btn--primary:hover {
  box-shadow: 0 6px 20px rgba(0, 105, 60, 0.35);
}
[data-theme="light"] .btn--outline {
  border-color: var(--primary);
  color: var(--primary);
}
[data-theme="light"] .btn--outline:hover {
  background: rgba(0, 105, 60, 0.08);
}
[data-theme="light"] .btn--glass {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.08);
  color: #1A1A1A;
}
[data-theme="light"] .btn--glass:hover {
  background: rgba(0, 105, 60, 0.08);
  border-color: var(--primary);
  color: var(--primary);
}
[data-theme="light"] .btn--ghost {
  color: #4A4A4A;
}
[data-theme="light"] .btn--ghost:hover {
  color: var(--primary);
  background: rgba(0, 105, 60, 0.06);
}

/* ═══════════════════════════════════════════
   CARDS — ombres portées, bordures douces
   ═══════════════════════════════════════════ */
[data-theme="light"] .card {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .card:hover {
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
[data-theme="light"] .card--accent:hover {
  border-color: var(--primary);
  box-shadow: 0 8px 24px rgba(0, 105, 60, 0.12);
}
[data-theme="light"] .card--glass {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  border-color: rgba(0, 0, 0, 0.06);
}

/* ═══════════════════════════════════════════
   BADGES & TAGS
   ═══════════════════════════════════════════ */
[data-theme="light"] .badge {
  background: rgba(0, 105, 60, 0.08);
  color: var(--primary);
  border-color: rgba(0, 105, 60, 0.15);
}
[data-theme="light"] .badge--gold {
  background: rgba(196, 154, 0, 0.1);
  color: #8B6D00;
  border-color: rgba(196, 154, 0, 0.2);
}
[data-theme="light"] .badge--red {
  background: rgba(198, 40, 40, 0.08);
  color: var(--accent-red);
  border-color: rgba(198, 40, 40, 0.15);
}
[data-theme="light"] .badge--fill {
  background: var(--primary);
  color: #FFFFFF;
}
[data-theme="light"] .tag {
  background: #F0EDE6;
  color: #4A4A4A;
  border-color: rgba(0, 0, 0, 0.08);
}

/* ═══════════════════════════════════════════
   TROPHY CARDS
   ═══════════════════════════════════════════ */
[data-theme="light"] .trophy-card {
  background: #FFFFFF;
  border-color: rgba(196, 154, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .trophy-card:hover {
  border-color: var(--accent-gold);
  box-shadow: 0 12px 36px rgba(196, 154, 0, 0.12);
}
[data-theme="light"] .trophy-card__year {
  text-shadow: none;
}

/* ═══════════════════════════════════════════
   STATS BAR
   ═══════════════════════════════════════════ */
[data-theme="light"] .stats-bar {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.06);
}

/* ═══════════════════════════════════════════
   STORY CARDS
   ═══════════════════════════════════════════ */
[data-theme="light"] .story-card__image {
  border-color: #F8F6F1;
}

/* ═══════════════════════════════════════════
   MATCH CENTER BANNER
   ═══════════════════════════════════════════ */
[data-theme="light"] .match-center {
  background: #FFFFFF;
  border-bottom-color: rgba(0, 0, 0, 0.06);
}

/* ═══════════════════════════════════════════
   SECTIONS
   ═══════════════════════════════════════════ */
[data-theme="light"] .section--dark {
  background: #F0EDE6;
}
[data-theme="light"] .section--glass {
  background: rgba(255, 255, 255, 0.6);
  border-color: rgba(0, 0, 0, 0.04);
}
[data-theme="light"] .section__label::before {
  background: rgba(0, 105, 60, 0.06);
  border-color: rgba(0, 105, 60, 0.2);
}

/* ═══════════════════════════════════════════
   SPONSORS
   ═══════════════════════════════════════════ */
[data-theme="light"] .sponsors {
  border-top-color: rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .sponsors__item img {
  filter: grayscale(1) brightness(0.5) contrast(1.2);
}
[data-theme="light"] .sponsors__item:hover img {
  filter: grayscale(0) brightness(1);
}

/* ═══════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════ */
[data-theme="light"] .footer {
  background: #EDE9E0;
  border-top-color: rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .footer__social-link {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.08);
  color: #4A4A4A;
}
[data-theme="light"] .footer__social-link:hover {
  background: rgba(0, 105, 60, 0.06);
  border-color: var(--primary);
  color: var(--primary);
}
[data-theme="light"] .footer__newsletter-input {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.12);
  color: #1A1A1A;
}

/* ═══════════════════════════════════════════
   CHIPS & TOOLTIPS
   ═══════════════════════════════════════════ */
[data-theme="light"] .chip {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] [data-tooltip]::before {
  background: #1A1A1A;
  color: #FFFFFF;
  border-color: transparent;
}

/* ═══════════════════════════════════════════
   SCROLLBAR
   ═══════════════════════════════════════════ */
[data-theme="light"] ::-webkit-scrollbar-track {
  background: #F0EDE6;
}
[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: var(--primary);
}

/* ═══════════════════════════════════════════
   SELECTION
   ═══════════════════════════════════════════ */
[data-theme="light"] ::selection {
  background-color: var(--primary);
  color: #FFFFFF;
}

/* ═══════════════════════════════════════════
   LIVE DATA WIDGETS (inline styles override)
   ═══════════════════════════════════════════ */
[data-theme="light"] .standing-row-hafia td {
  background: rgba(0, 105, 60, 0.06) !important;
}
[data-theme="light"] .yt-card {
  background: #FFFFFF !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="light"] .yt-card:hover {
  border-color: var(--accent-red) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* ═══════════════════════════════════════════
   HAFIA TV — Video cards
   ═══════════════════════════════════════════ */
[data-theme="light"] .video-card {
  background: #FFFFFF;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
[data-theme="light"] .video-card:hover {
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12) !important;
}
[data-theme="light"] .featured-video__bg {
  background: linear-gradient(135deg, #004D2B 0%, #00693C 100%) !important;
}

/* ═══════════════════════════════════════════
   THEME TOGGLE — adapte son look
   ═══════════════════════════════════════════ */
[data-theme="light"] .theme-toggle {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.1);
}
[data-theme="light"] .theme-toggle:hover {
  background: rgba(0, 105, 60, 0.08);
  border-color: var(--primary);
}

/* ═══════════════════════════════════════════
   FORMS & INPUTS
   ═══════════════════════════════════════════ */
[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select {
  color: #1A1A1A;
}
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
  color: #8A8A8A;
}

/* ═══════════════════════════════════════════
   PROGRESS BAR
   ═══════════════════════════════════════════ */
[data-theme="light"] .progress {
  background: #EAE7DF;
}

/* ═══════════════════════════════════════════
   CURSOR customisé
   ═══════════════════════════════════════════ */
[data-theme="light"] .cursor__dot {
  background: var(--primary);
}
[data-theme="light"] .cursor__ring {
  border-color: var(--primary);
}

/* ═══════════════════════════════════════════
   VIDEO LIGHTBOX
   ═══════════════════════════════════════════ */
[data-theme="light"] .ytlb__info {
  background: rgba(248, 246, 241, 0.95);
  border-color: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .ytlb__title {
  color: #1A1A1A;
}
[data-theme="light"] .ytlb__yt-link {
  color: #4A4A4A;
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1);
}

/* ═══════════════════════════════════════════
   HAFIA TV — Page spécifique
   ═══════════════════════════════════════════ */
[data-theme="light"] .featured-video__bg {
  background: linear-gradient(135deg, #004D2B 0%, #00693C 100%) !important;
}
[data-theme="light"] .featured-video__overlay {
  background: linear-gradient(180deg, rgba(0,0,0,0.2) 30%, rgba(248,246,241,0.9) 100%) !important;
}
[data-theme="light"] .cat-tab {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.1);
  color: #4A4A4A;
}
[data-theme="light"] .cat-tab:hover {
  border-color: var(--accent-red);
  color: var(--accent-red);
}
[data-theme="light"] .cat-tab.is-active {
  background: var(--accent-red);
  color: white;
}
[data-theme="light"] .video-card__duration {
  background: rgba(0, 0, 0, 0.65) !important;
}
[data-theme="light"] .yt-cta {
  background: rgba(0, 0, 0, 0.03) !important;
  border-color: rgba(198, 40, 40, 0.15) !important;
}

/* ═══════════════════════════════════════════
   RÉSULTATS & CLASSEMENTS
   ═══════════════════════════════════════════ */
[data-theme="light"] #homeStandingsTable,
[data-theme="light"] table {
  color: #1A1A1A;
}
[data-theme="light"] thead tr {
  background: rgba(0, 105, 60, 0.04);
}
[data-theme="light"] tbody tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.02);
}
[data-theme="light"] .standing-row-hafia td {
  background: rgba(0, 105, 60, 0.07) !important;
}

/* ═══════════════════════════════════════════
   LOADER / SPLASH SCREEN
   ═══════════════════════════════════════════ */
[data-theme="light"] .loader {
  background: #F8F6F1;
}
[data-theme="light"] .loader__logo-text {
  color: #1A1A1A;
}

/* ═══════════════════════════════════════════
   CURSEUR CUSTOM
   ═══════════════════════════════════════════ */
[data-theme="light"] .cursor-dot {
  background: var(--primary) !important;
}
[data-theme="light"] .cursor-ring {
  border-color: var(--primary) !important;
}

/* ═══════════════════════════════════════════
   MATCH CENTER
   ═══════════════════════════════════════════ */
[data-theme="light"] .match-center__teams {
  color: #1A1A1A;
}
[data-theme="light"] .match-center__date {
  color: #8A8A8A;
}

/* ═══════════════════════════════════════════
   AVATAR
   ═══════════════════════════════════════════ */
[data-theme="light"] .avatar {
  border-color: rgba(0, 0, 0, 0.1);
}
[data-theme="light"] .avatar--accent {
  border-color: var(--primary);
  box-shadow: 0 0 10px rgba(0, 105, 60, 0.2);
}