/* EDOUARGOT - voile flou léger sur photo principale du parc
   Cible : /images/about/img-2.jpg dans .edo-photo-main.
*/

html body .edo-photo-main {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* Photo légèrement adoucie, sans la rendre floue */
html body .edo-photo-main img[src="/images/about/img-2.jpg"],
html body .edo-photo-main img[src*="/images/about/img-2.jpg"] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;

  transform: scale(1.012) !important;
  filter: saturate(1.04) contrast(1.03) !important;
}

/* Voile transparent + flou léger au-dessus de l'image */
html body .edo-photo-main::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 246, 227, 0.10),
      rgba(255, 246, 227, 0.04)
    ) !important;

  backdrop-filter: blur(1.15px) saturate(1.03) !important;
  -webkit-backdrop-filter: blur(1.15px) saturate(1.03) !important;

  opacity: 1 !important;
}

/* Petit voile plus doux sur mobile */
@media (max-width: 760px) {
  html body .edo-photo-main::after {
    backdrop-filter: blur(0.8px) saturate(1.02) !important;
    -webkit-backdrop-filter: blur(0.8px) saturate(1.02) !important;
    background: rgba(255, 246, 227, 0.08) !important;
  }
}


/* EDOUARGOT - voile flou img-1 sans decalage START */
/*
  Cible uniquement la petite photo :
  <img src="/images/about/img-1.jpg" alt="Détail du parc Edouargot">

  Important :
  - on ne force PAS position: relative sur .edo-photo-small ;
  - si le thème la place en absolute, on respecte cette position ;
  - le voile est posé sans décaler la photo.
*/

html body .edo-photo-small {
  overflow: hidden !important;
  isolation: isolate !important;
}

/* Photo adoucie sans déplacement vertical */
html body .edo-photo-small img[src="/images/about/img-1.jpg"],
html body .edo-photo-small img[src*="/images/about/img-1.jpg"] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;

  /* Pas de translate, pas de margin, pas de top : aucun décalage */
  margin: 0 !important;
  top: auto !important;
  bottom: auto !important;

  transform: none !important;
  filter: saturate(1.04) contrast(1.02) blur(0.25px) !important;
}

/* Voile flou transparent : ne modifie pas la place de la photo */
html body .edo-photo-small::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 246, 227, 0.12),
      rgba(255, 246, 227, 0.055)
    ) !important;

  backdrop-filter: blur(1.55px) saturate(1.03) !important;
  -webkit-backdrop-filter: blur(1.55px) saturate(1.03) !important;

  opacity: 1 !important;
}

@media (max-width: 760px) {
  html body .edo-photo-small::after {
    backdrop-filter: blur(1.15px) saturate(1.02) !important;
    -webkit-backdrop-filter: blur(1.15px) saturate(1.02) !important;
    background: rgba(255, 246, 227, 0.09) !important;
  }
}
/* EDOUARGOT - voile flou img-1 sans decalage END */


/* EDOUARGOT - img-1 contour non jaune START */
/*
  Cible la petite photo img-1.jpg.
  Remplace le contour jaune par un contour crème discret.
  Ne modifie pas la position de la photo.
*/

html body .edo-photo-small {
  border-color: rgba(255, 246, 227, 0.92) !important;
  outline-color: rgba(255, 246, 227, 0.92) !important;

  box-shadow:
    0 14px 34px rgba(51, 7, 5, 0.18),
    0 0 0 1px rgba(51, 7, 5, 0.10) !important;
}

/* Sécurité : aucun jaune sur le contour de la petite photo */
html body .edo-photo-small,
html body .edo-photo-small img {
  border-top-color: rgba(255, 246, 227, 0.92) !important;
  border-right-color: rgba(255, 246, 227, 0.92) !important;
  border-bottom-color: rgba(255, 246, 227, 0.92) !important;
  border-left-color: rgba(255, 246, 227, 0.92) !important;
}

/* Le voile reste transparent, pas jaune plein */
html body .edo-photo-small::after {
  background:
    linear-gradient(
      180deg,
      rgba(255, 246, 227, 0.12),
      rgba(255, 246, 227, 0.055)
    ) !important;
}
/* EDOUARGOT - img-1 contour non jaune END */