/**
 * Sattvik Zenoti Booking – button styles.
 * Brand colours from the Sattvik site: navy #2c396b, maroon #8e1c35, cream #fff9f5, accent gold #c9a45c.
 */
:root {
	--szb-navy: #2c396b;
	--szb-maroon: #8e1c35;
	--szb-cream: #fff9f5;
	--szb-gold: #c9a45c;
}

/* Base pill button */
.szb-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	padding: 0.85em 1.6em;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-decoration: none !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.25s ease, color 0.25s ease;
}

/* Book Now on Zenoti – maroon with gold edge; navy on hover */
.szb-btn--zenoti {
	background: linear-gradient(135deg, var(--szb-maroon) 0%, #a8304b 100%);
	border-color: rgba(201, 164, 92, 0.6);
	box-shadow: 0 6px 18px rgba(142, 28, 53, 0.25);
	color: #fff !important;
}
.szb-btn--zenoti:hover,
.szb-btn--zenoti:focus {
	background: linear-gradient(135deg, var(--szb-navy) 0%, #3d4d8a 100%);
	box-shadow: 0 10px 24px rgba(44, 57, 107, 0.3);
	color: #fff !important;
	transform: translateY(-2px);
}
.szb-btn img.szb-btn__mark,
.woocommerce ul.products li.product .szb-btn img.szb-btn__mark {
	display: inline-block !important;
	position: static !important;
	flex: 0 0 22px !important;
	width: 22px !important;
	max-width: 22px !important;
	height: 22px !important;
	margin: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	transform: none !important;
	filter: none !important;
	padding: 2px;
	box-sizing: border-box;
	border-radius: 50%;
	background: var(--szb-cream);
	object-fit: contain;
}

/* Enquire on WhatsApp – cream outline; fills navy on hover */
.szb-btn--wa {
	background: var(--szb-cream);
	border-color: var(--szb-navy);
	box-shadow: 0 4px 14px rgba(44, 57, 107, 0.12);
	color: var(--szb-navy) !important;
}
.szb-btn--wa:hover,
.szb-btn--wa:focus {
	background: var(--szb-navy);
	box-shadow: 0 10px 24px rgba(44, 57, 107, 0.25);
	color: #fff !important;
	transform: translateY(-2px);
}
.szb-btn__wa {
	width: 18px;
	height: 18px;
	background: #25d366;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm4.5 12.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.2-.4.2-.4.7-1.2.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.9 11.9 0 0 0 4.6 4c1.7.7 2.4.8 3.2.7.5-.1 1.5-.6 1.8-1.2s.2-1.1.1-1.2z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm4.5 12.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.2-.4.2-.4.7-1.2.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.9 11.9 0 0 0 4.6 4c1.7.7 2.4.8 3.2.7.5-.1 1.5-.6 1.8-1.2s.2-1.1.1-1.2z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.szb-btn--wa:hover .szb-btn__wa {
	background: #fff;
}

/* Sizes / placement */
.szb-btn--loop {
	margin-top: 0.5em;
	padding: 0.7em 1.2em;
	font-size: 13px;
}
.szb-cta {
	margin: 1.2em 0 1.6em;
}

/* Sticky button (sits above the WhatsApp chat bubble) */
.szb-sticky {
	position: fixed;
	right: 20px;
	bottom: 96px;
	z-index: 9998;
	display: inline-flex;
	align-items: center;
	gap: 0.55em;
	padding: 0.7em 1.25em 0.7em 0.7em;
	border: 1px solid rgba(201, 164, 92, 0.7);
	border-radius: 999px;
	background: linear-gradient(135deg, var(--szb-maroon), #a8304b);
	box-shadow: 0 8px 24px rgba(142, 28, 53, 0.35);
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-decoration: none !important;
	transition: transform 0.2s ease, background 0.25s ease;
}
.szb-sticky img {
	width: 26px !important;
	max-width: 26px !important;
	height: 26px !important;
	margin: 0 !important;
	padding: 2px;
	box-sizing: border-box;
	border-radius: 50%;
	background: var(--szb-cream);
}
.szb-sticky:hover,
.szb-sticky:focus {
	background: linear-gradient(135deg, var(--szb-navy), #3d4d8a);
	transform: translateY(-2px);
}

/* Cart is not used: hide quantity boxes and mini-cart remnants */
.woocommerce .quantity,
.woocommerce a.added_to_cart,
.widget_shopping_cart,
.woocommerce-mini-cart {
	display: none !important;
}

@media (max-width: 640px) {
	.szb-sticky {
		right: 12px;
		bottom: 84px;
		font-size: 13px;
	}
	.szb-btn--single {
		justify-content: center;
		width: 100%;
	}
}

/* Hide sale badges and struck-out prices left by the theme */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce .price del {
	display: none !important;
}
