/* AFO – Bloc Date de la projection */
.afo-proj-date {
  display: inline-flex;
  align-items: center;
  gap: 32px; /* espace entre date, flèche, heures */
  color: #33224D;
  font-weight: 800;
  font-size: clamp(20px, 2vw, 30px);
  line-height: 1.1;
}

.afo-proj-date__day {
  text-transform: uppercase;   /* 13 MARS 2026 */
  letter-spacing: 0.03em;
}

.afo-proj-date__time {
  font-weight: 800;
}

.afo-proj-date__sep svg {
  display: block;
  height: 8px;
  width: auto;
}

.afo-proj-date__fallback {
  color: #33224D;
  font-style: italic;
}

/* Optionnel : un peu plus serré sur petit écran */
@media (max-width: 480px) {
  .afo-proj-date {
    gap: 16px;
    font-size: 18px;
  }
}