/* WP Andolsheim — module Separator. Séparateur horizontal coloré + pastille icône.
   Les couleurs sont injectées en inline par PHP depuis les réglages globaux
   (variables --wpa-separator-accent et --wpa-separator-accent-fg, qui reprennent
   en réalité heading_accent / heading_accent_fg côté PHP).
   Valeurs de repli ici si jamais l'inline-style n'est pas chargé. */

.wpa-separator {
	--wpa-separator-accent: #799e1d;
	--wpa-separator-accent-fg: #020202;

	display: flex;
	align-items: center;
	gap: 1em;
	margin: 2em 0;
}

.wpa-separator__line {
	flex: 1 1 0;
	height: 1px;
	background: var(--wpa-separator-accent);
}

/* Icône centrale : pas de fond, couleur identique à la ligne, centrée verticalement
   sur le trait via le align-items: center du flex parent. */
.wpa-separator__badge {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--wpa-separator-accent);
	font-size: 1em;
	line-height: 0;
}

/* Dashicons sizing override — par défaut 20px fixes, passées en em pour adaptation. */
.wpa-separator__badge .dashicons {
	width: 1.4em;
	height: 1.4em;
	font-size: 1.4em;
	line-height: 1;
	color: inherit;
}

/* Font Awesome dans la pastille : taille déjà en em, on s'assure de la couleur. */
.wpa-separator__badge > i {
	font-size: 1.4em;
	line-height: 1;
	color: inherit;
}

/* Variante sans icône : la ligne est seule, pleine largeur. */
.wpa-separator--no-icon .wpa-separator__line {
	flex: 1 1 auto;
}