/* CSS | LATEST ARTICLES BLOG DIVI (Created the 15.11.2025)----------------------------- */
.fff-home-blog .et_pb_blog_grid .et_pb_ajax_pagination_container,
.fff-home-blog .et_pb_blog_grid .et_pb_salvattore_content {
  display: block !important;
  margin: 0 !important;
}

.fff-home-blog .et_pb_blog_grid .column {
  padding: 0 1rem 2.5rem;
  box-sizing: border-box;
}

/* Structure flex pour aligner le "read more" en bas */
.fff-home-blog .et_pb_blog_grid .et_pb_post {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}

/* Effet au survol */
.fff-home-blog .et_pb_blog_grid .et_pb_post:hover {
  transform: translateY(-4px);
  border-color: rgba(66, 103, 178, 0.45);
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.12);
}

/* ============================================
   HOME - Latest Image Galleries - look and feel
   ============================================ */

/* Image en haut de la carte */
.fff-home-blog .et_pb_blog_grid .et_pb_image_container,
.fff-home-blog .et_pb_blog_grid .entry-featured-image-url {
  margin: 0;
}

.fff-home-blog .et_pb_blog_grid .et_pb_image_container img,
.fff-home-blog .et_pb_blog_grid .entry-featured-image-url img {
  display: block;
  width: 100%;
  height: auto;
}

/* Marges internes communes */
.fff-home-blog .et_pb_blog_grid .et_pb_post .entry-title,
.fff-home-blog .et_pb_blog_grid .et_pb_post .post-meta,
.fff-home-blog .et_pb_blog_grid .et_pb_post .post-content {
  padding-left: 1.15rem;
  padding-right: 1.15rem;
}

/* Titre */
.fff-home-blog .et_pb_blog_grid .et_pb_post .entry-title {
  margin-top: 1.1rem;
  margin-bottom: 0.45rem;
  font-size: 1.02rem;
  line-height: 1.15;
  font-weight: 700;
  text-align: justify;
}

.fff-home-blog .et_pb_blog_grid .et_pb_post .entry-title a {
  color: #111827;
  text-decoration: none;
  transition: color 0.15s ease;
}

.fff-home-blog .et_pb_blog_grid .et_pb_post:hover .entry-title a {
  color: #4267b2;
}

/* Ligne date + catégories */
.fff-home-blog .et_pb_blog_grid .et_pb_post .post-meta {
  margin-bottom: 0.75rem;
  padding-bottom: 0.55rem;
  font-size: 0.7rem;
  line-height: 1.1rem;
  color: #6b7280;
  border-bottom: 1px solid #e5e7eb;

  /* couleur des icônes */
  --meta-icon: #4267b2;
}

/* Conteneur de l'extrait - occupe la hauteur dispo */
.fff-home-blog .et_pb_blog_grid .et_pb_post .post-content {
  flex: 1 1 auto;
  padding-bottom: 1.1rem;
  font-size: 0.84rem;
  text-align: justify;
  line-height: 1.4;
  color: #4b5563;
}

/* Limitation du texte sur le paragraphe, pas sur le container */
.fff-home-blog .et_pb_blog_grid .et_pb_post .post-content p {
  margin: 0 0 0.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;         /* ajuste ici le nombre de lignes */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Lien "read more" façon petit bouton texte bleu */
.fff-home-blog .et_pb_blog_grid .more-link {
  align-self: flex-start;
  margin: 0 1.15rem 1.1rem;
  padding: 0.4rem 0;
  font-size: 0.82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #4267b2;
  border-bottom: 1px solid rgba(66, 103, 178, 0.4);
  text-decoration: none;
  transition:
    color 0.15s ease,
    border-color 0.15s ease;
}

.fff-home-blog .et_pb_blog_grid .more-link:hover {
  color: #314c8a;
  border-color: rgba(49, 76, 138, 0.9);
}

/* Ajustements mobiles */
@media (max-width: 767px) {
  .fff-home-blog .et_pb_blog_grid .column {
    padding: 0 0 1.75rem;
  }

  .fff-home-blog .et_pb_blog_grid .et_pb_post {
    border-radius: 10px;
  }
}

/* ============================================
   META ICONS - post meta (date, auteur, catégories)
   ============================================ */

.fff-home-blog .post-meta .author a::before,
.fff-home-blog .post-meta > a::before,
.fff-home-blog .post-meta .published::before {
  margin-right: 4px;
  font-family: "ETmodules";
  font-weight: 400;
  color: var(--meta-icon);
  speak: none;
}

/* Icône auteur */
.fff-home-blog .post-meta .author a::before {
  content: "\e08a";
}

/* Icône catégorie */
.fff-home-blog .post-meta > a::before {
  content: "\e078";
}

/* Icône date */
.fff-home-blog .post-meta .published::before {
  content: "\e023";
}

/* ============================================
   HOME - Latest Articles - pagination
   ============================================ */

.fff-home-blog .wp-pagenavi {
  float: none !important;
  clear: both;
  width: 100% !important;
  max-width: 100%;
  margin: 1.5rem auto 0;
  padding: 0 0 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.35rem;
  text-align: center !important;
}

/* Boutons de page */
.fff-home-blog .wp-pagenavi a,
.fff-home-blog .wp-pagenavi span {
  float: none !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  height: 30px;
  padding: 0 0.4rem;
  font-size: 0.78rem;
  border-radius: 6px;
  border: 1px solid #d1d5db;
  background: #f9fafb;
  color: #4b5563;
  text-decoration: none;
  box-sizing: border-box;
}

/* Page courante */
.fff-home-blog .wp-pagenavi span.current {
  background: #4267b2;
  border-color: #4267b2;
  color: #ffffff;
  font-weight: 600;
}

/* Hover */
.fff-home-blog .wp-pagenavi a:hover {
  background: #e5ecfb;
  border-color: #4267b2;
  color: #1f2933;
}

/*CSS | BLOG DIVI SINGLE POST (Created the 16.11.2025)----------------------------------*/
/*  BLOG | Une seule carte fullwidth (preset "single-article-fullwidth")  */
/* Carte fullwidth - container */
.single-article-fullwidth .et_pb_post {
  background:#eff7ff;
  border:1px solid #dddddd;
  border-radius:4px;
  box-shadow:0 2px 4px rgba(0,0,0,.1);
  margin:0 auto 2.5rem;
  max-width:1080px;
  overflow:hidden;  /* tout reste dans le radius */
  cursor:pointer;
  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}

.single-article-fullwidth .et_pb_post:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0,0,0,.2) !important;
  border-color:#4267b2;
}

/* Image fullwidth + marge autour */
.single-article-fullwidth .entry-featured-image-url{
  padding:20px 20px 0 20px !important;
  border-radius:4px;
  overflow:hidden;
}


.single-article-fullwidth .et_pb_post:hover {
  transform:translateY(-2px);
  box-shadow:0 4px 10px rgba(0,0,0,.18);
  border-color:#4267b2;
}

/* Image fullwidth + marge intérieure */
.single-article-fullwidth .entry-featured-image-url {
  padding:20px 20px 0 20px;            /* marge haut + côtés */
}

/* Image elle-même */
.single-article-fullwidth .entry-featured-image-url img {
  display:block;
  width:100%;
  height:auto;
  border-radius:4px;                    /* radius sur l’image */
  border:1px solid #dddddd;
  box-shadow:0 2px 4px rgba(0,0,0,.1);
  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease,
    filter .3s ease;
}

/* Zoom léger au survol de la carte */
.single-article-fullwidth .et_pb_post:hover .entry-featured-image-url img {
  transform:scale(1.03);
  box-shadow:0 4px 8px rgba(0,0,0,.2);
  border-color:#4267b2;
  filter:brightness(0.97);
}

/* Titre : padding en haut + côtés, aucun margin parasite */
.single-article-fullwidth .et_pb_post .entry-title {
  padding:0 1rem;
  margin:0;
  line-height:1.15;
}

/* Métas (catégories…) : padding bas symétrique au haut du titre */
.single-article-fullwidth .et_pb_post .post-meta {
  padding:0.9rem 1em 1rem;    /* haut / côtés / bas */
  margin:0;
  font-size:0.9rem;
  color:#555;
}

/* Pas de texte d’extrait pour ce preset */
.single-article-fullwidth .et_pb_post .post-content {
  display:none !important;
}

/* Petite icône "tag" devant les métas, comme sur le home blog */
.single-article-fullwidth .et_pb_post .post-meta::before {
  content:"\f02b";
  font-family:"Font Awesome 6 Pro","Font Awesome 5 Pro",
               "Font Awesome 5 Free","FontAwesome";
  font-weight:900;
  display:inline-block;
  margin-right:0.45rem;
  color:#888;
}

/* Espacement des liens de métas (catégories) */
.single-article-fullwidth .et_pb_post .post-meta a {
  margin-right:0.25rem;
}

/* Version mobile : on resserre légèrement les paddings */
@media (max-width:768px){
  .single-article-fullwidth .et_pb_post {
    margin-bottom:2rem;
    border-radius:4px;
  }
  .single-article-fullwidth .et_pb_post .entry-title,
  .single-article-fullwidth .et_pb_post .post-meta {
    padding-left:1.4rem;
    padding-right:1.4rem;
  }
}