/**
 * overrides.css
 *
 * Correctifs CSS maintenus à la main, hors bundle Laravel Mix.
 * `styles.css` est un artéfact compilé (~1,5 Mo) : toute retouche directe y
 * serait écrasée au prochain `yarn build`. Ce fichier n'est pas généré par le
 * build, il survit donc aux recompilations.
 *
 * Chargé après styles.css dans templates/_layout.twig.
 */

/* ---------------------------------------------------------------------------
 * Lightbox (zoom-in-image) — l'image doit tenir dans le viewport
 *
 * Le composant React (bundle app.js) applique max-height/max-width en inline
 * sur le <div> conteneur, mais l'<img> ne porte que la classe
 * `object-scale-down`, sans dimension propre. `object-scale-down` ne borne
 * rien tant que l'image n'a pas de contrainte de taille : une photo portrait
 * (ex. 2268x4032) débordait donc sous le bas de l'écran, recadrée.
 *
 * On borne l'image elle-même. La marge de 8rem couvre le padding du wrapper,
 * le bouton de fermeture et la légende/crédit sous l'image.
 *
 * `img.object-scale-down` ne correspond qu'au lightbox : la classe
 * n'apparaît qu'une seule fois dans tout le bundle JS.
 * ------------------------------------------------------------------------- */
img.object-scale-down {
  max-height: calc(100vh - 8rem);
  max-width: 100%;
  height: auto;
  width: auto;
}