/* ============================
   HOME – section vidéo YouTube (2 vidéos, thumbs YouTube 16:9 sans bandes)
   ============================ */

.fff-home-video{
  background:#f5f7fc;
  padding:2.6rem 0 3rem;
}

/* Row plus large dans cette section */
.fff-home-video .et_pb_row{
  width:92% !important;
  max-width:1280px !important;
}

/* Grille 2 colonnes */
.fff-home-video .fff-video-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1.35rem;
  align-items:stretch;
}

/* Carte */
.fff-home-video .fff-video-card{
  background:#ffffff;
  border-radius:4px; /* max 4px */
  border:1px solid #e5e7eb;
  box-shadow:0 10px 22px rgba(15,23,42,.06);
  padding:1.25rem 1.2rem;
  display:flex;
  gap:1.15rem;
  align-items:stretch;
  overflow:hidden;
  text-decoration:none;
  color:#111827;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Hover et focus clavier */
.fff-home-video .fff-video-card:hover,
.fff-home-video .fff-video-card:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(66,103,178,.45);
  box-shadow:0 16px 30px rgba(15,23,42,.12);
  outline:none;
}

/* Vignette vidéo: ratio YouTube 16:9, aucune bande */
.fff-home-video .fff-video-thumb{
  position:relative;
  flex:0 0 60%;
  overflow:hidden;
  border-radius:4px;        /* max 4px */
  aspect-ratio:16 / 9;      /* format original YouTube */
  background:#e5e7eb;       /* fallback neutre si image lente */
}

/* Image: cover -> pas de bandes noires */
.fff-home-video .fff-video-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;  /* peut passer à "center top" si besoin */
  transition:transform .25s ease, filter .25s ease;
}

/* Survol léger */
.fff-home-video .fff-video-card:hover .fff-video-thumb img{
  transform:scale(1.02);
  filter:brightness(.98);
}

/* Bouton play centré */
.fff-home-video .fff-video-play{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:3rem;
  line-height:1;
  color:#ffffff;
  text-shadow:0 0 10px rgba(0,0,0,.55);
  pointer-events:none;
}

/* Colonne texte */
.fff-home-video .fff-video-body{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* Titre */
.fff-home-video .fff-video-title{
  margin:0 0 .45rem;
  font-size:1.08rem;
  line-height:1.18;
  font-weight:800;
}

/* Texte: plus petit + interligne réduit + clamp */
.fff-home-video .fff-video-text{
  margin:0 0 .65rem;
  font-size:.87rem;
  line-height:1.32;
  color:#4b5563;
  text-align:justify;

  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Call to action */
.fff-home-video .fff-video-cta{
  display:inline-block;
  font-size:.76rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#4267b2;
  border-bottom:1px solid rgba(66,103,178,.35);
  align-self:flex-start;
}

.fff-home-video .fff-video-card:hover .fff-video-cta{
  color:#314c8a;
  border-color:rgba(49,76,138,.9);
}

/* ============================
   Tablette: 1 colonne, carte horizontale
   ============================ */
@media (max-width:980px){

  .fff-home-video{
    padding:2.2rem 0 2.6rem;
  }

  .fff-home-video .et_pb_row{
    width:94% !important;
    max-width:980px !important;
  }

  .fff-home-video .fff-video-grid{
    grid-template-columns:1fr;
    gap:1rem;
  }

  .fff-home-video .fff-video-card{
    padding:1.15rem 1.1rem;
    gap:1rem;
  }

  .fff-home-video .fff-video-thumb{
    flex:0 0 56%;
    aspect-ratio:16 / 9;
  }

  .fff-home-video .fff-video-title{
    font-size:1.05rem;
  }

  .fff-home-video .fff-video-text{
    font-size:.88rem;
    line-height:1.34;
    -webkit-line-clamp:6;
  }
}

/* ============================
   Mobile: carte en colonne, thumb full width
   ============================ */
@media (max-width:767px){

  .fff-home-video{
    padding:2rem 0 2.2rem !important;
  }

  .fff-home-video .et_pb_row{
    width:100% !important;
    padding:0 .7rem !important;
    max-width:100% !important;
  }

  .fff-home-video .et_pb_column{
    width:100% !important;
    margin:0 auto !important;
  }

  .fff-home-video .fff-video-grid{
    grid-template-columns:1fr;
    gap:.9rem;
  }

  .fff-home-video .fff-video-card{
    flex-direction:column;
    padding:1.2rem 1.05rem 1.3rem !important;
    gap:1rem;
  }

  .fff-home-video .fff-video-thumb{
    flex:0 0 auto;
    width:100%;
    aspect-ratio:16 / 9;
    border-radius:4px;
  }

  .fff-home-video .fff-video-play{
    font-size:2.7rem;
  }

  .fff-home-video .fff-video-title{
    font-size:1.05rem;
    line-height:1.2;
  }

  .fff-home-video .fff-video-text{
    font-size:.9rem;
    line-height:1.38;
    -webkit-line-clamp:8;
  }
}