/* ============================================================
   GenIAcademy — App-shell : top-bar + sidebar fixes.
   Seul le contenu principal (.stage) défile.
   Appliqué au desktop ; sur mobile (<=900px) la nav devient une
   barre horizontale et on conserve le défilement normal de la page.
   ============================================================ */

/* Sélecteur de langue : le <form> et les <button> reprennent le style des ex-<div>. */
.lang-selector { margin: 0; }
.lang-dropdown button.lang-option {
  width: 100%;
  border: none;
  background: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

/* Header un peu plus fin : padding vertical + logo réduits. */
.top-bar {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--live);   /* filet rouge de séparation, très fin */
}
.logo-signal svg { height: 56px; }

@media (min-width: 901px) {
  html { height: 100%; }

  body {
    height: 100vh;
    overflow: hidden;            /* la fenêtre ne défile plus */
    display: flex;
    flex-direction: column;
  }

  .top-bar {
    flex: 0 0 auto;              /* reste en haut, hauteur naturelle */
  }

  .app-layout {
    flex: 1 1 auto;
    min-height: 0;               /* indispensable pour autoriser le scroll interne */
    height: auto;
  }

  .sidebar {
    min-height: 0;
    height: 100%;
    overflow-y: auto;            /* la sidebar ne défile que si elle est très longue */
    overflow-x: hidden;
  }

  /* SEUL le contenu principal défile */
  .stage {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: none;   /* occupe toute la largeur dispo (pas de vide à droite) */
  }
}