/* ==================================================
   VARIABLES (design system)
================================================== */

.entry-content{
  --title-color: #6fbdd8;
  --text-color: #333333;
  --muted-color: #8e8d8d;
  --accent-color: #6fbdd8;

  --font-base: 16px;
  --line-base: 27px;

  --space-bottom: 24px;
}


/* ==================================================
   TYPOGRAPHIE GÉNÉRALE
================================================== */

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
  font-weight: 700;
  color: var(--title-color);
  margin-bottom: var(--space-bottom);
}

.entry-content p{
  font-size: var(--font-base);
  line-height: var(--line-base);
  color: var(--text-color);
  margin-bottom: var(--space-bottom);
}

.entry-content strong{
  font-weight: 700;
  color: var(--text-color);
}


/* ==================================================
   TITRES SPÉCIFIQUES
================================================== */

.heading-pages h2{
    font-size: 42px;
    font-weight: 700;
    color: #6fbdd8;
}

.entry-content h1{
  font-size: 58px;
  line-height: 63px;
  text-align: center;
  font-weight: 300;
   color: var(--title-color);
}

.entry-content h2{
  font-size: 28px;
  color: var(--title-color);
  /* color: #6fbdd8; */
}

.entry-content h2 span {
    font-weight: 200;
}

.entry-content h3{
  font-size: 24px;
}

.entry-content h4{
  font-size: 19px;
  margin-bottom: 0px;
  margin-top: 30px;
}

.entry-content h5{
  font-size: 18px;
}


/* ==================================================
   LIENS
================================================== */

.entry-content a{
  font-weight: 600;
  color: var(--muted-color);
  text-decoration: underline;
  transition: .3s ease;
}

.entry-content a:hover{
  color: #28E2B3;
}

.entry-content a.ek-link{
  color: var(--accent-color);
  text-decoration: none;
}


/* ==================================================
   BOUTONS GUTENBERG
================================================== */

.entry-content .wp-block-button a{
  display: inline-block;
  background: var(--accent-color);
  border: 1px solid var(--accent-color);
  color: #fff;
  padding: 10px 16px;
  border-radius: 18px;
  font-weight: 800;
  letter-spacing: 2px;
  text-decoration: none;
  transition: .3s ease;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.entry-content .wp-block-button a::after{
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-left: 10px;
  position: relative;
  top: 1px;
}

.entry-content .wp-block-button a:hover{
  background: #fff;
  color: var(--accent-color);
}


/* ==================================================
   LISTES
================================================== */

.entry-content ul{
  margin-bottom: 25px;
  padding-left: 20px;
  list-style: inside;
}

.entry-content ul li{
  margin-bottom: 12px;
}

.entry-content ol{
  margin-left: 30px;
  margin-bottom: 30px;
}


/* ==================================================
   IMAGES & GALERIE
================================================== */

.entry-content img{
  max-width: 100%;
  height: auto;
  margin-bottom: 40px;
  border-radius: 10px;
}

.entry-content .wp-block-image img{
  margin-bottom: 0;
}

.entry-content .wp-block-gallery{
  gap: 1px;
  padding: 60px 0 80px;
}


/* ==================================================
   COLONNES
================================================== */

.entry-content .wp-block-columns{
  gap: 50px;
  margin-bottom: 0;
}

body .site-main .entry-content .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: center; /* centre verticalement le contenu */
}



/* ==================================================
   SÉPARATEUR
================================================== */

.entry-content .wp-block-separator{
  height: 1px;
  border: none;
  background: var(--accent-color);
  opacity: .4;
  margin: 50px 0;
}


/* ==================================================
   QUOTE
================================================== */

.entry-content .wp-block-quote{
  font-size: 16px;
  line-height: 1.5;
  color: var(--text-color);
}


/* ==================================================
   FULL WIDE SECTION
================================================== */

.entry-content .full-wide-section{
  position: relative;
  padding: 40px 0;
  color: #fff;
}

.entry-content .full-wide-section::before{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--accent-color);
  z-index: -1;
}

.entry-content .full-wide-section a{
  background: #fff;
  color: #04654C;
  padding: 16px 32px;
  text-decoration: none;
}


/* ==================================================
   RESPONSIVE
================================================== */

@media (max-width: 1200px) {
    .wp-block-spacer {
        height: 50px !important;
    }
}

@media (max-width: 991px){
  .entry-content .wp-block-columns{
    flex-direction: column;
    gap: 30px;
  }

 .reverse-mobile {
      flex-direction: column-reverse !important;
  }

  .reverse-mobile .wp-block-column:first-child {
        padding-top: 30px;
  }

  .wp-block-spacer-10 {
        height: 15px !important;
  }

  .video-espace{
    height: 25px !important;
  }

}

@media (max-width: 500px){
  .entry-content h1{ font-size: 38px; }
  .entry-content h2{ font-size: 25px; }
  .entry-content h3{ font-size: 18px; }
}