/* Sticky bottom consultation banner */
body {
	padding-bottom: 64px;
}

#bkhc-sticky-banner {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	direction: rtl;
	background: linear-gradient(135deg, var(--wp--preset--color--primary, #1dba9e) 0%, var(--wp--preset--color--hover, #297466) 100%);
	box-shadow: 0 -8px 28px rgba(29, 186, 158, 0.28);
}

#bkhc-sticky-banner a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	min-height: 64px;
	padding: 14px 24px;
	box-sizing: border-box;
	color: var(--wp--preset--color--pure-white, #fff);
	font-family: var(--wp--preset--font-family--heading, inherit);
	font-size: 18px;
	font-weight: 800;
	line-height: 1.35;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

#bkhc-sticky-banner a:hover,
#bkhc-sticky-banner a:focus-visible {
	background-color: rgba(255, 255, 255, 0.12);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
	outline: none;
}

#bkhc-sticky-banner .bkhc-banner-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.18);
}

#bkhc-sticky-banner .bkhc-banner-main {
	display: inline-flex;
	align-items: center;
	min-width: 0;
}

@media (max-width: 600px) {
	body {
		padding-bottom: 56px;
	}

	#bkhc-sticky-banner a {
		min-height: 56px;
		padding: 12px 18px;
		font-size: 16px;
	}

	#bkhc-sticky-banner .bkhc-banner-icon {
		width: 30px;
		height: 30px;
	}
}
