/* Modale d'aperçu (panier/checkout) -- même patron visuel que
   .lmp-mc-apercu-modal (thème, mon-compte.css/mon-compte-apercu.js) mais
   dupliqué ici plutôt que réutilisé tel quel : ce plugin doit fonctionner
   même si le thème change, ET le contenu affiché est différent (face+dos
   empilées, plus haut qu'un seul cadre -- voir max-height/iframe ci-dessous,
   agrandis en conséquence par rapport à la version compte). Variables
   --lmp-* définies globalement par le thème actif (chargées sur tout le
   site, y compris panier/checkout) -- pas besoin de les redéfinir ici. */
body.lmp-cart-apercu-modal-open {
	overflow: hidden;
}

/* Vignette du panier (voir cmp_cart_item_images_with_preview, woocommerce-
   hooks.php) : la photo est un PNG découpé à fond transparent (voir
   configurateur.css/fond-configurateur.jpg pour le studio) -- sans fond
   propre ici, un vêtement blanc/pâle se fond dans le fond blanc de la page
   du panier. --lmp-creme-dark (pas --lmp-beige, plus saturé/tan, essayé
   d'abord) : couleur mesurée directement sur fond-configurateur.jpg (~
   #F6EBE4, la photo de fond utilisée dans le studio ET la modale d'aperçu
   ci-dessous) -- --lmp-creme-dark (#F0E8DD) en est le plus proche dans la
   palette existante, pour que la vignette évoque le même fond que la
   modale plutôt qu'un beige différent -- demande de Félix 2026-09-09.
   Groupé dans ce fichier (pas un nouveau) uniquement parce qu'il partage
   déjà la même condition de chargement (panier/checkout, cmp_enqueue_cart_
   preview_link) -- aucun lien avec la modale elle-même. */
.wc-block-cart-item__image img {
	background-color: var( --lmp-creme-dark );
	border-radius: 10px;
	padding: 6px;
	box-sizing: border-box;
}

.lmp-cart-apercu-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 10000;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba( 61, 43, 31, 0.55 );
	box-sizing: border-box;
}

.lmp-cart-apercu-modal.is-open {
	display: flex;
}

.lmp-cart-apercu-modal__box {
	position: relative;
	width: 100%;
	max-width: 520px;
	max-height: min( 780px, 96% );
	background: var( --lmp-blanc );
	border-radius: 20px;
	box-shadow: 0 20px 60px -10px rgba( 61, 43, 31, 0.5 );
	overflow: hidden;
	display: flex;
}

.lmp-cart-apercu-modal__close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
	width: 34px;
	height: 34px;
	border: none;
	border-radius: 999px;
	background: var( --lmp-blanc-casse );
	color: var( --lmp-brun );
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

.lmp-cart-apercu-modal__close:hover {
	background: var( --lmp-lavande-light );
}

.lmp-cart-apercu-modal__frame {
	flex: 1 1 auto;
	width: 100%;
	min-height: 620px;
	border: none;
	background: var( --lmp-blanc );
}

@media ( max-width: 480px ) {
	.lmp-cart-apercu-modal {
		padding: 0;
	}

	.lmp-cart-apercu-modal__box {
		max-width: none;
		max-height: none;
		height: 100%;
		border-radius: 0;
	}
}


/* Lien "Modifier" posé par cart-preview-link.js sur chaque ligne personnalisée. */
.lmp-cart-modifier {
	display: inline-block;
	margin: 0 12px 0 10px;
	font-size: 13px;
	font-weight: 600;
	color: var(--lmp-lavande-aa, #815CAC);
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}
.lmp-cart-modifier:hover,
.lmp-cart-modifier:focus-visible {
	color: var(--lmp-brun, #3D2B1F);
}