/**
 * Styles personnalisés pour le focal point picker intégré
 */

/* Conteneur principal du focal point picker */
#thumbnail-focal-point-inline-root {
	padding: 0;
	margin-top: 15px;
}

/* Ajuster l'espacement dans la meta box */
#postimagediv .inside #thumbnail-focal-point-inline-root {
	padding-top: 15px;
	border-top: 1px solid #dcdcde;
}

/* Titre du focal point picker */
#thumbnail-focal-point-inline-root strong {
	display: block;
	margin-bottom: 8px;
	font-size: 13px;
	color: #1d2327;
}

/* Texte d'instructions */
#thumbnail-focal-point-inline-root p {
	margin: 0 0 12px;
	font-size: 12px;
	color: #646970;
	line-height: 1.5;
}

/* Conteneur du FocalPointPicker */
#thumbnail-focal-point-inline-root .components-focal-point-picker {
	margin-bottom: 10px;
}

/* Ajuster la hauteur du picker si nécessaire */
#thumbnail-focal-point-inline-root .components-focal-point-picker__wrapper {
	/* max-height: 300px; */
}

/* Position actuelle */
#thumbnail-focal-point-inline-root p:last-child {
	margin-bottom: 0;
	margin-top: 8px;
}

/* Style pour la valeur de position */
#thumbnail-focal-point-inline-root p:last-child strong {
	display: inline;
	color: #2271b1;
	font-weight: 600;
	margin: 0;
}

/* Responsive - ajuster sur petits écrans */
@media screen and (max-width: 782px) {
	#thumbnail-focal-point-inline-root {
		margin-top: 12px;
	}

	#postimagediv .inside #thumbnail-focal-point-inline-root {
		padding-top: 12px;
	}
}

/* Animation de chargement */
#thumbnail-focal-point-inline-root.loading {
	opacity: 0.6;
	pointer-events: none;
}
