@charset "UTF-8";
/*:: POP-UP D'ANNONCE ::*/
/*******************************************************/
/*
 * Feuille autonome, compilée à part dans css/popup.css et chargée uniquement
 * quand un pop-up est actif (voir inc/popup.php).
 *
 * Recompiler après modification, depuis la racine du thème :
 * npx sass scss/components/_popup.scss css/popup.css --no-source-map --style expanded
 *
 * La couleur du voile (::backdrop) est imprimée en ligne par PHP, à partir des
 * réglages du back-office.
 */
/*:: VARIABLES ::*/
/*******************************************************/
/*:: COLORS ::*/
/* rgb(227, 223, 208) */
/*:: BREAKPOINTS ::*/
/*
 * --macc-popup-width et --macc-popup-ratio sont imprimées par PHP à partir des
 * dimensions réelles du visuel : le pop-up ne dépasse jamais la taille native de
 * l'image, et se réduit à ratio constant plutôt que de faire défiler son contenu.
 */
.macc-popup {
  background: transparent;
  border: 0;
  box-sizing: border-box;
  max-height: 92vh;
  max-width: min(var(--macc-popup-width, 900px), 92vw, calc(92vh * var(--macc-popup-ratio, 1.3)));
  overflow: visible;
  padding: 0;
  width: 100%;
}

.macc-popup__inner {
  background: #fff;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
  line-height: 0;
  position: relative;
}

.macc-popup__image {
  display: block;
  height: auto;
  width: 100%;
}

.macc-popup__link {
  display: block;
}
.macc-popup__link:focus-visible {
  outline: 3px solid #00694d;
  outline-offset: 3px;
}

.macc-popup__close {
  background: #fff;
  border: 2px solid #00694d;
  border-radius: 50%;
  cursor: pointer;
  height: 44px;
  padding: 0;
  position: absolute;
  right: 8px;
  top: 8px;
  width: 44px;
  z-index: 2;
}
.macc-popup__close:after, .macc-popup__close:before {
  background: #00694d;
  content: "";
  height: 22px;
  left: 50%;
  margin-left: -1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 2px;
}
.macc-popup__close:before {
  transform: translateY(-50%) rotate(-45deg);
}
.macc-popup__close:focus-visible {
  outline: 3px solid #00694d;
  outline-offset: 2px;
}
.macc-popup__close:hover {
  background: #fad400;
}

/* Neutralise le défilement de la page pendant l'ouverture du pop-up. */
.has-macc-popup-open {
  overflow: hidden;
}

@media (max-width: 480px) {
  .macc-popup {
    max-width: 94vw;
  }
  .macc-popup__close {
    height: 40px;
    width: 40px;
  }
}
@media print {
  .macc-popup {
    display: none;
  }
}