/* Mode salle (src/salle) : lisible du fond d'une salle sur un vidéoprojecteur. Variables de tokens.css seulement ;
   propriétés logiques pour l'arabe. Chargée par salle/index.html seule, après quiz.css et bilingue.css. */

.page-salle .entete, .page-salle .pied, .page-salle .principal { max-width: 80rem; }

.salle--reglages { max-width: 40rem; }
.salle__champ { display: flex; flex-direction: column; gap: var(--e-1); margin: 0; }
.salle__champ select {
  min-height: var(--cible-min); padding-inline: var(--e-3); font: inherit;
  border: 1px solid var(--c-trait-champ); border-radius: var(--rayon); background: var(--c-carte); color: var(--c-texte);
}

.salle--projection { gap: var(--e-4); }
.salle__progression { margin: 0; color: var(--c-texte-doux); font-size: clamp(1.1rem, 2vw, 1.6rem); font-weight: 700; }
.salle__enonce {
  margin: 0; font-family: var(--f-titre); font-weight: var(--g-titre);
  font-size: clamp(1.5rem, 3.2vw, 2.75rem); line-height: 1.2;
}
.salle__reponses { display: grid; gap: var(--e-3); margin: 0; padding: 0; list-style: none; }
.salle__reponse {
  display: flex; align-items: flex-start; gap: var(--e-4); padding: var(--e-3) var(--e-4);
  font-size: clamp(1.25rem, 2.4vw, 2rem); line-height: 1.25;
  border: 3px solid var(--c-trait); border-radius: var(--rayon-carte); background: var(--c-carte);
}
.salle__lettre {
  flex: none; display: inline-grid; place-items: center; width: 1.8em; height: 1.8em;
  border-radius: var(--rayon-pilule); background: var(--c-carte-2); font-weight: 700;
}
.salle__texte { flex: 1; }
.salle__reponse--bonne { border-color: var(--c-succes); background: var(--c-action-doux); font-weight: 700; }
.salle__reponse--bonne .salle__lettre { background: var(--c-succes); color: var(--c-carte); }
.salle__reponse--bonne::after { content: "✓"; margin-inline-start: auto; color: var(--c-succes); }
.salle__revelation:empty { display: none; }
.salle__revelation {
  display: grid; gap: var(--e-2); padding: var(--e-4); border-inline-start: 6px solid var(--c-succes);
  background: var(--c-action-doux); font-size: clamp(1.2rem, 2.4vw, 2rem);
}
.salle__revelation p { margin: 0; }
.salle__bonne { font-weight: 700; }
.salle__explication { font-size: 0.85em; }
.salle .bilingue__trad { font-size: 0.7em; }
.salle__navigation { display: flex; flex-wrap: wrap; gap: var(--e-3); }
.salle__navigation .bouton[aria-disabled="true"] { opacity: 0.5; }
.salle__fin-texte { margin: 0; font-size: clamp(1.4rem, 3vw, 2.4rem); }

/* En plein écran, l'en-tête s'efface ; le pied reste (site privé, non affilié). */
:fullscreen .entete { display: none; }
:fullscreen { background: var(--c-fond); overflow: auto; }