/**
 * Hubsleek Button Styles
 * - Primary Button: reversed bg (#0A4F44 default, #0E6B5C hover)
 * - Secondary Button: play icon before text, 56px min-height, border 1px #E4E1D8, no hover effect
 */

/* ==========================================================================
   1. Primary (Base) Button Default & Hover Background Colors
   - Default: #0A4F44 (palette2)
   - Hover: #0E6B5C (palette1)
   ========================================================================== */

:root {
	--global-palette-btn-bg: var(--global-palette2, #0A4F44);
	--global-palette-btn-bg-hover: var(--global-palette1, #0E6B5C);
}

.button:not(.button-style-secondary):not(.button-style-outline):not(.is-style-outline):not(.kb-btn_price_toggle_monthly):not(.kb-btn_price_toggle_yearly):not(.kb-btn_p_m_s_btn):not(.kb-btn_p_y_s_btn),
.wp-block-kadence-singlebtn.kb-btn-global-inherit:not(.button-style-secondary):not(.button-style-outline):not(.is-style-outline):not(.kb-btn_price_toggle_monthly):not(.kb-btn_price_toggle_yearly):not(.kb-btn_p_m_s_btn):not(.kb-btn_p_y_s_btn),
.kadence-btn:not(.button-style-secondary):not(.button-style-outline):not(.is-style-outline):not(.kb-btn_p_m_s_btn):not(.kb-btn_p_y_s_btn),
.header-button .kadence-btn {
	background-color: var(--global-palette2, #0A4F44) !important;
	color: #FFFFFF !important;
	transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

.button:not(.button-style-secondary):not(.button-style-outline):not(.is-style-outline):not(.kb-btn_price_toggle_monthly):not(.kb-btn_price_toggle_yearly):not(.kb-btn_p_m_s_btn):not(.kb-btn_p_y_s_btn):hover,
.button:not(.button-style-secondary):not(.button-style-outline):not(.is-style-outline):not(.kb-btn_price_toggle_monthly):not(.kb-btn_price_toggle_yearly):not(.kb-btn_p_m_s_btn):not(.kb-btn_p_y_s_btn):focus,
.wp-block-kadence-singlebtn.kb-btn-global-inherit:not(.button-style-secondary):not(.button-style-outline):not(.is-style-outline):not(.kb-btn_price_toggle_monthly):not(.kb-btn_price_toggle_yearly):not(.kb-btn_p_m_s_btn):not(.kb-btn_p_y_s_btn):hover,
.wp-block-kadence-singlebtn.kb-btn-global-inherit:not(.button-style-secondary):not(.button-style-outline):not(.is-style-outline):not(.kb-btn_price_toggle_monthly):not(.kb-btn_price_toggle_yearly):not(.kb-btn_p_m_s_btn):not(.kb-btn_p_y_s_btn):focus,
.kadence-btn:not(.button-style-secondary):not(.button-style-outline):not(.is-style-outline):not(.kb-btn_p_m_s_btn):not(.kb-btn_p_y_s_btn):hover,
.kadence-btn:not(.button-style-secondary):not(.button-style-outline):not(.is-style-outline):not(.kb-btn_p_m_s_btn):not(.kb-btn_p_y_s_btn):focus,
.header-button .kadence-btn:hover,
.header-button .kadence-btn:focus {
	background-color: var(--global-palette1, #0E6B5C) !important;
	color: #FFFFFF !important;
}

/* Pricing Table First (Starter) Button: Transparent Background */
.kadence-column_p_card_col_1 .wp-block-kadence-advancedbtn a,
.kadence-column_p_card_col_1 .wp-block-kadence-advancedbtn .kb-button,
.kb-btn_p_m_s_btn,
.kb-btn_p_y_s_btn {
	background: transparent !important;
	background-color: transparent !important;
	color: #0E6B5C !important;
	border: 1.5px solid #0E6B5C !important;
}

.kadence-column_p_card_col_1 .wp-block-kadence-advancedbtn a:hover,
.kadence-column_p_card_col_1 .wp-block-kadence-advancedbtn .kb-button:hover,
.kb-btn_p_m_s_btn:hover,
.kb-btn_p_y_s_btn:hover {
	background: #0E6B5C !important;
	background-color: #0E6B5C !important;
	color: #FFFFFF !important;
	border-color: #0E6B5C !important;
}

/* ==========================================================================
   2. Secondary Button Design
   - Large size: min-height 56px, padding 16px 28px
   - Border: 1px #E4E1D8
   - Typography: Inter Medium (500) 16px / line-height 24px
   - Color: #0E6B5C, Background: #FFFFFF
   - Play icon before text
   - No hover effect (state stays unchanged)
   ========================================================================== */

.button-style-secondary,
.kb-button.button-style-secondary,
.wp-block-kadence-singlebtn.button-style-secondary,
.kadence-btn.button-style-secondary,
.button.button-style-secondary,
a.button-style-secondary,
button.button-style-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 12px 24px !important;
	border: 1px solid #E4E1D8 !important;
	border-radius: 10px !important;
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	color: #0E6B5C !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: none !important;
	cursor: pointer;
}

/* No hover effect */
.button-style-secondary:hover,
.button-style-secondary:focus,
.button-style-secondary:active,
.kb-button.button-style-secondary:hover,
.kb-button.button-style-secondary:focus,
.kb-button.button-style-secondary:active,
.wp-block-kadence-singlebtn.button-style-secondary:hover,
.wp-block-kadence-singlebtn.button-style-secondary:focus,
.wp-block-kadence-singlebtn.button-style-secondary:active,
.kadence-btn.button-style-secondary:hover,
.kadence-btn.button-style-secondary:focus,
.kadence-btn.button-style-secondary:active,
.button.button-style-secondary:hover,
.button.button-style-secondary:focus,
.button.button-style-secondary:active,
a.button-style-secondary:hover,
a.button-style-secondary:focus,
a.button-style-secondary:active,
button.button-style-secondary:hover,
button.button-style-secondary:focus,
button.button-style-secondary:active {
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	color: #0E6B5C !important;
	border-color: #E4E1D8 !important;
	box-shadow: none !important;
	transform: none !important;
}

/* Secondary Button Text & Play Icon */
.button-style-secondary .kt-btn-inner-text,
.kb-button.button-style-secondary .kt-btn-inner-text,
.wp-block-kadence-singlebtn.button-style-secondary .kt-btn-inner-text {
	display: inline-flex !important;
	align-items: center !important;
	color: #0E6B5C !important;
}

/* Play icon before text */
.button-style-secondary .kt-btn-inner-text::before,
.kb-button.button-style-secondary .kt-btn-inner-text::before,
.wp-block-kadence-singlebtn.button-style-secondary .kt-btn-inner-text::before,
.button-style-secondary::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10ZM13.4532 9.32706L8.73261 6.29239C8.33112 6.03429 8.13038 5.90525 7.96438 5.9171C7.81971 5.92744 7.68666 6.00007 7.59974 6.11618C7.5 6.2494 7.5 6.48805 7.5 6.96533V13.0347C7.5 13.512 7.5 13.7506 7.59974 13.8838C7.68666 13.9999 7.81971 14.0726 7.96438 14.0829C8.13038 14.0948 8.33113 13.9657 8.73261 13.7076L13.4532 10.6729C13.8016 10.449 13.9758 10.337 14.0359 10.1946C14.0885 10.0702 14.0885 9.9298 14.0359 9.80539C13.9758 9.663 13.8016 9.55102 13.4532 9.32706Z' fill-rule='evenodd' clip-rule='evenodd' fill='%230E6B5C'/%3E%3C/svg%3E");
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 10px;
	flex-shrink: 0;
}

/* Ensure no double play icon if both button and inner-text match */
.button-style-secondary:has(.kt-btn-inner-text)::before {
	display: none !important;
}

/* Ensure secondary button has NO arrow after */
.button-style-secondary .kt-btn-inner-text::after,
.kb-button.button-style-secondary .kt-btn-inner-text::after,
.wp-block-kadence-singlebtn.button-style-secondary .kt-btn-inner-text::after {
	content: none !important;
	display: none !important;
}

/* ==========================================================================
   3. CTA Section Secondary Button (Without Play Icon)
   ========================================================================== */
.hubsleek-cta-band .button-style-secondary::before,
.hubsleek-cta-band .button-style-secondary .kt-btn-inner-text::before,
.hubsleek-cta-band .kb-button.button-style-secondary .kt-btn-inner-text::before,
.hubsleek-cta-band .wp-block-kadence-singlebtn.button-style-secondary .kt-btn-inner-text::before,
.hubsleek-cta-band .button-style-secondary-cta::before,
.hubsleek-cta-band .button-style-secondary-cta .kt-btn-inner-text::before {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin-right: 0 !important;
}

/* Fallback styling for any link in CTA band button column */
.hubsleek-cta-band .inner-column-1 p.wp-block-kadence-advancedheading {
	margin: 0 !important;
}

.hubsleek-cta-band .kt-adv-heading-link_hero_link_action {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 12px 24px !important;
	border: 1px solid #E4E1D8 !important;
	border-radius: 10px !important;
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	color: #0E6B5C !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: none !important;
	cursor: pointer;
}

.hubsleek-cta-band .kt-adv-heading-link_hero_link_action:hover,
.hubsleek-cta-band .kt-adv-heading-link_hero_link_action:focus {
	background: #FFFFFF !important;
	background-color: #FFFFFF !important;
	color: #0E6B5C !important;
	border-color: #E4E1D8 !important;
	box-shadow: none !important;
}

.hubsleek-cta-band .kt-adv-heading-link_hero_link_action::before {
	content: none !important;
	display: none !important;
}

/* ==========================================================================
   Global Body Text Color System
   - Primary Body Text: #12181B (palette3) for lists (ul li), icon lists, pills
   - Secondary Body Text: #565F64 (palette4) for descriptions below headings, header & footer text
   - Headings: #12181B (palette3) untouched
   ========================================================================== */

/* 1. Lists & Icon Lists use Primary Text Color (#12181B) */
.entry-content ul:not(.wp-block-navigation__container):not(.sub-menu) li,
.entry-content ol:not(.wp-block-navigation__container):not(.sub-menu) li,
.kt-svg-icon-list-items,
.kt-svg-icon-list-text,
.kt-svg-icon-list-single,
.kt-svg-icon-list-item-wrap,
ul.kt-svg-icon-list li {
	color: var(--global-palette3, #12181B);
}

/* 2. Badges & Pills use Primary Text Color (#12181B) */
.hero-badge,
.plan-pill,
.compare-plan-pill:not(.compare-plan-pill-growth):not(.compare-plan-pill-enterprise),
[class*="hero_badge"],
[class*="pill-text"] {
	color: var(--global-palette3, #12181B);
}

/* 3. Header & Footer text use Secondary Body Text (#565F64) */
.site-footer,
.site-footer p,
.site-footer .footer-widget-area,
.site-footer .footer-widget-area p,
.site-footer .widget_nav_menu ul li a,
.site-footer .site-footer-wrap a:not(.custom-logo-link) {
	color: var(--global-palette4, #565F64) !important;
}

/* Keep Footer widget titles as Headings (#12181B) */
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer .widget-title,
.site-footer .footer-widget-title {
	color: var(--global-palette3, #12181B) !important;
}