/**
 * GATARD Pro Pages 1.12.6
 * Accueil — Emplacements : hauteur des photos plus compacte.
 *
 * IMPORTANT :
 * - ne modifie PAS la largeur du carrousel ;
 * - ne modifie PAS les colonnes, les cartes, les flèches ou le JavaScript ;
 * - réduit uniquement la zone image des cartes d'emplacements ;
 * - conserve un remplissage propre et responsive sans déformer l'image.
 */

/* Bureau : les 3 cartes gardent exactement leur largeur normale. */
@media (min-width: 1200px) {
  html body.page-index #gatard-home
    .gatard-home__carousel-wrap--locations
    .gatard-home__location-card > img {
    display: block !important;
    width: 100% !important;
    height: clamp(195px, 13vw, 230px) !important;
    max-height: 230px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* Tablette : hauteur proportionnée à la largeur disponible. */
@media (min-width: 768px) and (max-width: 1199.98px) {
  html body.page-index #gatard-home
    .gatard-home__carousel-wrap--locations
    .gatard-home__location-card > img {
    display: block !important;
    width: 100% !important;
    height: clamp(190px, 22vw, 225px) !important;
    max-height: 225px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* Mobile : une image moins haute, sans rendre la carte minuscule. */
@media (max-width: 767.98px) {
  html body.page-index #gatard-home
    .gatard-home__carousel-wrap--locations
    .gatard-home__location-card > img {
    display: block !important;
    width: 100% !important;
    height: clamp(185px, 50vw, 215px) !important;
    max-height: 215px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* Petits téléphones : évite qu'une image prenne presque tout l'écran. */
@media (max-width: 390px) {
  html body.page-index #gatard-home
    .gatard-home__carousel-wrap--locations
    .gatard-home__location-card > img {
    height: clamp(175px, 48vw, 195px) !important;
    max-height: 195px !important;
  }
}