/*
 * Hotel Atlanta - corrections on top of Calluna.
 *
 * Scope is deliberately narrow. The theme uses the gold #967A50 as its global
 * accent in 186 rules, and that colour is only a problem where it meets the dark
 * navy: on white it measures 4.04:1, and lightening it would drop that to 3.29:1.
 * So the gold is corrected only on navy backgrounds, never globally.
 */

/* ------------------------------------------------------------------
 * 1. Rooms grid on wide screens
 *
 * The rooms block is built from hand-written .RoomLeft / .RoomRight blocks,
 * each a fixed 600px, floated to opposite edges. The theme's container is
 * fluid, so past ~1450px of viewport the leftover width turns into a hole
 * between the two columns - 400px at 1920, ~1000px at 2560. Capping the
 * wrapper at the 1200px the block was designed for turns that hole back into
 * symmetric outer margin.
 * ------------------------------------------------------------------ */
.front-page-content .wpb_wrapper:has(> .RoomLeft),
.front-page-content .wpb_wrapper:has(> .RoomRight) {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* ------------------------------------------------------------------
 * 2. Gold on navy: 3.72:1 -> 4.57:1 (WCAG AA needs 4.5:1 for this size)
 *
 * Affects the current menu item in the desktop bar and every link in the
 * mobile drawer, which is gold on navy throughout.
 * ------------------------------------------------------------------ */
.navigation ul li.current-menu-item > a,
.navigation ul li.current_page_item > a,
.navigation ul li.current-menu-ancestor > a,
.navigation ul li.menu-item-home.current-menu-item > a,
.mobile-nav .mobile-menu ul li a,
.mobile-menu ul li.current-menu-item > a,
.mobile-menu ul li.current_page_item > a,
.mobile-nav .mobile-menu ul li a:hover,
.mobile-nav .mobile-menu ul li a:focus,
.mobile-nav .close-mobile-nav,
.mobile-nav .close-mobile-nav:hover,
.mobile-nav .close-mobile-nav:focus {
	color: #A38A65;
}

/* ------------------------------------------------------------------
 * 3. White text on gold buttons: 4.04:1 -> 4.58:1
 * ------------------------------------------------------------------ */
/* The theme paints this button through .event2-carousel .event-image-button,
 * so the override has to match that specificity to win. */
.event2-carousel .event-image-button,
.event-image-button,
.calluna-button.style-2,
.calluna-pricing.featured .calluna-pricing-header h4 {
	background-color: #8C714A;
}

/* ------------------------------------------------------------------
 * 4. Mobile menu tap targets
 *
 * Rows were 36px tall; 44px is the usual minimum for a comfortable target.
 * ------------------------------------------------------------------ */
@media (max-width: 1024px) {
	.mobile-nav .mobile-menu ul li a {
		display: flex;
		align-items: center;
		min-height: 44px;
	}
}

/* ------------------------------------------------------------------
 * 5. The active menu item
 *
 * The header is transparent over the slider, so the menu sits on photographs
 * ranging from a dusk skyline to a bright autumn park. Marking the active item
 * by colour alone fails there: gold is always paler than the white of its
 * neighbours, so the active item reads as dimmed rather than highlighted.
 *
 * The theme already draws a rule under the current item (.nav-menu a::after);
 * it is thin and the same gold. So the item keeps the white of its neighbours
 * and the existing rule is made thicker and lighter - a shape holds up over any
 * photograph, a hue does not.
 *
 * Specificity is raised with .site-header because the theme sets the gold from
 * an inline <style> block that the customiser prints after this file.
 *
 * WordPress also marks any custom link whose URL matches the current request as
 * current, and "Zimmer" points at /#RoomsHeader - an anchor on the home page -
 * so it too was lit up. Custom links get no marker.
 * ------------------------------------------------------------------ */
.site-header .nav-menu ul li > a {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

.site-header .nav-menu ul li.current-menu-item > a,
.site-header .nav-menu ul li.current_page_item > a,
.site-header .nav-menu ul li.current-menu-ancestor > a {
	color: #FFFFFF;
}

.site-header .nav-menu ul li.current-menu-item:not(.menu-item-type-custom) > a::after,
.site-header .nav-menu ul li.current_page_item:not(.menu-item-type-custom) > a::after {
	background-color: #E3B778;
	height: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

.site-header .nav-menu ul li.menu-item-type-custom > a::after {
	background-color: transparent;
}

/* The drawer has a solid navy background, so colour alone is enough there. */
.mobile-menu ul li.menu-item-type-custom.current-menu-item > a,
.mobile-menu ul li.menu-item-type-custom.current_page_item > a {
	color: #A38A65;
}