/**
 * Styles pour le focal point picker dans Gutenberg
 */

/* Conteneur principal dans le panneau featured image */
#gutenberg-focal-point-inline-root {
	padding: 0;
}

#gutenberg-focal-point-inline-root > div {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #ddd;
}

/* Titre */
#gutenberg-focal-point-inline-root strong {
	display: block;
	margin-bottom: 12px;
	font-size: 13px;
	font-weight: 500;
	color: #1e1e1e;
}

/* Instructions */
#gutenberg-focal-point-inline-root p {
	margin: 0 0 12px;
	font-size: 13px;
	color: #757575;
	line-height: 1.4;
}

/* FocalPointPicker */
#gutenberg-focal-point-inline-root .components-focal-point-picker {
	margin-bottom: 12px;
}

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

#gutenberg-focal-point-inline-root p:last-child strong {
	display: inline;
	color: #2271b1;
	font-weight: 600;
	margin: 0;
}

/* S'assurer que le picker s'affiche correctement */
.editor-post-featured-image {
	position: relative;
}

/* Ajustements responsive */
@media (max-width: 781px) {
	#gutenberg-focal-point-inline-root > div {
		margin-top: 12px;
		padding-top: 12px;
	}
}
