/*
 * Feuille des widgets de l'éditeur visuel — chargée au front sur les seules
 * pages CMS qui portent un widget (hook actionFrontControllerSetMedia) et
 * dans le gabarit de l'éditeur. Le style des contenus reste au thème : ici,
 * uniquement les leviers que le widget offre par-dessus.
 */

/* Le bloc d'un widget prend toute la largeur disponible, où qu'on le dépose.
   Déposé dans un conteneur flex du thème (colonne de texte d'un bloc…), un
   bloc sans largeur propre se réduisait à 0 px : cartes et images présentes
   mais invisibles. */
.webp-widget {
  display: block;
  width: 100%;
  min-width: 0;
  flex: 1 1 100%;
}

/* Variante « large » des cartes produit : le thème adapte chaque carte à sa
   largeur par requête de conteneur (sous 400 px, calque quantité + panier
   dans le flux). Neutraliser le conteneur impose la mise en page des cartes
   larges quelle que soit la colonne — à réserver aux grilles de 2 ou 3. */
.webp-widget--variante-large .product-miniature {
  container-type: normal;
}

.webp-widget__vide {
  padding: 1rem;
  color: var(--bs-secondary-color, #6c757d);
  font-style: italic;
}