/* cde/v1/assets/css/components/preview.css
 * Fonctionnalité: modal d'aperçu image (simple, sans action).
 */
/* doc-project | commande/v1/assets/css/components/preview.css | Styles de la modal d’aperçu image et du bloc ingrédients associé. | Expose: aucun | Dépend de: HTML de la sheet preview, classes .previewImg/.previewIngredients | Impacte: UI, rendu modal, lisibilité de l’aperçu | Tables: aucune */

.sheet[data-sheet-preview] .sheet__panel{
  left: 14px;
  right: 14px;
  top: 10vh;
  bottom: auto;
  border-radius: 20px;
  max-height: 80vh;
  overflow: auto;
}

.sheet[data-sheet-preview] .sheet__row{
  margin-bottom: 10px;
}

.sheet[data-sheet-preview] [data-sheet-close]{
  border: 1px solid rgba(0,0,0,.10);
}

.previewImg{
  width: 100%;
  /* Laisse de la place au bloc "Ingrédients" sous l'image */
  max-height: 56vh;
  object-fit: contain;
  border-radius: 14px;
  background: rgba(0,0,0,.06);
}

.previewIngredients{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.04);
}

.previewIngredients__label{
  margin: 0 0 6px;
  font-weight: 950;
  font-size: 13px;
  line-height: 1.2;
}

.previewIngredients__text{
  margin: 0;
  font-size: 14px;
  line-height: 1.35;
  opacity: .92;
}