/*!
 * GEC buttons — the two things Astra's global button setting cannot reach.
 *
 * Everything else about site-wide buttons is set in the Customizer under
 * Appearance → Customize → Global → Buttons, which is where it belongs and
 * where the client can change it. This file exists only because two cases sit
 * outside Astra's reach:
 *
 *   1. Elementor paints its own buttons from its own global "Accent"
 *      typography and its own size classes, so Astra's button font and padding
 *      never arrive. Changing Elementor's Accent typography instead would move
 *      far more than buttons.
 *   2. The footer subscribe control is a Mailchimp embed — a bare
 *      <input type="submit" class="button">, which is neither an Astra button
 *      nor an Elementor one, so nothing was styling it at all.
 *
 * Colour is NOT set here. It is printed as inline custom properties by
 * GEC_Plugin::button_tokens() straight from astra-settings, so the Customizer
 * stays the single source of truth and this file cannot drift from it.
 *
 * Selectors carry one element (a./button./input.) to reach (0,2,1) and beat
 * Elementor's own (0,2,0) rules regardless of stylesheet order.
 */

/* --- Elementor buttons: font and padding ---------------------------------- */
.elementor-widget-button a.elementor-button,
.elementor-widget-button button.elementor-button,
.elementor-form button.elementor-button {
	font-family: 'Montserrat', sans-serif;
	padding: 16px 32px;
}

@media (max-width: 700px) {
	.elementor-widget-button a.elementor-button,
	.elementor-widget-button button.elementor-button,
	.elementor-form button.elementor-button {
		padding: 15px 24px;
	}
}

/* --- the Mailchimp subscribe button ---------------------------------------
   Targeted by id rather than by .button, which is far too generic to put a
   brand colour on.
   #mc_embed_signup #mc-embedded-subscribe is (2,1,0). Mailchimp's own embed
   stylesheet styles it at (1,1,0) and loads after ours, so the single-id
   version tied and lost — the button stayed #111 on a black footer, which is
   near enough invisible. Two ids beats it whatever the load order. */
#mc_embed_signup #mc-embedded-subscribe.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--gec-btn-bg, #287a6b);
	color: var(--gec-btn-fg, #ffffff);
	border: 0;
	border-radius: 50px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: .02em;
	line-height: 1.2;
	padding: 16px 32px;
	height: auto;
	width: auto;
	cursor: pointer;
	transition: background .18s ease;
}

#mc_embed_signup #mc-embedded-subscribe.button:hover,
#mc_embed_signup #mc-embedded-subscribe.button:focus-visible {
	background: var(--gec-btn-bg-hover, #4082a5);
	color: var(--gec-btn-fg-hover, #ffffff);
}

#mc_embed_signup #mc-embedded-subscribe.button:focus-visible {
	outline: 2px solid var(--gec-btn-bg, #287a6b);
	outline-offset: 2px;
}