/* Frise chronologique de presse — page "Actualités".
   Contenu généré automatiquement par le shortcode [frise_presse], voir
   aya_frise_presse_shortcode() dans functions.php. Pour ajouter une
   coupure de presse : rien à toucher ici, tout se fait en créant une
   nouvelle fiche "Presse" dans l'admin (la date de parution décide de
   sa place sur la frise).

   Ligne verticale centrale, coupures de presse alternées à gauche et à
   droite (comme une frise chronologique classique), chaque photo
   cliquable pour s'agrandir en plein écran (voir frise-presse.js). Le
   nom du média et la date de parution sont affichés en permanence
   au-dessus de la photo (titre avec la police des h5 du site, en
   capitales ; date avec la police des textes courants). */

.aya-frise-presse{
  position: relative;
  max-width: 880px;
  margin: 48px auto;
  padding: 0 16px;
}

/* ligne verticale centrale */
.aya-frise-presse::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: rgba(0, 0, 0, .14);
  transform: translateX(-50%);
}

.aya-frise-item{
  position: relative;
  width: 50%;
  box-sizing: border-box;
  padding: 0 44px 56px;
}

.aya-frise-item:nth-child(odd){
  left: 0;
  text-align: right;
}
.aya-frise-item:nth-child(even){
  left: 50%;
  text-align: left;
}

/* point sur la ligne */
.aya-frise-dot{
  position: absolute;
  top: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #232323;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .15);
}
.aya-frise-item:nth-child(odd) .aya-frise-dot{ right: -7px; }
.aya-frise-item:nth-child(even) .aya-frise-dot{ left: -7px; }

.aya-frise-photo{
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, .08);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .1);
  background: #fff;
}

.aya-frise-zoom{
  display: block;
  cursor: zoom-in;
}

.aya-frise-photo img{
  display: block;
  width: 100%;
  height: auto; /* proportions d'origine conservées, pas de recadrage forcé */
}

/* Légende au-dessus de la photo — affichée en permanence, pas au
   survol : le titre reprend la police des h5 du site (en capitales),
   la date reprend la police des textes courants. */
.aya-frise-legende{
  margin-bottom: 10px;
}

/* Pas de font-family ici : h5 est un vrai titre, il hérite donc
   automatiquement de la police des h5 définie ailleurs sur le site
   (Apparence > Personnaliser > CSS additionnel). Seuls la taille, la
   graisse et l'espacement sont ajustés pour ce contexte de légende. */
.aya-frise-titre{
  display: block;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #232323;
}

.aya-frise-date{
  display: block;
  margin-top: 4px;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 13px;
  letter-spacing: .02em;
  color: #5c5c5c;
}

/* Sous 700px : plus de place pour deux colonnes alternées, la frise
   repasse sur une seule colonne avec la ligne et les points à gauche. */
@media (max-width: 700px){
  .aya-frise-presse::before{ left: 20px; }

  .aya-frise-item,
  .aya-frise-item:nth-child(odd),
  .aya-frise-item:nth-child(even){
    left: 0;
    width: 100%;
    text-align: left;
    padding: 0 0 40px 52px;
  }

  .aya-frise-item:nth-child(odd) .aya-frise-dot,
  .aya-frise-item:nth-child(even) .aya-frise-dot{
    left: 13px;
    right: auto;
  }
}

/* ------------------------------------------------------------------
   Agrandissement au clic — plein écran, voir frise-presse.js
   ------------------------------------------------------------------ */
.aya-lightbox-overlay{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  background: rgba(0, 0, 0, .88);
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease;
}
.aya-lightbox-overlay.is-visible{
  opacity: 1;
  visibility: visible;
}
.aya-lightbox-overlay img{
  display: block;
  max-width: 100%;
  max-height: 100%;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
}
.aya-lightbox-fermer{
  position: absolute;
  top: 18px;
  right: 26px;
  width: 44px;
  height: 44px;
  border: none;
  background: none;
  color: #fff;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 560px){
  .aya-lightbox-overlay{ padding: 20px; }
  .aya-lightbox-fermer{ top: 8px; right: 12px; }
}