/* Fallback pour color-mix() - utiliser rgba() compatible */

/* Ces styles surchargeront les color-mix() si color-mix() n'est pas supporté */
@supports not (background: color-mix(in srgb, white, black)) {
  .fftri-calendar-hero {
    background: linear-gradient(
      135deg,
      rgba(0, 87, 168, 0.05),
      rgba(0, 87, 168, 0.02)
    );
  }

  .fftri-calendar-stat {
    background: rgba(0, 87, 168, 0.03);
    border: 1px solid rgba(0, 87, 168, 0.1);
  }

  .fftri-calendar-stat:hover {
    background: rgba(0, 87, 168, 0.06);
    border-color: rgba(0, 87, 168, 0.15);
  }

  .fftri-calendar-sticky-header {
    background: rgba(255, 255, 255, 0.95);
  }

  .fftri-calendar-year-select select:hover {
    background-color: rgba(0, 87, 168, 0.03);
  }

  .fftri-calendar-offline {
    background: rgba(244, 121, 32, 0.08);
    border: 1px solid rgba(244, 121, 32, 0.2);
  }

  .fftri-calendar-month-section[data-calendar-month-current="true"] {
    background: linear-gradient(
      135deg,
      rgba(0, 87, 168, 0.02),
      transparent
    );
    box-shadow: 0 4px 12px rgba(0, 87, 168, 0.1);
  }

  .fftri-calendar-month-races::before {
    background: linear-gradient(180deg, rgba(0, 87, 168, 0.5), rgba(0, 87, 168, 0.1));
  }
}

/* Force les badges avec des couleurs visibles */
.fftri-calendar-race-priority {
  border: none;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  color: white;
  font-weight: 800;
  font-size: 1.125rem;
  transition: all var(--duration-fast) ease;
}

.fftri-calendar-race-priority[data-priority="A"] {
  background: linear-gradient(135deg, var(--c-priority-a-start), var(--c-priority-a-end));
  box-shadow: 0 2px 6px rgba(154, 103, 0, 0.3);
}

.fftri-calendar-race-priority[data-priority="A"]:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(154, 103, 0, 0.4);
}

.fftri-calendar-race-priority[data-priority="B"] {
  background: linear-gradient(135deg, var(--c-priority-b-start), var(--c-priority-b-end));
  box-shadow: 0 2px 6px rgba(0, 87, 168, 0.3);
}

.fftri-calendar-race-priority[data-priority="B"]:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 87, 168, 0.4);
}

.fftri-calendar-race-priority[data-priority="C"] {
  background: linear-gradient(135deg, var(--c-priority-c-start), var(--c-priority-c-end));
  box-shadow: 0 2px 6px rgba(71, 85, 105, 0.3);
}

.fftri-calendar-race-priority[data-priority="C"]:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(71, 85, 105, 0.4);
}