header .secondary-menu #TeecontrolToggleButton{position:static!important;bottom:auto!important;right:auto!important;display:inline-block;vertical-align:top;font-size:16px;text-transform:none;color:#333;letter-spacing:1px;line-height:40px;height:40px;margin-left:20px;padding:0 40px;background-color:#ffdd0a;border-radius:50px;border:0;box-sizing:border-box;cursor:pointer;width:auto!important;max-width:none!important}header .secondary-menu #TeecontrolToggleButton:hover,header .secondary-menu #TeecontrolToggleButton:focus{color:#fff;background-color:#1e6fb7;text-decoration:none}
/* Fallback class for programmatically created toggle (ensures consistent placement) */
.tc-header-toggle{position:static!important;bottom:auto!important;right:auto!important;display:inline-block;vertical-align:top;font-size:16px;text-transform:none;color:#333;letter-spacing:1px;line-height:40px;height:40px;margin-left:20px;padding:0 40px;background-color:#ffdd0a;border-radius:50px;border:0;box-sizing:border-box;cursor:pointer;width:auto!important;max-width:none!important}
.tc-header-toggle:hover,.tc-header-toggle:focus{color:#fff;background-color:#1e6fb7;text-decoration:none}
/* Force the widget to be positioned above the backdrop. We use high z-index
	and a positioned layout so the widget reliably appears above the overlay
	regardless of header/placeholders stacking contexts. */
#TeecontrolWidget{position:fixed !important; z-index:100200 !important}
#TeecontrolWidget.active{z-index:100201 !important}
#teecontrol-placeholder{display:inline-block;vertical-align:top}
.gb-utility-link#teecontrol-booking:hover, .gb-utility-link#teecontrol-booking:focus { color: #4ca434; }
/* Make sure focus states remain visible for keyboard users */
.gb-utility-link#teecontrol-booking:focus { outline: 2px solid rgba(0,0,0,0.1); outline-offset: 2px; }
/* Center the widget on small screens so it doesn't hug the right edge */
@media (max-width: 900px) {
	#TeecontrolWidget, #TeecontrolWidget.active {
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) !important;
		width: calc(100% - 32px) !important;
		max-width: 720px !important;
		box-sizing: border-box !important;
		top: 80px !important;
		margin: 0 auto !important;
	}
}
/*
 Hide the generated toggle on small/responsive layouts and when the mobile
 menu is open. We use both a media-query (robust across re-mounts) and a
 helper class that the JS can add/remove when the responsive menu is
 toggled. Using !important helps override inline/vendor rules.
*/
/* Hide on small screens entirely */
@media (max-width: 900px) {
    #TeecontrolToggleButton {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}
/* Generic helper class to hide the toggle (applied by JS when needed) */
#TeecontrolToggleButton.tc-hidden-by-responsive {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
/* Backdrop that appears when the widget is active */
#teecontrol-backdrop {
	position: fixed !important;
	inset: 0 !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background: rgba(0,0,0,0.45) !important;
	z-index: 99990 !important; /* below the widget which uses 100000+ */
	display: none !important;
}
#teecontrol-backdrop.active {
	display: block !important;
}
/* Mobile-anchored variant: position the widget near the trigger instead of centered/bottom */
@media (max-width: 900px) {
	#TeecontrolWidget.tc-mobile-anchored {
		transform: none !important;
		left: 8px !important;
		right: 8px !important;
		top: auto !important;
		bottom: auto !important;
		width: calc(100% - 16px) !important;
		max-width: 720px !important;
		box-sizing: border-box !important;
		border-radius: 8px !important;
	}
}
/* Close button removed — styles cleaned up. */
/* Ensure booking2 behaves like the other booking trigger (pointer cursor + focus styles) */
.gb-utility-link#teecontrol-booking2 { cursor: pointer; }
.gb-utility-link#teecontrol-booking2:hover, .gb-utility-link#teecontrol-booking2:focus { color: #4ca434; }
.gb-utility-link#teecontrol-booking2:focus { outline: 2px solid rgba(0,0,0,0.1); outline-offset: 2px; }
/* Ensure booking3 behaves like the other booking trigger (pointer cursor + focus styles) */
.gb-utility-link#teecontrol-booking3 { cursor: pointer; }
.gb-utility-link#teecontrol-booking3:hover, .gb-utility-link#teecontrol-booking3:focus { color: #4ca434; }
.gb-utility-link#teecontrol-booking3:focus { outline: 2px solid rgba(0,0,0,0.1); outline-offset: 2px; }
/* Generic helper for anchors that act like buttons to show pointer cursor */
a[role="button"] { cursor: pointer; }
/* visual hint when rates are limited (short transient state) */
.tc-rate-limited { opacity: 0.65 !important; transition: opacity 220ms ease !important; }
/* Global fallback close button removed */