/*
 * GreenAir theme: one modern finish for every button, loaded last. It only adds a layer over each button's own
 * colour (a light sheen at the top, a thin light rim, a soft shadow).
 * Colours stay where the components set them, hover colours too (background-image is kept on hover).
 */

/* ---------- filled buttons: core buttons, the form's submit, coloured pills ---------- */
.wp-block-button:not(.is-style-ghost-light):not(.is-style-outline) > .wp-block-button__link,
.wpforms-container button.wpforms-submit,
.ga-panel-cta,
.ga-inst-quote,
.ga-hiw-link:not(.ga-hiw-link--wa),
.ga-ql-wa,
.ga-nav-quote,
.ga-ql-toast-open,
.ga-qp-wa a,
.ga-quote-main .ga-quote-btn-main:not(.is-added),
.ga-card-actions .ga-quote-btn.is-added {
	background-image: linear-gradient(180deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.04) 55%, rgba(0,0,0,.07) 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 -1px 0 rgba(0,0,0,.14), 0 6px 16px rgba(6,24,14,.18) !important;
}

/* ---------- light and outlined buttons on light backgrounds ---------- */
.ga-rv-all a,
.ga-lb-open,
.ga-hiw-link--wa,
.ga-ql-form,
.ga-nav-wa,
.ga-ql-browse,
.ga-card-actions .ga-quote-btn:not(.is-added),
.ga-quote-main .ga-quote-btn-main.is-added,
.ga-ql-open,
.wp-block-navigation__responsive-container-open,
.is-menu-open .wp-block-navigation__responsive-container-close,
.ga-ql-x {
	background-image: linear-gradient(180deg, rgba(255,255,255,.8) 0%, rgba(255,255,255,0) 60%), linear-gradient(0deg, rgba(18,38,26,.05) 0%, rgba(18,38,26,0) 50%) !important;
	box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(18,38,26,.07), 0 2px 8px rgba(18,38,26,.08) !important;
}
/* round arrows keep their own stronger shadow, they float over photos and cards */
.ga-ticker-btn,
.ga-cs-nav button {
	background-image: linear-gradient(180deg, rgba(255,255,255,.8) 0%, rgba(255,255,255,0) 60%), linear-gradient(0deg, rgba(18,38,26,.05) 0%, rgba(18,38,26,0) 50%) !important;
}

/* ---------- glass buttons on dark photos (hero, Recent installations, the photo-hero header before scrolling) ---------- */
.wp-block-button.is-style-ghost-light > .wp-block-button__link,
.ga-inst-head .ga-lb-open,
.ga-photo-hero:not(.ga-scrolled) .ga-header .ga-ql-open,
.ga-photo-hero:not(.ga-scrolled) .ga-header .wp-block-navigation__responsive-container-open {
	background-image: linear-gradient(180deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,.04) 60%, rgba(255,255,255,0) 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 0 0 1px rgba(255,255,255,.08), 0 6px 18px rgba(0,0,0,.18) !important;
}