/*
 * La grille des horaires. Les couleurs viennent de la maquette du club ;
 * seules les valeurs qui ne passaient pas le contraste ont été corrigées.
 */
.rap-h{--rap-h-cols:4}
.rap-h *,.rap-h *::before,.rap-h *::after{box-sizing:border-box}
.rap-h__vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

.rap-h__cadre{border:1px solid #ddd9cf;border-radius:12px;background:#fff;padding:0 .5rem .5rem}

.rap-h__grille{
  display:grid;
  grid-template-columns:2.6rem repeat(var(--rap-h-cols),1fr);
  /* ligne 1 = les jours, puis 30 tranches de 15 min de 14h00 à 21h30 */
  grid-template-rows:auto repeat(var(--rap-h-lignes,30),minmax(1.05rem,auto));
  column-gap:.35rem;
}

/* Fond d'une journée, pour séparer les colonnes */
.rap-h__colonne{grid-row:2/-1;grid-column:var(--c);border-left:1px solid #efece4}

/* Trait horizontal à chaque heure pleine */
.rap-h__heure-trait{grid-column:2/-1;grid-row:var(--r);border-top:1px solid #efece4}

.rap-h__jour{
  grid-column:var(--c);grid-row:1;margin:0;
  position:sticky;top:0;z-index:3;background:#fff;
  font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:#4a4a45;text-align:center;padding:.75rem .25rem .6rem;
  border-bottom:1px solid #e2e0d8;
}
.rap-h__seances{display:contents;margin:0;padding:0;list-style:none}

.rap-h__heure{
  grid-column:1;grid-row:var(--r);
  font-size:.8rem;font-weight:600;color:#6b6b66;
  text-align:right;padding-right:.4rem;line-height:1;margin-top:-.4em;
}

.rap-h__s{
  grid-column:var(--c);grid-row:var(--r1)/var(--r2);
  z-index:2;margin:1px 0;padding:.4rem .5rem;border-radius:6px;
  display:flex;flex-direction:column;gap:1px;min-width:0;
}
.rap-h__arme{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.rap-h__groupe{font-size:.95rem;font-weight:600;line-height:1.2}
.rap-h__detail,.rap-h__heures{font-size:.8rem;line-height:1.3}

/* Bandes d'âge — mêmes teintes que la maquette, valeurs de contraste corrigées */
.rap-h__s--enfants{background:#E4F2D4;color:#1B3806}
.rap-h__s--jeunes {background:#CBE5A8;color:#152F04}
.rap-h__s--ados   {background:#9BCF5A;color:#0E2202}
.rap-h__s--adultes{background:#3B6D11;color:#F2F8E9}

.rap-h__s[hidden]{display:none}


/* Téléphone : on abandonne l'axe du temps, les jours s'empilent. */
@media (max-width:700px){
  .rap-h__cadre{border:0;padding:0}
  .rap-h__grille{display:block}
  .rap-h__colonne,.rap-h__heure,.rap-h__heure-trait,.rap-h__vh--jour{display:none}
  .rap-h__jour{
    position:static;text-align:left;font-size:1rem;text-transform:none;letter-spacing:0;
    color:#fff;background:#2c722f;border:0;border-radius:4px;
    padding:.5rem .8rem;margin:1.2rem 0 .5rem;
  }
  .rap-h__seances{display:block}
  .rap-h__s{margin:0 0 .5rem;padding:.7rem .8rem}
  }
@media (prefers-reduced-motion:no-preference){.rap-h__s{transition:opacity .15s}}