/**
 * AMATO styling layer for the externally loaded protel Air WBE.
 *
 * The booking engine injects its selected green skin after the WordPress
 * stylesheets. Rules are therefore scoped to the booking page and WBE root,
 * with deliberately stronger specificity and selective !important values.
 * No booking behavior, availability data, pricing or form logic is changed.
 */

.page-id-113 #wbe4Wrapper {
	--protel-amato-surface: #f4f0e8;
	--protel-amato-raised: #eae0cb;
	--protel-amato-card: #fffdf8;
	--protel-amato-ink: #151719;
	--protel-amato-muted: #6a625b;
	--protel-amato-bronze: #90745d;
	--protel-amato-button: #745c49;
	--protel-amato-gold: #c7a265;
	--protel-amato-olive: #5b6640;
	--protel-amato-danger: #8c2f2f;
	--protel-amato-line: rgba(144, 116, 93, 0.34);

	background: var(--protel-amato-surface) !important;
	background-image: none !important;
	border: 1px solid var(--protel-amato-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--protel-amato-ink) !important;
	font-family: "Jost", Arial, sans-serif !important;
}

.page-id-113 #wbe4Wrapper h1,
.page-id-113 #wbe4Wrapper h2,
.page-id-113 #wbe4Wrapper h3,
.page-id-113 #wbe4Wrapper h4,
.page-id-113 #wbe4Wrapper .panel-title {
	color: var(--protel-amato-ink) !important;
	font-family: "Marcellus", Georgia, serif !important;
	font-weight: 400 !important;
}

/* Protel relies on its bundled icon fonts for navigation and status glyphs. */
.page-id-113 #wbe4Wrapper .glyphicon,
.page-id-113 #wbe4Wrapper .glyphicon::before {
	font-family: "Glyphicons Halflings" !important;
}

.page-id-113 #wbe4Wrapper .fa,
.page-id-113 #wbe4Wrapper .fa::before {
	font-family: FontAwesome !important;
}

.page-id-113 #wbe4Wrapper label,
.page-id-113 #wbe4Wrapper .text-color,
.page-id-113 #wbe4Wrapper .link-text-color,
.page-id-113 #wbe4Wrapper .small,
.page-id-113 #wbe4Wrapper p,
.page-id-113 #wbe4Wrapper input,
.page-id-113 #wbe4Wrapper select,
.page-id-113 #wbe4Wrapper textarea,
.page-id-113 #wbe4Wrapper button,
.page-id-113 #wbe4Wrapper .btn {
	color: var(--protel-amato-ink) !important;
	font-family: "Jost", Arial, sans-serif !important;
}

.page-id-113 #wbe4Wrapper .text-contrast {
	color: var(--protel-amato-muted) !important;
}

/* Panels and calendar surfaces. */
.page-id-113 #wbe4Wrapper .panel,
.page-id-113 #wbe4Wrapper .panel-default,
.page-id-113 #wbe4Wrapper .box-bg,
.page-id-113 #wbe4Wrapper .wbscal_days {
	background: var(--protel-amato-card) !important;
	border-color: var(--protel-amato-line) !important;
	color: var(--protel-amato-ink) !important;
	box-shadow: none !important;
}

.page-id-113 #wbe4Wrapper .panel-heading,
.page-id-113 #wbe4Wrapper .panel-default > .panel-heading,
.page-id-113 #wbe4Wrapper .box-gray-light,
.page-id-113 #wbe4Wrapper .bao_nfwbe_viewChange {
	background: var(--protel-amato-raised) !important;
	border-color: var(--protel-amato-line) !important;
	color: var(--protel-amato-ink) !important;
}

/* Form fields. */
.page-id-113 #wbe4Wrapper .form-control,
.page-id-113 #wbe4Wrapper input,
.page-id-113 #wbe4Wrapper select,
.page-id-113 #wbe4Wrapper textarea,
.page-id-113 #wbe4Wrapper .bao_nfwbe_BEL_fakeOption {
	background: var(--protel-amato-card) !important;
	border-color: var(--protel-amato-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--protel-amato-ink) !important;
}

.page-id-113 #wbe4Wrapper .form-control:focus,
.page-id-113 #wbe4Wrapper input:focus,
.page-id-113 #wbe4Wrapper select:focus,
.page-id-113 #wbe4Wrapper textarea:focus {
	border-color: var(--protel-amato-gold) !important;
	box-shadow: 0 0 0 2px rgba(199, 162, 101, 0.2) !important;
	outline: 0 !important;
}

/* Primary controls, arrows, steppers and booking calls to action. */
.page-id-113 #wbe4Wrapper .input-group-addon,
.page-id-113 #wbe4Wrapper .btn-default,
.page-id-113 #wbe4Wrapper .btn-primary,
.page-id-113 #wbe4Wrapper #bookatonce_btnBook,
.page-id-113 #wbe4Wrapper #bao_nfwbe_BEL_deselect {
	background: var(--protel-amato-button) !important;
	background-image: none !important;
	border-color: var(--protel-amato-button) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
	transition: background-color 180ms ease, border-color 180ms ease !important;
}

.page-id-113 #wbe4Wrapper .input-group-addon:hover,
.page-id-113 #wbe4Wrapper .btn-default:hover,
.page-id-113 #wbe4Wrapper .btn-default:focus,
.page-id-113 #wbe4Wrapper .btn-primary:hover,
.page-id-113 #wbe4Wrapper .btn-primary:focus,
.page-id-113 #wbe4Wrapper #bookatonce_btnBook:hover,
.page-id-113 #wbe4Wrapper #bookatonce_btnBook:focus {
	background: var(--protel-amato-bronze) !important;
	border-color: var(--protel-amato-bronze) !important;
	color: #fff !important;
}

.page-id-113 #wbe4Wrapper a,
.page-id-113 #wbe4Wrapper a.link-color,
.page-id-113 #wbe4Wrapper .link-color {
	color: var(--protel-amato-button) !important;
}

.page-id-113 #wbe4Wrapper a:hover,
.page-id-113 #wbe4Wrapper a:focus,
.page-id-113 #wbe4Wrapper a.link-color:hover,
.page-id-113 #wbe4Wrapper a.link-color:focus {
	color: var(--protel-amato-bronze) !important;
}

/* Preserve booking semantics while bringing status colors into the brand. */
.page-id-113 #wbe4Wrapper.container .wbscal_avail,
.page-id-113 #wbe4Wrapper.container #bao_xnfwbe .wbscal_row > .wbscal_avail,
.page-id-113 #wbe4Wrapper.container .bao_nfwbe_BEL_rightColumn > .wbscal_avail {
	background: var(--protel-amato-olive) !important;
	border-color: var(--protel-amato-olive) !important;
	color: #fff !important;
}

.page-id-113 #wbe4Wrapper.container .wbscal_semi,
.page-id-113 #wbe4Wrapper.container #bao_xnfwbe .wbscal_row > .wbscal_semi,
.page-id-113 #wbe4Wrapper.container .bao_nfwbe_BEL_rightColumn > .wbscal_semi {
	background: var(--protel-amato-gold) !important;
	border-color: var(--protel-amato-gold) !important;
	color: var(--protel-amato-ink) !important;
}

.page-id-113 #wbe4Wrapper.container .wbscal_full,
.page-id-113 #wbe4Wrapper.container #bao_xnfwbe .wbscal_row > .wbscal_full,
.page-id-113 #wbe4Wrapper.container .bao_nfwbe_BEL_rightColumn > .wbscal_full {
	background: var(--protel-amato-danger) !important;
	border-color: var(--protel-amato-danger) !important;
	color: #fff !important;
}

.page-id-113 #wbe4Wrapper.container .wbscal_disabled,
.page-id-113 #wbe4Wrapper.container .wbscal_noarrival,
.page-id-113 #wbe4Wrapper.container .bao_nfwbe_BEL_empty {
	background: #d7d1c7 !important;
	border-color: #d7d1c7 !important;
	color: #615d57 !important;
}

.page-id-113 #wbe4Wrapper .wbscal_avail span,
.page-id-113 #wbe4Wrapper .wbscal_full span {
	color: #fff !important;
}

.page-id-113 #wbe4Wrapper .wbscal_semi span {
	color: var(--protel-amato-ink) !important;
}

/* Keep focus visible for keyboard users even when Protel resets outlines. */
.page-id-113 #wbe4Wrapper :focus-visible {
	outline: 2px solid var(--protel-amato-gold) !important;
	outline-offset: 2px !important;
}

@media (max-width: 767px) {
	.page-id-113 #wbe4Wrapper {
		border-inline: 0 !important;
	}

	.page-id-113 #wbe4Wrapper .btn,
	.page-id-113 #wbe4Wrapper .form-control,
	.page-id-113 #wbe4Wrapper .input-group-addon {
		min-height: 42px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.page-id-113 #wbe4Wrapper *,
	.page-id-113 #wbe4Wrapper *::before,
	.page-id-113 #wbe4Wrapper *::after {
		transition-duration: 0.01ms !important;
	}
}


/* Protel calendar arrows and status legend: final AMATO palette overrides. */
.page-id-113 #wbe4Wrapper .glyphicon.link-color,
.page-id-113 #wbe4Wrapper .arrow-icons.link-color {
	color: var(--protel-amato-button) !important;
}
.page-id-113 #wbe4Wrapper .glyphicon.link-color:hover,
.page-id-113 #wbe4Wrapper .glyphicon.link-color:focus,
.page-id-113 #wbe4Wrapper .arrow-icons.link-color:hover,
.page-id-113 #wbe4Wrapper .arrow-icons.link-color:focus {
	color: var(--protel-amato-gold) !important;
}
.page-id-113 #wbe4Wrapper .bookatonce_calendar_status_avail {
	color: var(--protel-amato-olive) !important;
}
.page-id-113 #wbe4Wrapper .bookatonce_calendar_status_semi {
	color: var(--protel-amato-gold) !important;
}
.page-id-113 #wbe4Wrapper .bookatonce_calendar_status_full {
	color: var(--protel-amato-danger) !important;
}


/* High-specificity semantic legend colors for the injected Protel skin. */
body.page-id-113 #wbe4Wrapper.container .bookatonce_calendar_status_avail,
body.page-id-113 #wbe4Wrapper.container .bookatonce_calendar_status_avail.glyphicon {
	color: var(--protel-amato-olive) !important;
}
body.page-id-113 #wbe4Wrapper.container .bookatonce_calendar_status_semi,
body.page-id-113 #wbe4Wrapper.container .bookatonce_calendar_status_semi.glyphicon {
	color: var(--protel-amato-gold) !important;
}
body.page-id-113 #wbe4Wrapper.container .bookatonce_calendar_status_full,
body.page-id-113 #wbe4Wrapper.container .bookatonce_calendar_status_full.glyphicon {
	color: var(--protel-amato-danger) !important;
}
