/* Priorité des propriétés !important sur les anciennes surcharges sans couche. */
@layer lcd-buttons {
/* Boutons publics : couleurs du hero, variantes explicites selon le fond.
 * Les contrôles de navigation, de quantité et de variations ne sont pas des CTA.
 * Les !important neutralisent les couleurs imposées par Barista et WooCommerce.
 */
body.lcd-header-2026 {
	--lcd-button-green: #17382f;
	--lcd-button-hover: #496b59;
	--lcd-button-cream: #f6f1e8;
	--lcd-button-radius: 6px;
}

body.lcd-header-2026 :is(
	a.button,
	button.button,
	input.button,
	button[type="submit"],
	input[type="submit"],
	.edgtf-btn:not(.edgtf-btn-simple),
	.wp-block-button__link,
	.wp-element-button,
	.lcd-home-button,
	.lcd-home-coffee-card__action,
	.lcd-home-subscription__button,
	.lcd-offer-button,
	.lcd-cafe-archive-hero__button,
	.lcd-subscription-page__action,
	.lcd-account-primary-action,
	.lcd-account-secondary-action,
	.cmplz-btn,
	.lcd-button
) {
	--lcd-button-background: var(--lcd-button-green);
	--lcd-button-text: var(--lcd-button-cream);
	--lcd-button-border: var(--lcd-button-green);
	background-color: var(--lcd-button-background) !important;
	background-image: none !important;
	color: var(--lcd-button-text) !important;
	border: 2px solid var(--lcd-button-border) !important;
	border-radius: var(--lcd-button-radius) !important;
	font-family: var(--lcd-font-interface, "LCD Figtree", sans-serif) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: .075em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	text-align: center;
	box-shadow: none !important;
	transform: none !important;
	transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease !important;
}

/* Action secondaire sur fond clair, comme « Notre façon de torréfier ». */
body.lcd-header-2026 :is(
	.lcd-home-button--secondary,
	.lcd-button-secondary,
	.lcd-account-secondary-action,
	.lcd-button--secondary,
	.edgtf-btn-outline,
	.wp-block-button.is-style-outline > .wp-block-button__link,
	button[name="apply_coupon"],
	button[name="update_cart"],
	.cmplz-deny,
	.cmplz-view-preferences
) {
	--lcd-button-background: rgba(246, 241, 232, .64);
	--lcd-button-text: var(--lcd-button-green);
	--lcd-button-border: var(--lcd-button-green);
}

/* Appels à l’action sur les panneaux foncés ou les photographies sombres. */
body.lcd-header-2026 :is(
	.lcd-home-subscription__button,
	.lcd-offer-button--light,
	.lcd-button--light,
	.lcd-buttons-on-dark .lcd-button,
	.lcd-buttons-on-dark .edgtf-btn
) {
	--lcd-button-background: var(--lcd-button-cream);
	--lcd-button-text: var(--lcd-button-green);
	--lcd-button-border: var(--lcd-button-cream);
}

body.lcd-header-2026 :is(
	a.button,
	button.button,
	input.button,
	button[type="submit"],
	input[type="submit"],
	.edgtf-btn:not(.edgtf-btn-simple),
	.wp-block-button__link,
	.wp-element-button,
	.lcd-home-button,
	.lcd-home-coffee-card__action,
	.lcd-home-subscription__button,
	.lcd-offer-button,
	.lcd-cafe-archive-hero__button,
	.lcd-subscription-page__action,
	.lcd-account-primary-action,
	.lcd-account-secondary-action,
	.cmplz-btn,
	.lcd-button
):is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]):not(.disabled) {
	background-color: var(--lcd-button-hover) !important;
	border-color: var(--lcd-button-hover) !important;
	color: var(--lcd-button-cream) !important;
}

body.lcd-header-2026 :is(
	a.button,
	button.button,
	input.button,
	button[type="submit"],
	input[type="submit"],
	.edgtf-btn:not(.edgtf-btn-simple),
	.wp-block-button__link,
	.wp-element-button,
	.lcd-home-button,
	.lcd-home-coffee-card__action,
	.lcd-home-subscription__button,
	.lcd-offer-button,
	.lcd-cafe-archive-hero__button,
	.lcd-subscription-page__action,
	.lcd-account-primary-action,
	.lcd-account-secondary-action,
	.cmplz-btn,
	.lcd-button
):focus-visible {
	outline: 2px solid var(--lcd-button-green) !important;
	outline-offset: 4px;
	box-shadow: 0 0 0 4px var(--lcd-button-cream) !important;
}

body.lcd-header-2026 :is(
	a.button,
	button.button,
	input.button,
	button[type="submit"],
	input[type="submit"],
	.edgtf-btn:not(.edgtf-btn-simple),
	.wp-block-button__link,
	.wp-element-button,
	.lcd-home-button,
	.lcd-home-coffee-card__action,
	.lcd-home-subscription__button,
	.lcd-offer-button,
	.lcd-cafe-archive-hero__button,
	.lcd-subscription-page__action,
	.lcd-account-primary-action,
	.lcd-account-secondary-action,
	.cmplz-btn,
	.lcd-button
):is(:disabled, [aria-disabled="true"], .disabled) {
	opacity: .5 !important;
	cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
	body.lcd-header-2026 :is(
	a.button,
	button.button,
	input.button,
	button[type="submit"],
	input[type="submit"],
	.edgtf-btn:not(.edgtf-btn-simple),
	.wp-block-button__link,
	.wp-element-button,
	.lcd-home-button,
	.lcd-home-coffee-card__action,
	.lcd-home-subscription__button,
	.lcd-offer-button,
	.lcd-cafe-archive-hero__button,
	.lcd-subscription-page__action,
	.lcd-account-primary-action,
	.lcd-account-secondary-action,
	.cmplz-btn,
	.lcd-button
) {
		transition: none !important;
	}
}

/* Action secondaire du hero sombre de l’offre. */
body.lcd-header-2026 .lcd-offer-hero .lcd-offer-button--dark {
	--lcd-button-background: transparent;
	--lcd-button-text: var(--lcd-button-cream);
	--lcd-button-border: var(--lcd-button-cream);
}

/* Contrôles à icône : même palette, géométrie de navigation conservée. */
body.lcd-header-2026 .lcd-home-testimonials__arrow {
	background-color: var(--lcd-button-cream) !important;
	color: var(--lcd-button-green) !important;
}
body.lcd-header-2026 .lcd-home-testimonials__arrow:is(:hover, :focus-visible):not(:disabled),
body.lcd-header-2026 #edgtf-back-to-top:is(:hover, :focus-visible),
body.lcd-header-2026 #edgtf-back-to-top:is(:hover, :focus-visible) > span {
	background-color: var(--lcd-button-hover) !important;
	color: var(--lcd-button-cream) !important;
}
body.lcd-header-2026 #edgtf-back-to-top,
body.lcd-header-2026 #edgtf-back-to-top > span {
	background-color: var(--lcd-button-green) !important;
	color: var(--lcd-button-cream) !important;
	border-radius: var(--lcd-button-radius) !important;
}

/* Exception mobile du hero : voir la tasse à travers le fond, texte opaque. */
@media (max-width: 680px) {
	body.lcd-header-2026 .lcd-home-hero .lcd-home-button--primary {
		--lcd-button-background: rgba(23, 56, 47, .72);
	}
}

/* Confirmation d’ajout : texte et action centrés, marge intérieure régulière. */
body.lcd-header-2026 .woocommerce-message:has(> a.wc-forward) {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 16px 24px !important;
	box-sizing: border-box;
	min-height: 88px !important;
	height: auto !important;
	padding: 20px 24px !important;
	line-height: 1.55 !important;
}
body.lcd-header-2026 .woocommerce-message:has(> a.wc-forward)::after {
	display: none;
}
body.lcd-header-2026 .woocommerce-message > a.wc-forward {
	display: inline-flex;
	align-items: center !important;
	justify-content: center;
	flex-shrink: 0;
	box-sizing: border-box;
	min-height: 48px;
	padding: 12px 24px !important;
	margin: 0 0 0 auto !important;
	float: none !important;
}
@media (max-width: 600px) {
	body.lcd-header-2026 .woocommerce-message:has(> a.wc-forward) {
		padding: 18px !important;
	}
	body.lcd-header-2026 .woocommerce-message > a.wc-forward {
		width: 100%;
		margin: 0 !important;
	}
}

}
