/* ============================================================================
   Syntax custom Elementor button types
   Registered via inc/elementor/button-styles.php
   ============================================================================ */

/* ── Syntax Outline ─────────────────────────────────────────────────────────── */
/*    Gradient border (navy→blue), white fill, navy text.                       */
/*    Hover: solid light-blue fill, white text.                                 */

.elementor-widget-button.elementor-button-syn-outline .elementor-button,
.cbmg-fws .elementor-widget-button.elementor-button-syn-outline .elementor-button,
.elementor-button.elementor-button-syn-outline {
	--g1: var(--color-primary-main, #0632a0);
	--g2: var(--color-primary-600, #4aa3ff);
	border: 2px solid transparent !important;
	border-radius: 6px !important;
	background:
		linear-gradient(#fff, #fff) padding-box,
		linear-gradient(135deg, var(--g1), var(--g2)) border-box !important;
	background-clip: padding-box, border-box !important;
	color: var(--color-primary-main, #0632a0) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-size: 16px !important;
	padding: 10px 28px !important;
	transition: background 0.2s ease, color 0.2s ease;
}

.elementor-widget-button.elementor-button-syn-outline .elementor-button:hover,
.elementor-widget-button.elementor-button-syn-outline .elementor-button:focus,
.cbmg-fws .elementor-widget-button.elementor-button-syn-outline .elementor-button:hover,
.cbmg-fws .elementor-widget-button.elementor-button-syn-outline .elementor-button:focus,
.elementor-button.elementor-button-syn-outline:hover,
.elementor-button.elementor-button-syn-outline:focus {
	background: var(--color-primary-light, #1eb4e6) !important;
	background-clip: unset !important;
	border-color: var(--color-primary-light, #1eb4e6) !important;
	color: #fff !important;
}


/* ── Syntax Solid ───────────────────────────────────────────────────────────── */
/*    Gradient fill (navy→blue), white text.                                    */
/*    Hover: solid light-blue fill, white text.                                 */

.elementor-widget-button.elementor-button-syn-solid .elementor-button,
.cbmg-fws .elementor-widget-button.elementor-button-syn-solid .elementor-button,
.elementor-button.elementor-button-syn-solid {
	--g1: var(--color-primary-main, #0632a0);
	--g2: var(--color-primary-600, #4aa3ff);
	border: 2px solid transparent !important;
	border-radius: 6px !important;
	background: linear-gradient(135deg, var(--g1), var(--g2)) !important;
	color: #fff !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-size: 16px !important;
	padding: 10px 28px !important;
	transition: background 0.2s ease, color 0.2s ease;
}

.elementor-widget-button.elementor-button-syn-solid .elementor-button:hover,
.elementor-widget-button.elementor-button-syn-solid .elementor-button:focus,
.cbmg-fws .elementor-widget-button.elementor-button-syn-solid .elementor-button:hover,
.cbmg-fws .elementor-widget-button.elementor-button-syn-solid .elementor-button:focus,
.elementor-button.elementor-button-syn-solid:hover,
.elementor-button.elementor-button-syn-solid:focus {
	background: var(--color-primary-light, #1eb4e6) !important;
	color: #fff !important;
}

/* Suppress theme's ul > li::before icon bullet inside Elementor nav-menu widgets. */
.elementor-widget-nav-menu ul > li::before {
	content: none !important;
}