/* Conteneur global + police */
.rotisserie-infos,
.rotisserie-infos * {
  font-family: "Right Grotesk Compact", Sans-serif;
}

/* Titres */
.rotisserie-infos h3 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
  color: #000;
  margin: 0 0 30px;
}
@media (max-width: 767px) {
  .rotisserie-infos h3 {
    font-size: 28px;
    margin-bottom: 24px;
  }
}

/* Coordonnées */
.rotisserie-infos .rotisserie-coordonnees {
  margin-bottom: 32px;
}
.rotisserie-infos .rotisserie-coordonnees p {
  font-size: 18px;
  line-height: 1.5;
  color: #000;
  margin: 0 0 4px;
}
.rotisserie-infos .rotisserie-coordonnees a.map {
  font-size: 20px;
  color: #E50019;
  text-decoration: underline;
}
.rotisserie-infos .rotisserie-contact .separateur { margin: 0 12px; }
.rotisserie-infos .rotisserie-contact a { color: #000; text-decoration: none; }
.rotisserie-infos .rotisserie-contact a.map { color: #E50019; text-decoration: underline; }
.rotisserie-infos .icone-lien-externe { vertical-align: -0.1em; }

/* Services en pastilles */
.rotisserie-infos .rotisserie-services {
  margin-bottom: 40px;
}
.rotisserie-infos .rotisserie-services ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.rotisserie-infos .rotisserie-services li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #FFE9C4;
  color: #000;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 12px;
  border-radius: 10px;
}
.rotisserie-infos .rotisserie-services li::before {
  content: "\f00c"; /* check Font Awesome 4.7 */
  font-family: FontAwesome;
  font-size: 13px;
}

/* Heures d'ouverture */
.rotisserie-infos .rotisserie-heures {
  max-width: 610px;
  margin-bottom: 32px;
}
/* Pas de lignes entre les rangées (bordures du thème) */
.rotisserie-infos .rotisserie-heures,
.rotisserie-infos .rotisserie-heures * {
  border: 0 !important;
  box-shadow: none !important;
}
/* Grille : jour + une colonne de largeur fixe par période, pour aligner les heures */
.rotisserie-infos .rotisserie-heures .heuresOuverture {
  display: block;
}
.rotisserie-infos .rotisserie-heures .rangee {
  display: grid;
  grid-template-columns: 1fr repeat(var(--periodes, 1), 150px);
  align-items: center;
  font-size: 18px;
  line-height: 20px;
  text-transform: none;
  padding: 10px 0;
}
.rotisserie-infos .rotisserie-heures .jour {
  color: #333;
}
.rotisserie-infos .rotisserie-heures .heures {
  color: #000;
}
.rotisserie-infos .rotisserie-heures .rangee {
  gap: 24px;
}
.rotisserie-infos .rotisserie-heures .heures {
  text-align: right;
}
.rotisserie-infos .rotisserie-heures .entete .heures {
  font-weight: 700;
}
.rotisserie-infos .rotisserie-heures .noteHeuresOuverture {
  font-size: 16px;
  margin-top: 12px;
}
.rotisserie-infos .rotisserie-heures .heures {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .rotisserie-infos .rotisserie-heures .rangee {
    grid-template-columns: 1fr repeat(var(--periodes, 1), 112px);
    gap: 8px;
    font-size: 16px;
  }
  .rotisserie-infos .rotisserie-heures .entete .heures {
    white-space: normal;
  }
}

/* À proximité */
.rotisserie-infos .rotisserie-proximite {
  max-width: 610px;
  font-size: 18px;
  line-height: 22px;
  color: #000;
}

/* Carousel */
.rotisserie-historique-grille{display:flex;gap:20px}
.rotisserie-historique-grille .slide{flex:1 1 0;min-width:0}
.rotisserie-historique-carousel .carousel-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.rotisserie-historique-carousel .carousel-track::-webkit-scrollbar{display:none}
.rotisserie-historique-carousel .slide{flex:0 0 calc((100% - 40px) / 3);scroll-snap-align:start}
@media (max-width: 767px) {
  /* 1 tuile centrée, avec un aperçu des tuiles voisines de chaque côté */
  .rotisserie-historique-carousel .carousel-track {
    gap: 12px;
    padding: 0 12%;
    scroll-padding: 0 12%;
  }
  .rotisserie-historique-carousel .slide {
    flex: 0 0 76%;
    scroll-snap-align: center;
  }
}
.rotisserie-historique-grille img,.rotisserie-historique-carousel img{display:block;width:100%;height:auto}
.rotisserie-historique-carousel .carousel-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px}
.rotisserie-historique-carousel .carousel-progress{display:block;width:300px;max-width:50%;height:2px;background:#ccc;position:relative}
.rotisserie-historique-carousel .carousel-progress-bar{position:absolute;left:0;top:0;height:100%;background:#000;width:20%}