/*
 Theme Name:     Divi Child
 Theme URI:      https://example.com
 Description:    Thème enfant basé sur Divi
 Author:         Hervé
 Template:       Divi
 Version:        1.0.0
*/

/* Tu peux ajouter ton CSS personnalisé ici */
/* === Grille Youtube Manager : colonne fixe via data-columns === */
.youtube-manager-video-grid[data-columns="1"] { grid-template-columns: repeat(1,1fr) !important; }
.youtube-manager-video-grid[data-columns="2"] { grid-template-columns: repeat(2,1fr) !important; }
.youtube-manager-video-grid[data-columns="3"] { grid-template-columns: repeat(3,1fr) !important; }
.youtube-manager-video-grid[data-columns="4"] { grid-template-columns: repeat(4,1fr) !important; }
.youtube-manager-video-grid[data-columns="5"] { grid-template-columns: repeat(5,1fr) !important; }
.youtube-manager-video-grid[data-columns="6"] { grid-template-columns: repeat(6,1fr) !important; }

/* Mobile : toujours 1 colonne sous 400 px */
@media (max-width:400px) {
  .youtube-manager-video-grid[data-columns] {
    grid-template-columns: repeat(1,1fr) !important;
  }
}
/* Limite la largeur visuelle d’une carte et la centre dans sa colonne */
.youtube-manager-video-grid[data-columns] .youtube-manager-video-item{
    max-width: 200px;          /* ← ajuste à la taille voulue */
    margin-inline: auto;       /* centre horizontalement dans la colonne */
}
.youtube-manager-video-title {
    font-size: 0.95em;  /* plus petit si besoin */
}
.youtube-manager-video-desc{
    -webkit-line-clamp: 2;     /* description max 2 lignes */
    max-height: calc(1.4em*2); /* idem fallback */
}
.youtube-manager-video-grid[data-columns] .youtube-manager-video-item{
    max-width: 240px;
    margin-inline: auto;
}

/* Taille max de chaque vidéo dans la grille */
.youtube-manager-video-grid[data-columns] .youtube-manager-video-item{
    max-width: 220px;          /* largeur désirée */
    margin-inline: auto;       /* centrage dans la colonne si > 220 px */
}

/* 1 colonne sous 400 px, au cas où */
@media (max-width:400px){
  .youtube-manager-video-grid[data-columns]{
     grid-template-columns:repeat(1,1fr);
  }
}