/* MODULE DE RECADRAGE =============================================================== (GLOBAL) */
/**
	<div id="crop-module" class="crop-module-overlay">  <!-- CROPPIN' POP-IN -->
		<div class="crop-module-content">
			<h3 class="trmdvsr-texte-h3">Recadrer l'image (ratio 1:1)</h3>
			<div class="crop-module-conteneur">
				<img id="image-to-crop" alt="Image à recadrer pour le produit" class="crop-module-target">
			</div>
			<div class="crop-module-actions">
				<button data-action="cancelCrop" class="trmdvsr-texte-btn trmdvsr-button reset-button">Annuler</button>
				<button data-action="validateCrop" class="trmdvsr-texte-btn trmdvsr-button primary submit-button">Valider</button>
 */
.crop-module-overlay {
	position:                   fixed;
	top: 												0; 
	left: 											0;
	z-index:                    999;
	display:                    none;
	align-items:                center;
	justify-content:            center;
	width:                      100%;
	height:                     100%;
	padding: 										2rem;
	background-color:           rgba(0, 0, 0, 0.9);
	backdrop-filter: 						blur(4px);
}
.crop-module-overlay.active { display: flex !important; }

.crop-module-content {
	position:                   relative;
	display: 										flex;
	flex-direction: 						column;
	gap: 												16px;
	min-width: 									31rem;
	width: 											100%;
	max-width:                  62rem;
	min-height: 								31rem;
	max-height:                 90%;
	padding:                    24px;
	background-color:           var(--blanc-pur);
	border-radius:              var(--bordure-radius);
	overflow:                   hidden;                                         /* Important pour Cropper */
	box-shadow: 								0 20px 25px -5px rgba(0, 0, 0, 0.2);
}
.crop-module-conteneur {
	position: 									relative;
	width:                  		100%;
	height:                 		80%;
	overflow: 									hidden;
	background: 								#111;
	margin-bottom:              1rem;
  border-radius: 							0.5rem;
}
#image-to-crop.crop-module-target {
	display: 										block;
	max-width: 									100%;
	height:											auto;
}

.crop-module-actions {
	display:                    flex;
	margin-top:                 0.5rem;
	justify-content:            flex-end;
	align-items: 								center;
	gap:                        0.75rem;
}
/* --- OVERRIDE CROPPER.JS POUR LOOK MODERNE --- */
.cropper-view-box,
.cropper-face { border-radius: 0; } /* Garde le carré de découpe net */
.cropper-line, .cropper-point { background-color: #2563eb; }

/** ******************************************************************************************* //
 * @document 'Fin du fichier. with care.'
 * @author 'trmdvsr'
 * @version 26.01.01 (13:10)
// ******************************************************************************************** */