/* Rendu repris du HTML Studio AUDA ; limité aux galeries de l’extension.
   Les deux classes racines donnent priorité aux réglages de l’extension
   lorsque le style d’une ancienne galerie HTML reste présent sur la page. */
.wp-block-auda-galerie.auda-gallery-block {
  box-sizing: border-box;
  padding: 0;
  max-width: none;
}
.auda-galerie.auda-gallery-managed {
  --espace-photos: var(--auda-desktop-gap, 18px);
  --hauteur-cible: var(--auda-target-height, clamp(180px, 19vw, 300px));
  width: var(--auda-width, 90%);
  max-width: var(--auda-max-width, 1600px);
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
.auda-galerie.auda-gallery-managed .auda-galerie-rangees {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  gap: var(--espace-photos);
  direction: ltr;
}
.auda-galerie.auda-gallery-managed .auda-galerie-photo {
  flex-grow: var(--ratio);
  flex-shrink: 1;
  flex-basis: calc(var(--ratio) * var(--hauteur-cible));
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  box-sizing: border-box;
}
.auda-galerie.auda-gallery-managed .auda-galerie-rangees::after {
  content: "";
  flex: 999999 1 0px;
  min-width: 0;
  height: 0;
  margin-left: calc(-1 * var(--espace-photos));
}
.auda-galerie.auda-gallery-managed .auda-galerie-photo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
  /* WP 6.7+ adds sizes="auto" to lazy images. Keep their real ratio even
     when the browser substitutes its intrinsic-size placeholder. */
  aspect-ratio: var(--ratio);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  transform: none;
}
@media (max-width: 1024px) {
  .auda-galerie.auda-gallery-managed { --hauteur-cible: var(--auda-tablet-height, 200px); }
}
@media (max-width: 600px) {
  .auda-galerie.auda-gallery-managed {
    --espace-photos: var(--auda-mobile-gap, 10px);
    width: calc(100% - 20px);
  }
  .auda-galerie.auda-gallery-managed .auda-galerie-rangees {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .auda-galerie.auda-gallery-managed .auda-galerie-photo { height: var(--auda-mobile-height, 180px); overflow: hidden; }
  .auda-galerie.auda-gallery-managed .auda-galerie-photo img { height: 100%; object-fit: cover; object-position: center; }
  .auda-galerie.auda-gallery-managed.auda-mobile-contain .auda-galerie-photo { height: auto; overflow: visible; }
  .auda-galerie.auda-gallery-managed.auda-mobile-contain .auda-galerie-photo img { height: auto; object-fit: contain; }
  .auda-galerie.auda-gallery-managed .auda-galerie-rangees::after { display: none; }
}