/* ==========================
   Bloc après le slider
========================== */
.apres-slider {
  padding: 20px;
  margin-top: 20px; /* espace avec le slider au-dessus */
}

/* Contenu texte + image */
.apres-slider .contenu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

/* Texte */
.apres-slider .texte {
  flex: 1;
}

/* Sous-titre h3 */
.apres-slider h3 {
  color: #6e6d6d;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
}

/* Paragraphes */
.apres-slider p {
  font-size: 17px;
  line-height: 1.5;
  margin: 5px 0; /* espace entre paragraphes */
  color: #333;
}

/* Image */
.apres-slider .image {
  flex: 0 0 auto;
  text-align: right;
}

.apres-slider .image img {
  width: 250px;
  height: 250px;
  object-fit: cover;
  border-radius: 8px;
}

/* ==========================
   Titre principal H1
========================== */
.apres-slider .titre-principal {
  font-size: 22px;
  color: #787878;
  font-weight: bold;
  text-transform: uppercase;
  margin: 20px 20px 20px; /* haut / côtés / bas */
  line-height: 1.2;
  text-align: center;
}

/* ==========================
   Adaptation tablette
========================== */
@media screen and (max-width: 768px) {
  .apres-slider .contenu {
    flex-direction: column;
    text-align: center;
  }

  .apres-slider .image {
    text-align: center;
    margin-top: 15px;
  }

  .apres-slider .titre-principal {
    font-size: 16px;
    margin: 15px 15px 15px;
  }
}

/* ==========================
   Adaptation mobile
========================== */
@media screen and (max-width: 480px) {
  .apres-slider .titre-principal {
    font-size: 14px;
    margin: 10px 10px 10px;
  }

  .apres-slider .image img {
    width: 180px;
    height: 180px;
  }

  .apres-slider h3 {
    font-size: 16px;
  }

  .apres-slider p {
    font-size: 14px;
  }
/* Version responsive uniquement pour mobile */
@media screen and (max-width: 768px) {
  .wp-block-embed-youtube,
  .wp-block-embed__wrapper {
    position: relative;
    width: 100% !important;
    padding-bottom: 56.25%; /* ratio 16:9 */
    height: 0 !important;
    overflow: hidden;
  }

  .wp-block-embed-youtube iframe,
  .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
.wp-block-html h3 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.wp-block-html p {
  margin-top: 5px !important;
  margin-bottom: 10px !important;
}/* Réduit l'espace au-dessus du bloc texte sous la vidéo */
.wp-block-embed {
  margin-bottom: 10px !important; /* réduit l’espace sous la vidéo */
}


}