/*
 * Boutons de tout le site (éléments « Bouton » de Flatsome, formulaires Ninja Forms, « Lire la suite »).
 * Même langage que le header : coins légèrement arrondis, ardoise, pas d'effets criards.
 * Les couleurs choisies dans l'UX Builder restent valables : primary/success/secondary/alert/white.
 */
:root {
	--ebtp-bouton-fond: var(--ebtp-ardoise-fonce);
	--ebtp-bouton-fond-survol: var(--ebtp-encre);
}

.button,
button.button,
input[type="submit"].button,
.nf-form-content input[type="submit"],
.nf-form-content input[type="button"],
.page-wrapper input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 22px;
	border: 2px solid transparent;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 1.25;
	text-align: center;
	white-space: normal;
	box-shadow: none;
	transition: background-color .2s, border-color .2s, color .2s;
}
.button.is-small { min-height: 36px; padding: 6px 14px; font-size: 13px; }
.button.is-larger, .button.is-large { min-height: 52px; padding: 12px 28px; font-size: 15px; }
.button.is-xlarge { min-height: 56px; padding: 14px 32px; font-size: 16px; }
.button.expand { width: 100%; }
.button i, .button .icon { top: 0; }

/* Couleurs (bouton plein) */
.button.primary, .button:not(.white):not(.secondary):not(.success):not(.alert):not(.is-link):not(.is-underline):not(.is-outline):not(.icon),
.nf-form-content input[type="submit"], .page-wrapper input[type="submit"] {
	background-color: var(--ebtp-bouton-fond);
	border-color: var(--ebtp-bouton-fond);
	color: #fff;
}
.button.success { background-color: var(--ebtp-ardoise-fonce); border-color: var(--ebtp-ardoise-fonce); color: #fff; }
.button.secondary { background-color: var(--ebtp-orange); border-color: var(--ebtp-orange); color: #fff; }
.button.alert { background-color: #b42318; border-color: #b42318; color: #fff; }
.button.white { background-color: #fff; border-color: #fff; color: var(--ebtp-encre); }

.button:hover, .button:focus-visible,
.nf-form-content input[type="submit"]:hover, .page-wrapper input[type="submit"]:hover {
	background-color: var(--ebtp-bouton-fond-survol);
	border-color: var(--ebtp-bouton-fond-survol);
	color: #fff;
	box-shadow: none;
	opacity: 1;
}
.button.secondary:hover { background-color: #c96f00; border-color: #c96f00; }
.button.white:hover { background-color: var(--ebtp-encre); border-color: #fff; color: #fff; }

/* Contour (« is-outline » dans l'UX Builder) */
.button.is-outline,
.button.is-outline.primary,
.button.is-outline.success {
	background-color: transparent;
	border-color: var(--ebtp-ardoise-fonce);
	color: var(--ebtp-ardoise-fonce);
}
.button.is-outline.secondary { background-color: transparent; border-color: var(--ebtp-orange); color: #b86400; }
.button.is-outline.white { background-color: transparent; border-color: #fff; color: #fff; }
.button.is-outline:hover,
.button.is-outline.primary:hover,
.button.is-outline.success:hover { background-color: var(--ebtp-ardoise-fonce); border-color: var(--ebtp-ardoise-fonce); color: #fff; }
.button.is-outline.secondary:hover { background-color: var(--ebtp-orange); color: #fff; }
.button.is-outline.white:hover { background-color: #fff; color: var(--ebtp-encre); }

/* Lien simple / souligné : on garde un lien, pas un bouton. */
.button.is-link, .button.is-underline { min-height: 0; padding: 0; border: 0; background: none; color: var(--ebtp-encre); }
.button.is-link:hover, .button.is-underline:hover { background: none; color: var(--ebtp-encre); text-decoration: underline; text-underline-offset: 4px; }

/* Boutons-icônes de Flatsome (retour en haut, loupe de recherche) : on ne les transforme pas. */
.button.icon { min-height: 0; padding: 0; gap: 0; letter-spacing: 0; }
.back-to-top.button { border-radius: 50%; }
.button.icon.plain, .back-to-top.button.plain { background-color: transparent; border-color: currentColor; color: var(--ebtp-ardoise-fonce); }
.back-to-top.button:hover { background-color: var(--ebtp-ardoise-fonce); border-color: var(--ebtp-ardoise-fonce); color: #fff; }
/* Flatsome force une couleur foncée sur « white + contour » : texte blanc sur fond de couleur. */
.button.is-outline.white:not(:hover), .button.white.is-outline:not(:hover) { color: #fff !important; border-color: #fff; background-color: transparent; }