/* ===== Page Horaires & accès ===== */
.horaires-page {
  padding: 2.5rem 2rem;
}

.horaires-page h1 {
  color: #12233f;
  font-size: 1.4rem;
  margin-bottom: 2rem;
}

/* Les 3 colonnes côte à côte */
.horaires-grid {
  display: flex;
  gap: 3rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.horaires-col h2 {
  color: #12233f;
  font-size: 1.1rem;
  margin-bottom: 1rem;
}

.horaires-col table {
  border-collapse: collapse;
  font-size: 0.95rem;
}

.horaires-col td {
  padding: 0.3rem 1.5rem 0.3rem 0;
}

.horaires-col p {
  font-size: 0.95rem;
  margin-bottom: 0.4rem;
  color: #333;
}

/* La carte, sous les colonnes Adresse/Accès */
.map-container {
  max-width: 500px;
  margin-left: auto; /* pousse la carte vers la droite, comme sur la maquette */
}

.map-container iframe {
  width: 100%;
  height: 300px;
  border: 0;
  border-radius: 6px;
}

/* Responsive : les colonnes passent en pile sur mobile */
@media (max-width: 768px) {
  .horaires-grid {
    flex-direction: column;
    gap: 1.5rem;
  }
  .map-container {
    margin-left: 0;
    max-width: 100%;
  }
}