/* Conteneur */
.dv-container { position: relative; width: 320px; height: 380px; overflow: hidden; }
.dv-container.dv-loading { opacity: .6; pointer-events: none; }

/* Viewport = défilement horizontal uniquement */
.dv-viewport { position: absolute; inset: 0; overflow-x: auto; overflow-y: hidden; }

/* Compteur */
.dv-count { }

/* Bande d'items horizontale */
.dv-items {
  display: flex; flex-direction: row; flex-wrap: nowrap;
  gap: 12px; padding: 8px;
}

/* Carte */
.dv-item {
  width: 300px; flex: 0 0 300px;
  border: 1px solid #ddd; background: #fafafa;
  padding: 8px; display: flex; flex-direction: column; gap: 6px; overflow: hidden;
}

/* En-tête : case + titre */
.dv-card-head { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 6px; }
.dv-title { margin: 0; font-size: 14px; line-height: 1.25; }

/* Case à cocher */
.dv-check input { transform: scale(1.05); }

/* Vignettes / héros (défillement vertical possible) */
.dv-thumb {
  width: 100%;
  overflow: auto;             /* <— défilement vertical si contenu plus haut */
  display: flex; align-items: center; justify-content: center;
  background:#fff; border: 1px solid #eee;
}
.dv-thumb img { max-width: 100%; display: block; }

/* EMBED (vidéo/iframe) */
.dv-hero.dv-embed { border: none; overflow: hidden; }
.dv-hero.dv-embed iframe,
.dv-hero.dv-embed video { width: 100%; height: 170px; display: block; }

/* Corps */
.dv-body { overflow: auto; font-size: 12px; color: #444; }
.dv-body--excerpt { }

/* Contrôles de pagination */
.dv-controls { position: absolute; right: 8px; bottom: 42px; display: flex; gap: 6px; }
.dv-controls button { padding: 4px 8px; }

/* Toolbar sélection (sous le widget) */
.dv-toolbar {
  margin-top: 6px; display:flex; align-items:center; justify-content: space-between; gap:8px;
  font-size: 12px; flex-wrap: wrap;
}
.dv-toolbar .dv-right { display:flex; align-items:center; gap:6px; flex-wrap: wrap; }
.dv-toolbar .dv-dest { width: 220px; padding: 4px; }
.dv-toolbar button { padding: 4px 8px; }

/* Filtres (admin) */
.dv-filters-ui { margin: 6px 0; display:flex; gap:6px; flex-wrap: wrap; }
.dv-filters-ui input, .dv-filters-ui button { padding: 4px 6px; font-size: 12px; }