/* Diaporama d'accueil (module ecslider). Versionné par la date du fichier ({$modules.ecslider.css_v}), chargé après custom.css
 * dont il remplace les règles de hauteur (l'ancien calcul de custom.js, encore en cache chez Cloudflare, n'a plus d'effet).
 *
 * Ordinateur (768 px et plus) : la hauteur suit la largeur de l'écran au format 4:1 (images 2400 × 600 px), entre 400 et 640 px.
 *   De 1600 à 2560 px de large l'image est entière ; en dessous les côtés sont recadrés, au-dessus le haut et le bas,
 *   autour du point choisi dans le back-office (--fx / --fy en %, --fxm / --fym pour l'image mobile).
 * Mobile (moins de 768 px) : image au format 8:5 (1200 × 750 px) affichée entière ; le texte de la diapositive photo passe dessous.
 *   Chaque diapositive garde sa hauteur ; pas de défilement automatique (ec-slider.js), pour que la page ne saute pas.
 */
.ec-slider .ec-slide { height: auto; min-height: 0; }
.ec-slider .ec-slide--banner img,
.ec-slider .ec-slide__bg { object-position: var(--fxm, var(--fx, 50%)) var(--fym, var(--fy, 50%)); }

@media (max-width: 767.98px) {
  .ec-slider .ec-slide--banner .ec-slide__bannerlink,
  .ec-slider .ec-slide--banner picture { height: auto; }
  .ec-slider .ec-slide--banner img { height: auto; aspect-ratio: 8 / 5; }
  /* Bannière sans image mobile : textes dans l'image, on la montre entière à ses propres proportions plutôt que de la recadrer */
  .ec-slider .ec-slide--whole img { aspect-ratio: auto; }
  .ec-slider .ec-slide--photo { display: block; padding: 0; background: var(--ec-surface); }
  .ec-slider .ec-slide--photo picture { display: block; }
  .ec-slider .ec-slide--photo .ec-slide__bg { position: static; display: block; height: auto; aspect-ratio: 8 / 5; }
  .ec-slider .ec-slide--photo .ec-slide__card { max-width: none; padding: 16px 16px 40px; border-radius: 0; background: none; box-shadow: none; }
}

@media (min-width: 768px) {
  .ec-slider .ec-slide { height: clamp(400px, 25vw, 640px); min-height: 0; }
  .ec-slider .ec-slide--banner img,
  .ec-slider .ec-slide__bg { object-position: var(--fx, 50%) var(--fy, 50%); }
}

/* Bloc « Mon imprimante » vide : pas de double espace entre le diaporama et la recherche */
.ec-myhome-slot:not(:has(*)) { display: none; }
.ec-home .ec-widget-wrap { margin-top: 0; }