/*
 * Ochanta — boutons natifs d'Elementor habillés comme dans The7.
 *
 * Chargé seulement si l'option « Intégration des boutons Elementor » de The7 était active
 * sur le site. Les valeurs viennent des variables --the7-btn-* du site
 * (uploads/the7-css/css-vars.css). Les réglages posés sur chaque bouton restent prioritaires.
 *
 * Correspondance des tailles Elementor → boutons The7 :
 * XS → S, SM → M, MD → L, LG → LG, XL → XL.
 */

.elementor-widget-button .elementor-button,
.elementor-widget-form .elementor-button,
.elementor-widget-call-to-action .elementor-cta__button.elementor-button {
	border-color: var(--the7-btn-border-color, transparent);
	background: var(--the7-btn-bg, var(--the7-btn-bg-color, var(--e-global-color-accent, #c19d56)));
	box-shadow: var(--the7-btn-shadow, none);
	color: var(--the7-btn-color, #fff);
	transition: background .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.elementor-widget-button .elementor-button:hover,
.elementor-widget-button .elementor-button:focus,
.elementor-widget-form .elementor-button:hover,
.elementor-widget-form .elementor-button:focus,
.elementor-widget-call-to-action .elementor-cta__button.elementor-button:hover {
	border-color: var(--the7-btn-border-hover-color, var(--the7-btn-border-color, transparent));
	background: var(--the7-btn-hover-bg, var(--the7-btn-hover-bg-color, var(--the7-btn-bg-color, var(--e-global-color-accent, #c19d56))));
	box-shadow: var(--the7-btn-shadow-hover, var(--the7-btn-shadow, none));
	color: var(--the7-btn-hover-color, var(--the7-btn-color, #fff));
}

.elementor-button svg {
	height: auto;
	transition: all .3s ease;
}

.elementor-button-content-wrapper {
	align-items: center;
}

.elementor-button-wrapper {
	line-height: 0;
}

/* Tailles : chaque taille Elementor reprend un modèle de bouton The7. */
.elementor-element .elementor-button.elementor-size-xs {
	min-width: var(--the7-btn-s-min-width);
	min-height: var(--the7-btn-s-min-height);
	padding: var(--the7-btn-s-padding, 10px 20px);
	border-width: var(--the7-btn-s-border-width, 0);
	border-style: var(--the7-btn-s-border-style, solid);
	border-radius: var(--the7-btn-s-border-radius, 3px);
	font-family: var(--the7-btn-s-font-family, inherit);
	font-size: var(--the7-btn-s-font-size, 13px);
	font-style: var(--the7-btn-s-font-style, normal);
	font-weight: var(--the7-btn-s-font-weight, normal);
	line-height: var(--the7-btn-s-line-height, 1);
	letter-spacing: var(--the7-btn-s-letter-spacing, normal);
	word-spacing: var(--the7-btn-s-word-spacing, normal);
	text-transform: var(--the7-btn-s-text-transform, none);
	--btn-icon-spacing: var(--the7-btn-s-icon-gap, 7px);
}

.elementor-element .elementor-button.elementor-size-sm {
	min-width: var(--the7-btn-m-min-width);
	min-height: var(--the7-btn-m-min-height);
	padding: var(--the7-btn-m-padding, 12px 24px);
	border-width: var(--the7-btn-m-border-width, 0);
	border-style: var(--the7-btn-m-border-style, solid);
	border-radius: var(--the7-btn-m-border-radius, 3px);
	font-family: var(--the7-btn-m-font-family, inherit);
	font-size: var(--the7-btn-m-font-size, 15px);
	font-style: var(--the7-btn-m-font-style, normal);
	font-weight: var(--the7-btn-m-font-weight, normal);
	line-height: var(--the7-btn-m-line-height, 1);
	letter-spacing: var(--the7-btn-m-letter-spacing, normal);
	word-spacing: var(--the7-btn-m-word-spacing, normal);
	text-transform: var(--the7-btn-m-text-transform, none);
	--btn-icon-spacing: var(--the7-btn-m-icon-gap, 7px);
}

.elementor-element .elementor-button.elementor-size-md {
	min-width: var(--the7-btn-l-min-width);
	min-height: var(--the7-btn-l-min-height);
	padding: var(--the7-btn-l-padding, 15px 30px);
	border-width: var(--the7-btn-l-border-width, 0);
	border-style: var(--the7-btn-l-border-style, solid);
	border-radius: var(--the7-btn-l-border-radius, 4px);
	font-family: var(--the7-btn-l-font-family, inherit);
	font-size: var(--the7-btn-l-font-size, 16px);
	font-style: var(--the7-btn-l-font-style, normal);
	font-weight: var(--the7-btn-l-font-weight, normal);
	line-height: var(--the7-btn-l-line-height, 1);
	letter-spacing: var(--the7-btn-l-letter-spacing, normal);
	word-spacing: var(--the7-btn-l-word-spacing, normal);
	text-transform: var(--the7-btn-l-text-transform, none);
	--btn-icon-spacing: var(--the7-btn-l-icon-gap, 7px);
}

.elementor-element .elementor-button.elementor-size-lg {
	min-width: var(--the7-btn-lg-min-width);
	min-height: var(--the7-btn-lg-min-height);
	padding: var(--the7-btn-lg-padding, 20px 40px);
	border-width: var(--the7-btn-lg-border-width, 0);
	border-style: var(--the7-btn-lg-border-style, solid);
	border-radius: var(--the7-btn-lg-border-radius, 5px);
	font-family: var(--the7-btn-lg-font-family, inherit);
	font-size: var(--the7-btn-lg-font-size, 18px);
	font-style: var(--the7-btn-lg-font-style, normal);
	font-weight: var(--the7-btn-lg-font-weight, normal);
	line-height: var(--the7-btn-lg-line-height, 1);
	letter-spacing: var(--the7-btn-lg-letter-spacing, normal);
	word-spacing: var(--the7-btn-lg-word-spacing, normal);
	text-transform: var(--the7-btn-lg-text-transform, none);
	--btn-icon-spacing: var(--the7-btn-lg-icon-gap, 7px);
}

.elementor-element .elementor-button.elementor-size-xl {
	min-width: var(--the7-btn-xl-min-width);
	min-height: var(--the7-btn-xl-min-height);
	padding: var(--the7-btn-xl-padding, 25px 50px);
	border-width: var(--the7-btn-xl-border-width, 0);
	border-style: var(--the7-btn-xl-border-style, solid);
	border-radius: var(--the7-btn-xl-border-radius, 6px);
	font-family: var(--the7-btn-xl-font-family, inherit);
	font-size: var(--the7-btn-xl-font-size, 20px);
	font-style: var(--the7-btn-xl-font-style, normal);
	font-weight: var(--the7-btn-xl-font-weight, normal);
	line-height: var(--the7-btn-xl-line-height, 1);
	letter-spacing: var(--the7-btn-xl-letter-spacing, normal);
	word-spacing: var(--the7-btn-xl-word-spacing, normal);
	text-transform: var(--the7-btn-xl-text-transform, none);
	--btn-icon-spacing: var(--the7-btn-xl-icon-gap, 7px);
}

.elementor-element .elementor-button.elementor-size-xs .elementor-button-icon { font-size: var(--the7-btn-s-icon-size, inherit); }
.elementor-element .elementor-button.elementor-size-sm .elementor-button-icon { font-size: var(--the7-btn-m-icon-size, inherit); }
.elementor-element .elementor-button.elementor-size-md .elementor-button-icon { font-size: var(--the7-btn-l-icon-size, inherit); }
.elementor-element .elementor-button.elementor-size-lg .elementor-button-icon { font-size: var(--the7-btn-lg-icon-size, inherit); }
.elementor-element .elementor-button.elementor-size-xl .elementor-button-icon { font-size: var(--the7-btn-xl-icon-size, inherit); }

.elementor-element .elementor-button .elementor-align-icon-left {
	margin-right: var(--btn-icon-spacing);
}

.elementor-element .elementor-button .elementor-align-icon-right {
	margin-left: var(--btn-icon-spacing);
}
