/* WP Andolsheim — module IconText. Ligne combinant icône + texte (+ lien optionnel).
   Le wrapper est inline-flex pour s'aligner naturellement avec le texte environnant
   ou pour être placé librement dans une mise en page. */

.wpa-icon-text {
	display: flex;
	align-items: center;
	gap: 0.5em;
	width: 100%;
	color: inherit;
	text-decoration: none;
	line-height: 1.4;
}

/* Quand c'est un lien : pas de soulignement par défaut, hover discret. */
a.wpa-icon-text:hover {
	text-decoration: underline;
}

/* Position de l'icône (le rendu côté serveur place l'icône avant/après dans le DOM
   ET on garantit la cohérence avec flex-direction si jamais ce n'est pas le cas). */
.wpa-icon-text--icon-right {
	flex-direction: row-reverse;
}

/* Icône (Dashicon OU Font Awesome). */
.wpa-icon-text__icon {
	flex: 0 0 auto;
	font-size: 1em;
	line-height: 1;
	color: inherit;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Dashicons : passées en em pour suivre la taille du texte (par défaut 20px fixes). */
.wpa-icon-text__icon.dashicons {
	width: 1em;
	height: 1em;
	font-size: 1.2em;
}

/* Font Awesome : taille déjà en em, on s'assure de la couleur. */
i.wpa-icon-text__icon {
	color: inherit;
}

/* Texte */
.wpa-icon-text__text {
	color: inherit;
}

/* ---- Aperçu éditeur Gutenberg : RichText doit rester éditable et lisible. ---- */

.editor-styles-wrapper .wpa-icon-text {
	cursor: text;
}

.editor-styles-wrapper .wpa-icon-text__text {
	outline: none;
	min-width: 1em;
}