.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.9rem 1.7rem;
	border-radius: var(--radius-sm);
	font-weight: 700;
	font-family: var(--font-heading);
	font-size: 0.95rem;
	letter-spacing: -0.005em;
	transition: background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-base), box-shadow var(--transition-base);
	border: 2px solid transparent;
}

.btn:hover {
	transform: translateY(-2px);
}

.btn--primary {
	background: var(--color-orange);
	color: var(--color-white);
	box-shadow: var(--shadow-orange);
}

.btn--primary:hover {
	background: var(--color-orange-dark);
	color: var(--color-white);
	box-shadow: 0 14px 28px rgba(199, 123, 46, 0.35);
}

.btn--outline {
	background: transparent;
	border-color: var(--color-charcoal);
	color: var(--color-charcoal);
}

.btn--outline:hover {
	background: var(--color-charcoal);
	color: var(--color-white);
}

.btn--on-dark {
	background: var(--color-orange);
	color: var(--color-white);
}

.btn--on-dark:hover {
	background: var(--color-white);
	color: var(--color-charcoal);
}

.btn--ghost-on-dark {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.4);
	color: var(--color-white);
}

.btn--ghost-on-dark:hover {
	border-color: var(--color-white);
	background: rgba(255, 255, 255, 0.08);
}

.btn--full {
	width: 100%;
}

.btn--quote {
	background: var(--color-charcoal);
	color: var(--color-white);
}

.btn--quote:hover {
	background: var(--color-orange);
}

/*
 * Boutons WooCommerce natifs (ajouter au panier, mettre a jour...).
 * Le coeur de WooCommerce cible ".woocommerce a.button" / "button.button"
 * avec une specificite plus elevee que ".button" seul : on reprend le
 * meme gabarit de selecteur pour etre certain de gagner sur sa propre
 * feuille de style, sans recourir a !important.
 */
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.wp-block-button__link,
a.added_to_cart {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.85rem 1.6rem;
	border-radius: var(--radius-sm);
	font-weight: 700;
	font-family: var(--font-heading);
	background: var(--color-orange);
	color: var(--color-white);
	border: none;
	box-shadow: var(--shadow-orange);
	transition: background-color var(--transition-fast), transform var(--transition-base), box-shadow var(--transition-base);
}

.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
a.added_to_cart:hover {
	background: var(--color-orange-dark);
	color: var(--color-white);
	transform: translateY(-2px);
	box-shadow: 0 14px 28px rgba(199, 123, 46, 0.35);
}

.product-card__footer .button {
	width: 100%;
	padding: 0.65rem 1rem;
	font-size: 0.9rem;
}