/* Styles génériques pour listes de composants */
.list-preset {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 0;
  padding: 0;
}

/* OK pour une liste "normale" où les cards sont enfants directs */
.list-preset > * {
  flex: 1 1 320px;
  max-width: 340px;
  min-width: 220px;
  margin-bottom: 0;
}

/* Variante compacte (listes normales) */
.list-preset--compact > * {
  max-width: 240px;
}

/* ------------------------------------------------------------
   PATCH Drupal Views
   Problème: .view.list-preset a comme enfants directs .contextual + .view-content
   Donc .list-preset > * écrase la largeur de .view-content.
------------------------------------------------------------ */

/* 1) On neutralise les contraintes "enfants directs" quand .list-preset est sur une View */
.view.list-preset {
  display: block; /* la View n'est PAS le conteneur des cartes */
}

.view.list-preset > * {
  flex: initial;
  max-width: none;
  min-width: 0;
}

/* 2) Variante grille responsive universelle */
.view.list-preset--grid .view-content {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px !important;
}

/* 3) Variante flex (uniquement si pas en mode grid) */
.view.list-preset:not(.list-preset--grid) .view-content {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
}

.view.list-preset .views-row {
  flex: 1 1 320px !important;
  max-width: 340px !important;
  min-width: 220px !important;
  width: auto !important;
  display: flex !important;
}

/* Variante compacte pour Views (sinon c'est .view-content qui prend max-width) */
.view.list-preset--compact .views-row {
  max-width: 240px !important;
}

/* Optionnel: la card remplit son item */
.view.list-preset .cust-video-card {
  width: 100%;
}