/*
Theme Name: 2025.06.VACFOR-DiviEnfant
Description: Divi Enfant, theme enfant de Divi 4 fourni par VACFOR 2025
Author: VACFOR
Template: Divi
Version: 2025.06.27 2025/06/27
______________________________*/


/* ============================================
BASCULER LES EXTRAITS DANS LE MODULE BLOG DIVI
Classe CSS du module : vfblog_cache_extrait
Fonctionne avec vfblog_grille
Masque les extraits sur desktop uniquement
============================================ */
/*==========================================================
DIVI – Module Blog : Masquer les extraits au survol
Classes CSS à ajouter au module : vfblog_grille vfblog_cache_extrait
==========================================================*/
/* ========== ORDINATEUR (>= 981px) ========== */
@media (min-width: 61.3125rem) { /* 981px en rem */
  /* Réduire la hauteur du bloc post et masquer l’extrait */
  .vfblog_cache_extrait .et_pb_post {
    max-height: 14rem !important;            /* Hauteur réduite par défaut */
    overflow: hidden !important;
    transition: all 0.5s ease !important;
  }
  .vfblog_cache_extrait .et_pb_post .post-content {
    visibility: hidden !important;           /* Cache visuellement */
    opacity: 0 !important;                   /* Rendu invisible */
    max-height: 0rem !important;             /* Hauteur nulle */
    overflow: hidden !important;
    transition: all 0.5s ease !important;
  }
  /* Survol : afficher l’extrait et agrandir le bloc */
  .vfblog_cache_extrait .et_pb_post:hover {
    max-height: 50rem !important;            /* Hauteur suffisante au survol */
  }
  .vfblog_cache_extrait .et_pb_post:hover .post-content {
    visibility: visible !important;
    opacity: 1 !important;
    max-height: 35rem !important;            /* Hauteur de l’extrait affiché */
  }
  /* En mode éditeur Divi (Visual Builder), garder tout visible */
  body.et-fb .vfblog_cache_extrait .et_pb_post {
    max-height: none !important;
  }
  body.et-fb .vfblog_cache_extrait .et_pb_post .post-content {
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
  }
}
/* ========== TABLETTE & MOBILE (<= 980px) ========== */
@media (max-width: 61.25rem) { /* 980px en rem */
  .vfblog_cache_extrait .et_pb_post {
    max-height: none !important;
  }

  .vfblog_cache_extrait .et_pb_post .post-content {
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}