/* ============================================================
 * DOS Core — Book Now nav CTA
 *
 * To activate: add the CSS class "book-now-cta" to the Book Now
 * menu item under Appearance → Menus. Enable "CSS Classes" via
 * Screen Options at the top right if the field isn't visible.
 *
 * Colours below are placeholders — confirm brand greens with
 * Sasha and update before launch.
 * ============================================================ */

.menu-item.book-now-cta > a,
li.book-now-cta > a {
	background-color: #0b6e4f;
	color: #ffffff !important;
	padding: 0.55em 1.2em !important;
	border-radius: 999px;
	font-weight: 600;
	letter-spacing: 0.01em;
	transition: background-color 0.18s ease, transform 0.18s ease;
	display: inline-block;
}

.menu-item.book-now-cta > a:hover,
.menu-item.book-now-cta > a:focus,
li.book-now-cta > a:hover,
li.book-now-cta > a:focus {
	background-color: #084f37;
	color: #ffffff !important;
	transform: translateY(-1px);
}

/* On smaller screens, drop the pill back to a plain link so it
 * doesn't blow out the mobile nav. Mobile menus typically
 * collapse vertically and the pill creates awkward gaps.
 */
@media (max-width: 768px) {
	.menu-item.book-now-cta > a,
	li.book-now-cta > a {
		background-color: transparent;
		color: inherit !important;
		padding: 0 !important;
		border-radius: 0;
	}
}