/* ==========================================================================
   index.css — liste des bannières de la page d'accueil
   Le style d'une bannière elle-même est dans banner.css.
   ========================================================================== */

.banners {
  --banner-gap: 6px;

  display: flex;
  flex-direction: column;
  gap: var(--banner-gap);
}

/* Deux bannières + un espacement = l'écran moins le header */
.banners > .banner {
  height: calc((100svh - var(--header-h) - var(--banner-gap)) / 2);
  min-height: 220px;
}

/* Alternance automatique : une bannière sur deux est inversée
   (mêmes réglages que .banner--reverse) */
.banners > .banner:nth-child(even) {
  --fade-direction: to left;
  --content-column: 1;
  --content-align: start;
}