/*
Theme Name:   EastWest - Property - Lodge at Lionshead
Theme URI:    https://eastwest.com
Description:  The child theme for Lodge at Lionshead, on top of EastWest - Property.
Author:       Cornel Raiu / Master WebTools
Author URI:   https://master-webtools.com
Template:     eastwest-property
Version:      1.0.0
Requires PHP: 8.0
*/

/*
 * Brand (see ew/assets/css/ew-property.css in the parent theme).
 *
 * Lodge at Lionshead is two-tone: sage #92a89e for hover and focus, sand #ddd9bc with dark
 * #3f4d55 text for filled buttons. The token is the sage, because the parent also fills newer
 * controls with it under white text (the flexible dates options), which sand can't carry. The
 * sand buttons are spelled out below.
 */
:root {
    --ewp-primary: #92a89e;
}

/*
 * Only what Lodge at Lionshead does differently from the parent. The search page header image is
 * the same override aspen's child keeps; .pp-stay-post styles the Long Term addon's cards.
 */

.page-template-template-search .page-header-image {
	margin-top: 0;
	position: relative;
	display: flex;
	flex-grow: 1;
	overflow: hidden;
	max-width: 100vw;
}

.page-template-template-search .page-header-image img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
	max-width: none;
	flex: 1;
}

.filters-wrapper .filter-button {
	background-color: #ffffff;
	height: 100%;
}

#results-wrapper .card-price {
	margin-top: 20px;
	margin-bottom: 20px;
}

#sort-option-select ul li.selected {
	background: #ddd9bc;
	color: #3f4d55;
}

#sort-option-select ul li:hover {
	border-color: #ddd9bc;
}

.book-price-wrapper .book-button-wrapper a {
	background: #ddd9bc;
	color: #3f4d55;
}

.date-guests-search-container .filter-buttons .filter-wrapper.guests-field {
	min-width: 30%;
}

.date-guests-search-container .search-link-wrapper a {
	background: #ddd9bc;
	border-radius: 4px;
	color: #3f4d55;
	text-transform: capitalize;
	font-weight: 500;
}

.date-guests-search-container .search-link-wrapper a:hover {
	background: #0c222e;
	color: #ffffff;
}

.floor-plan-button {
	border: 1px solid #ddd9bc;
	color: #3f4d55;
}

.pp-stay-post .price-ribbon {
	background-color: #3f4d55;
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 2px 10px;
	position: absolute;
	right: 20px;
	top: 18px;
}

.pp-stay-post .card-link {
	border: #3f4d55 solid 1px;
	padding: 12px 6px;
	align-items: center;
	color: var(--global-color-9);
	display: flex;
	gap: 10px;
	justify-content: center;
	margin-top: 15px;
}