/*
 * Les Œufs Frais - Galerie élevage responsive
 * Page Notre élevage uniquement.
 */

body.lof-elevage-gallery-page .lof-elevage-gallery-grid,
body.lof-elevage-gallery-page .wp-block-gallery,
body.lof-elevage-gallery-page .gallery,
body.lof-elevage-gallery-page .elementor-image-gallery .gallery,
body.lof-elevage-gallery-page .elementor-gallery__container,
body.lof-elevage-gallery-page .e-gallery-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(14px, 2vw, 24px) !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  width: 100% !important;
}

body.lof-elevage-gallery-page .lof-elevage-gallery-grid > *,
body.lof-elevage-gallery-page .wp-block-gallery > *,
body.lof-elevage-gallery-page .gallery > *,
body.lof-elevage-gallery-page .elementor-gallery__container > *,
body.lof-elevage-gallery-page .e-gallery-container > * {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  float: none !important;
}

body.lof-elevage-gallery-page .lof-elevage-gallery-grid img,
body.lof-elevage-gallery-page .wp-block-gallery img,
body.lof-elevage-gallery-page .gallery img,
body.lof-elevage-gallery-page .elementor-gallery__container img,
body.lof-elevage-gallery-page .e-gallery-container img {
  width: 100% !important;
  height: clamp(180px, 20vw, 290px) !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 26px rgba(59, 36, 18, 0.10) !important;
}

@media (max-width: 1024px) {
  body.lof-elevage-gallery-page .lof-elevage-gallery-grid,
  body.lof-elevage-gallery-page .wp-block-gallery,
  body.lof-elevage-gallery-page .gallery,
  body.lof-elevage-gallery-page .elementor-image-gallery .gallery,
  body.lof-elevage-gallery-page .elementor-gallery__container,
  body.lof-elevage-gallery-page .e-gallery-container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.lof-elevage-gallery-page .lof-elevage-gallery-grid img,
  body.lof-elevage-gallery-page .wp-block-gallery img,
  body.lof-elevage-gallery-page .gallery img,
  body.lof-elevage-gallery-page .elementor-gallery__container img,
  body.lof-elevage-gallery-page .e-gallery-container img {
    height: clamp(170px, 32vw, 260px) !important;
  }
}

@media (max-width: 640px) {
  body.lof-elevage-gallery-page .lof-elevage-gallery-grid,
  body.lof-elevage-gallery-page .wp-block-gallery,
  body.lof-elevage-gallery-page .gallery,
  body.lof-elevage-gallery-page .elementor-image-gallery .gallery,
  body.lof-elevage-gallery-page .elementor-gallery__container,
  body.lof-elevage-gallery-page .e-gallery-container {
    grid-template-columns: 1fr !important;
  }

  body.lof-elevage-gallery-page .lof-elevage-gallery-grid img,
  body.lof-elevage-gallery-page .wp-block-gallery img,
  body.lof-elevage-gallery-page .gallery img,
  body.lof-elevage-gallery-page .elementor-gallery__container img,
  body.lof-elevage-gallery-page .e-gallery-container img {
    height: 240px !important;
  }
}