/*
 * Buttons (charte §6). Primary colours, radius and typography come from
 * Kadence options (inc/kadence-defaults.php); this file adds what Kadence lacks.
 */

/* Sentence case, 44px minimum tap target. */
.button,
button,
input[type="submit"],
.wp-block-button__link,
.kb-button,
.woocommerce a.button,
.woocommerce button.button {
	min-height: var(--ba-tap-min);
	text-transform: none;
	letter-spacing: normal;
}

/*
 * Kadence Blocks buttons (home page designs A and B): same shape as theme buttons.
 * Kadence Blocks ships 3px radius, 18px text and .4em padding by default.
 */
.wp-block-kadence-advancedbtn .kb-button:not(.kb-btn-global-inherit) {
	gap: 10px;
	padding: 12px 26px;
	border: 2px solid var(--ba-denim);
	border-radius: var(--ba-radius);
	font-family: var(--ba-font-body);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.wp-block-kadence-advancedbtn .kb-button.kb-btn-global-fill:hover,
.wp-block-kadence-advancedbtn .kb-button.kb-btn-global-fill:focus-visible {
	border-color: var(--ba-denim-dark);
}
.wp-block-kadence-advancedbtn .kb-button.kt-btn-size-large {
	padding: 16px 36px;
	font-size: 18px;
}

/* Secondary: 2px Denim outline. Usage: class "is-secondary", or Kadence button style "outline". */
.button.is-secondary,
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-kadence-advancedbtn .kb-button.kb-btn-global-outline {
	background: transparent;
	color: var(--ba-denim);
	border: 2px solid var(--ba-denim);
}
.button.is-secondary:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-kadence-advancedbtn .kb-button.kb-btn-global-outline:hover,
.wp-block-kadence-advancedbtn .kb-button.kb-btn-global-outline:focus-visible {
	background: var(--ba-denim);
	border-color: var(--ba-denim);
	color: var(--ba-blanc);
}

/* On dark bands (Denim, Encre). Usage: class "is-light" (filled) or "is-outline-light". */
.button.is-light,
.wp-block-kadence-advancedbtn .kb-button.is-light {
	background: var(--ba-creme);
	border-color: var(--ba-creme);
	color: var(--ba-denim-dark);
}
.button.is-light:hover,
.wp-block-kadence-advancedbtn .kb-button.is-light:hover,
.wp-block-kadence-advancedbtn .kb-button.is-light:focus-visible {
	background: var(--ba-blanc);
	border-color: var(--ba-blanc);
	color: var(--ba-denim-dark);
}
.button.is-outline-light,
.wp-block-kadence-advancedbtn .kb-button.is-outline-light {
	background: transparent;
	border-color: var(--ba-creme);
	color: var(--ba-creme);
}
.button.is-outline-light:hover,
.wp-block-kadence-advancedbtn .kb-button.is-outline-light:hover,
.wp-block-kadence-advancedbtn .kb-button.is-outline-light:focus-visible {
	background: var(--ba-creme);
	border-color: var(--ba-creme);
	color: var(--ba-encre);
}
:where(.is-light, .is-outline-light):focus-visible {
	outline-color: var(--ba-creme);
}

/* Highlight — promo, new, "fait main". Usage: class "is-highlight". */
.button.is-highlight,
.wp-block-button.is-highlight .wp-block-button__link {
	background: var(--ba-brique);
	color: var(--ba-blanc);
}
.button.is-highlight:hover,
.wp-block-button.is-highlight .wp-block-button__link:hover {
	background: var(--ba-brique-dark);
}