@charset "utf-8";
/* css/sommaire.css — sommaire des blocs (cours/sommaire.php, menus cours/<bloc>/menu.php), étape 53.
   Téléphone et tablette (moins de 992 px) : le menu du bloc est replié en un bandeau qui rappelle la page affichée ;
   un appui le déplie. Le bandeau n'apparaît que si JavaScript fonctionne (classe ec-js posée juste avant le menu) :
   sans JavaScript, le menu reste déplié comme avant. Ordinateur : rien ne change. */
.ec-sommaire-bandeau { display: none; }
.ec-sommaire-menu a[aria-current="page"] { font-weight: 700; }

@media (max-width: 991.98px) {
  .ec-js .ec-sommaire-bandeau {   /* !important : l'emporte sur l'attribut hidden du bouton (voir cours/sommaire.php) */
    display: flex !important; align-items: center; gap: .75rem; width: calc(100% - .75rem); margin: 1rem 0 .75rem .75rem;
    padding: .7rem .9rem; text-align: left; color: #1f2d3d; background: #fff; border: 1px solid #ecd58a;
    border-left: 5px solid #f2b134; border-radius: 12px; box-shadow: 0 2px 8px rgba(31, 45, 61, .08); font: inherit; cursor: pointer;
  }
  .ec-js .ec-sommaire-bandeau:focus-visible { outline: 3px solid #0d6efd; outline-offset: 2px; }
  .ec-sommaire-icone, .ec-sommaire-chevron { flex: 0 0 auto; color: #1f2d3d; }
  .ec-sommaire-textes { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: .1rem; }
  .ec-sommaire-etiquette { font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #7a5a00; }
  .ec-sommaire-titre { font-size: 1.02rem; font-weight: 700; line-height: 1.3; }
  .ec-sommaire-chevron { transition: transform .2s ease; }
  .ec-sommaire-ouvert .ec-sommaire-chevron { transform: rotate(180deg); }
  /* page choisie : menu masqué tant que le bandeau n'est pas ouvert */
  .ec-js .ec-sommaire:not(.ec-sommaire-ouvert) .ec-sommaire-menu { display: none; }
}
@media (prefers-reduced-motion: reduce) { .ec-sommaire-chevron { transition: none; } }
@media print { .ec-sommaire-bandeau, .ec-js .ec-sommaire-bandeau { display: none !important; } }