/*
Theme Name: Homey Child
Description: WOLSEY LODGES 2026 child theme (folder: wolsey-child). Lodge contact buttons (call, email, website, book now), host bio, no Homey booking form. Name must stay "Homey Child" - the Homey Core plugin only works with a theme called "Homey" or "Homey Child".
Template: homey
Version: 1.0.0
Text Domain: wolsey-child
*/

/* ---------------------------------------------------------------
   Lodge contact buttons
   Colour codes (change here only):
     Book Now  = red     Email = blue
     Call      = green   Website = orange
---------------------------------------------------------------- */
:root {
	--wl-book: #c8102e;
	--wl-book-hover: #9e0c24;
	--wl-email: #1a5fb4;
	--wl-email-hover: #134a8c;
	--wl-call: #1e8e3e;
	--wl-call-hover: #166e30;
	--wl-web: #c75000;
	--wl-web-hover: #9c3f00;
}

.wl-buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0 0 20px;
}

.wl-buttons--row {
	flex-direction: row;
	flex-wrap: wrap;
}

.wl-buttons--row a.wl-btn {
	flex: 1 1 200px;
}

a.wl-btn,
a.wl-btn:visited {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 10px 16px;
	border: 0;
	border-radius: 4px;
	color: #fff !important;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	transition: background-color 0.15s ease;
	margin: 0;
	width: auto;
}

a.wl-btn:hover,
a.wl-btn:focus {
	color: #fff !important;
	text-decoration: none !important;
}

a.wl-btn:focus-visible {
	outline: 3px solid #000;
	outline-offset: 2px;
}

.wl-btn svg {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	fill: currentColor;
}

a.wl-btn--book  { background: var(--wl-book); }
a.wl-btn--book:hover,  a.wl-btn--book:focus  { background: var(--wl-book-hover); }
a.wl-btn--email { background: var(--wl-email); }
a.wl-btn--email:hover, a.wl-btn--email:focus { background: var(--wl-email-hover); }
a.wl-btn--call  { background: var(--wl-call); }
a.wl-btn--call:hover,  a.wl-btn--call:focus  { background: var(--wl-call-hover); }
a.wl-btn--web   { background: var(--wl-web); }
a.wl-btn--web:hover,   a.wl-btn--web:focus   { background: var(--wl-web-hover); }

.wl-phone-number {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	font-weight: 400;
	opacity: 0.95;
}

/* Sidebar box */
.wl-contact-box {
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 20px;
	margin-bottom: 20px;
}

.wl-contact-box h3 {
	margin: 0 0 15px;
	font-size: 18px;
	text-align: center;
}

.wl-contact-box .wl-buttons {
	margin-bottom: 0;
}

/* Host section */
.wl-host-bio {
	margin: 0 0 20px;
}

.wl-host-bio p:last-child {
	margin-bottom: 0;
}

/* Mobile bottom bar (phones and small tablets) */
.wl-mobile-bar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	display: flex;
	gap: 8px;
	padding: 8px;
	background: #fff;
	box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}

.wl-mobile-bar a.wl-btn {
	flex: 1 1 0;
	min-height: 44px;
	padding: 8px;
	font-size: 15px;
}

@media (min-width: 992px) {
	.wl-mobile-bar {
		display: none;
	}
}

@media (max-width: 991px) {
	body.single-listing {
		padding-bottom: 64px;
	}

	/* The site's custom CSS sets ".col-md-4 { width: 30% }" at every screen size,
	   squeezing the lodge sidebar on tablets/phones. Give it full width there. */
	body.single-listing .main-content-area .homey_sticky.col-md-4 {
		width: 100%;
	}
}