/* Native WordPress components mapped to the shared GES design tokens. */

/*
 * Hello Elementor's reset assigns #c36 to every native button hover/focus.
 * Neutralize that legacy accent only inside the owned GES calendar component;
 * the component stylesheet defines the concrete token-based states per control.
 */
.ges-calendar-archive :where(button, [type="button"]),
.ges-calendar-archive :where(button, [type="button"]):hover,
.ges-calendar-archive :where(button, [type="button"]):focus {
	border-color: inherit;
	background-color: transparent;
	color: inherit;
	text-decoration: none;
	transform: none;
}

:where(.ges-main-content, .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-buttons {
	gap: 16px;
	margin-block: var(--ges-flow-space, var(--spacing-flow, 24px));
}

:where(.ges-main-content, .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-button__link.wp-element-button {
	display: inline-flex;
	min-height: 0;
	align-items: center;
	justify-content: center;
	padding: 14px 24px;
	border: 0;
	border-radius: var(--radius-small, var(--ges-radius-sm, 12px));
	background-color: var(--orange, var(--ges-orange, #e8622c));
	color: var(--white, var(--ges-white, #fff));
	font-family: var(--font-inter, Inter, Arial, sans-serif);
	font-size: var(--font-size-body, 16px);
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	transition: color 180ms ease, background-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

/*
 * The standard-page content styles links with a more specific selector.
 * Keep native button links on the shared button typography and colour roles.
 */
.elementor-widget-theme-post-content .wp-block-button__link.wp-element-button,
.editor-styles-wrapper .wp-block-button__link.wp-element-button {
	color: var(--white, var(--ges-white, #fff));
	font-family: var(--font-inter, Inter, Arial, sans-serif);
	font-size: var(--font-size-body, 16px);
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
}

:where(.ges-main-content, .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-button__link.wp-element-button:visited {
	color: var(--white, var(--ges-white, #fff));
}

:where(.ges-main-content, .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-button__link.wp-element-button:hover,
:where(.ges-main-content, .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-button__link.wp-element-button:focus-visible {
	background-color: var(--orange-deep, var(--ges-orange-deep, #cb4a16));
	box-shadow: var(--ges-button-shadow-hover, 0 8px 18px rgb(20 25 26 / 14%));
	color: var(--white, var(--ges-white, #fff));
	transform: translateY(var(--ges-button-lift, -2px));
}

:where(.ges-main-content, .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-button__link.wp-element-button:focus-visible {
	outline: 3px solid var(--teal-feature, var(--ges-teal-feature, #2f6570));
	outline-offset: 3px;
}

:where(.ges-main-content, .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-button__link.wp-element-button:active {
	box-shadow: var(--ges-button-shadow-active, 0 3px 8px rgb(20 25 26 / 10%));
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	:where(.ges-main-content, .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-button__link.wp-element-button {
		transition: none;
	}

	:where(.ges-main-content, .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-button__link.wp-element-button:hover,
	:where(.ges-main-content, .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-button__link.wp-element-button:focus-visible,
	:where(.ges-main-content, .elementor-widget-theme-post-content, .editor-styles-wrapper) .wp-block-button__link.wp-element-button:active {
		transform: none;
	}
}