/**
 * Chesaalula Phase 1A runtime validation visual layer
 * Prepared by VioKrisTech
 * Child-theme-only. Do not modify Traveler parent theme.
 * Multilingual-ready: avoid language-specific selectors or hardcoded copy.
 * Scope: full front-end lodging path (home → search/location → hotel → room → checkout → confirm).
 */

/* Design tokens (brand board + practical aliases). Front end only — enqueued in child functions.php. */
:root {
	--vk-color-isthmus-teal: #006D77;
	--vk-color-celebration-coral: #FF6F61;
	--vk-color-fiesta-yellow: #FFB703;
	--vk-color-midnight-cacao: #0F172A;
	--vk-color-fresh-sand: #FFF3E6;
	--vk-color-cloud-cream: #FFFCF7;
	--vk-color-route-green: #2A9D8F;

	--vk-color-primary: var(--vk-color-isthmus-teal);
	--vk-color-secondary: var(--vk-color-celebration-coral);
	--vk-color-accent: var(--vk-color-fiesta-yellow);
	--vk-color-text: var(--vk-color-midnight-cacao);
	/* Page canvas: white-first; warm creams reserved for cards/panels */
	--vk-color-background: #ffffff;
	--vk-color-page-tint: #f4f6f8;
	--vk-color-surface: var(--vk-color-fresh-sand);
	--vk-color-surface-soft: rgba(255, 252, 247, 0.92);

	--vk-radius-card: 10px;
	--vk-shadow-soft: 0 4px 20px rgba(15, 23, 42, 0.07);
	--vk-shadow-card: 0 1px 0 rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);
	--vk-transition-base: 0.2s ease;

	/* Header — white-first masthead; warm tint only at edge */
	--vk-header-bg: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
	--vk-header-bg-solid: #ffffff;
	--vk-header-link: #0f172a;
	--vk-header-link-hover: #006d77;
	--vk-header-link-active: #ff6f61;
	--vk-header-link-active-accent: #ff6f61;
	--vk-header-border: rgba(0, 109, 119, 0.16);
	--vk-header-hover-surface: rgba(0, 109, 119, 0.08);
	--vk-header-active-surface: rgba(255, 111, 97, 0.12);
	--vk-header-top-accent: 3px solid #0f172a;
}

/* -------------------------------------------------------------------------
   2. Global visual layer (typography, page canvas — front end only)
   ------------------------------------------------------------------------- */
body:not(.wp-admin) {
	color: var(--vk-color-text);
	background-color: var(--vk-color-background);
	background-image: linear-gradient(
		180deg,
		#ffffff 0%,
		var(--vk-color-background) 35%,
		var(--vk-color-page-tint) 100%
	);
	font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .heading-font,
body .st-heading {
	font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: var(--vk-color-text);
}

body p,
body li,
body label,
body .text-font {
	font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 400;
}

/* Main content shell — path-wide vertical rhythm; reduce horizontal overflow */
body:not(.wp-admin) #st-content-wrapper {
	box-sizing: border-box;
	max-width: 100%;
	padding-bottom: 2.25rem;
}

body:not(.wp-admin) #st-content-wrapper img,
body:not(.wp-admin) #st-content-wrapper video,
body:not(.wp-admin) #st-content-wrapper iframe {
	max-width: 100%;
	height: auto;
}

body:not(.wp-admin) #st-content-wrapper .entry-content a:not(.btn):not(.button):not(.wp-block-button__link),
body:not(.wp-admin) #st-content-wrapper .service-border a:not(.btn),
body:not(.wp-admin) #st-content-wrapper .service-list-wrapper a:not(.btn) {
	color: var(--vk-color-isthmus-teal);
	text-decoration-color: rgba(0, 109, 119, 0.35);
}

body:not(.wp-admin) #st-content-wrapper .entry-content a:not(.btn):not(.button):not(.wp-block-button__link):hover,
body:not(.wp-admin) #st-content-wrapper .service-border a:not(.btn):hover {
	color: var(--vk-color-celebration-coral);
}

body:not(.wp-admin) #st-content-wrapper .heading-title,
body:not(.wp-admin) #st-content-wrapper .st-heading.large {
	color: var(--vk-color-midnight-cacao);
}

/* -------------------------------------------------------------------------
   3. Buttons & CTAs (Traveler / Bootstrap overlap; preserve layout & forms)
   ------------------------------------------------------------------------- */
body .btn,
body button:not(.mce-close):not(.wp-switch-editor),
body input[type="submit"],
body .st-button,
body .booking-item-dates-change {
	border-radius: 8px;
	font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	font-weight: 600;
	transition: background-color var(--vk-transition-base), color var(--vk-transition-base), border-color var(--vk-transition-base), box-shadow var(--vk-transition-base);
}

body .btn-primary,
body input[type="submit"].btn-primary,
body .st-button.btn-primary {
	background-color: var(--vk-color-primary);
	border-color: var(--vk-color-primary);
	color: #fff;
}

body .btn-primary:hover,
body input[type="submit"].btn-primary:hover,
body .st-button.btn-primary:hover {
	background-color: #005a63;
	border-color: #005a63;
	color: #fff;
	box-shadow: 0 2px 12px rgba(0, 109, 119, 0.25);
}

body .btn-default,
body .btn-secondary,
body .btn:not(.btn-primary) {
	background-color: #fff;
	border-color: rgba(0, 109, 119, 0.35);
	color: var(--vk-color-primary);
}

body .btn-default:hover,
body .btn-secondary:hover,
body .btn:not(.btn-primary):hover {
	border-color: var(--vk-color-secondary);
	color: var(--vk-color-secondary);
}

body .booking-item-dates-change {
	background-color: rgba(255, 183, 3, 0.2);
	border: 1px solid rgba(255, 183, 3, 0.65);
	color: var(--vk-color-text);
}

body .booking-item-dates-change:hover {
	background-color: rgba(255, 111, 97, 0.12);
	border-color: var(--vk-color-secondary);
}

/* Traveler default accent blue → Isthmus Teal (front end; QA edge cases) */
body:not(.wp-admin) {
	--main-color: #006d77;
}

/* Bootstrap / Traveler utilities on the lodging path */
body.single-st_hotel:not(.wp-admin) .text-primary,
body.single-st_hotel:not(.wp-admin) .text-info,
body.single-hotel_room:not(.wp-admin) .text-primary,
body.single-hotel_room:not(.wp-admin) .text-info,
body.single-location:not(.wp-admin) .text-primary,
body.single-location:not(.wp-admin) .text-info,
body.post-type-archive-st_hotel:not(.wp-admin) .text-primary,
body.post-type-archive-st_hotel:not(.wp-admin) .text-info,
body:not(.wp-admin) .search-result-page .text-primary,
body:not(.wp-admin) .search-result-page .text-info,
body.page-template-template-checkout-php:not(.wp-admin) .text-primary,
body.page-template-template-checkout-php:not(.wp-admin) .text-info,
body.page-template-template-confirm-php:not(.wp-admin) .text-primary,
body.page-template-template-confirm-php:not(.wp-admin) .text-info,
body.page-template-template-payment-success-php:not(.wp-admin) .text-primary,
body.page-template-template-payment-success-php:not(.wp-admin) .text-info {
	color: var(--vk-color-isthmus-teal) !important;
}

body.single-st_hotel:not(.wp-admin) .booking-item a:not(.btn),
body.single-st_hotel:not(.wp-admin) #booking-item a:not(.btn),
body.single-st_hotel:not(.wp-admin) .sidebar-booking a:not(.btn),
body.single-hotel_room:not(.wp-admin) .booking-item a:not(.btn),
body.single-hotel_room:not(.wp-admin) #booking-item a:not(.btn),
body.page-template-template-checkout-php:not(.wp-admin) .booking-item a:not(.btn),
body.page-template-template-confirm-php:not(.wp-admin) .booking-item a:not(.btn),
body.page-template-template-payment-success-php:not(.wp-admin) .booking-item a:not(.btn),
body.page-template-template-confirm-php:not(.wp-admin) .entry-content a:not(.btn),
body.page-template-template-payment-success-php:not(.wp-admin) .entry-content a:not(.btn),
body:not(.wp-admin) .search-result-page .service-border a:not(.btn),
body:not(.wp-admin) .search-result-page .service-title a:not(.btn) {
	color: var(--vk-color-isthmus-teal);
}

body.single-st_hotel:not(.wp-admin) .booking-item a:not(.btn):hover,
body.single-st_hotel:not(.wp-admin) #booking-item a:not(.btn):hover,
body.page-template-template-checkout-php:not(.wp-admin) .booking-item a:not(.btn):hover,
body.page-template-template-confirm-php:not(.wp-admin) .booking-item a:not(.btn):hover,
body.page-template-template-payment-success-php:not(.wp-admin) .booking-item a:not(.btn):hover,
body:not(.wp-admin) .search-result-page .service-title a:not(.btn):hover {
	color: var(--vk-color-celebration-coral);
}

body.single-st_hotel:not(.wp-admin) .btn-primary,
body.single-st_hotel:not(.wp-admin) .booking-item .btn-primary,
body.single-st_hotel:not(.wp-admin) #booking-item .btn-primary,
body.single-hotel_room:not(.wp-admin) .btn-primary,
body.single-hotel_room:not(.wp-admin) .booking-item .btn-primary,
body:not(.wp-admin) .search-result-page .btn-primary,
body.page-template-template-checkout-php:not(.wp-admin) .btn-primary,
body.page-template-template-confirm-php:not(.wp-admin) .btn-primary,
body.page-template-template-payment-success-php:not(.wp-admin) .btn-primary {
	background-color: var(--vk-color-isthmus-teal) !important;
	border-color: var(--vk-color-isthmus-teal) !important;
	color: #fff !important;
}

body.single-st_hotel:not(.wp-admin) .btn-primary:hover,
body.single-st_hotel:not(.wp-admin) .booking-item .btn-primary:hover,
body.single-hotel_room:not(.wp-admin) .btn-primary:hover,
body:not(.wp-admin) .search-result-page .btn-primary:hover,
body.page-template-template-checkout-php:not(.wp-admin) .btn-primary:hover,
body.page-template-template-confirm-php:not(.wp-admin) .btn-primary:hover,
body.page-template-template-payment-success-php:not(.wp-admin) .btn-primary:hover {
	background-color: #005a63 !important;
	border-color: #005a63 !important;
}

body.single-st_hotel:not(.wp-admin) .btn-primary:focus,
body.single-hotel_room:not(.wp-admin) .btn-primary:focus,
body:not(.wp-admin) .search-result-page .btn-primary:focus,
body.page-template-template-checkout-php:not(.wp-admin) .btn-primary:focus,
body.page-template-template-confirm-php:not(.wp-admin) .btn-primary:focus,
body.page-template-template-payment-success-php:not(.wp-admin) .btn-primary:focus {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(255, 183, 3, 0.55);
}

/* -------------------------------------------------------------------------
   4. Hotel detail (single st_hotel) — polish without layout rewrites
   ------------------------------------------------------------------------- */
body.single-st_hotel:not(.wp-admin) .entry-header,
body.single-st_hotel:not(.wp-admin) .st-hotel-header,
body.single-st_hotel:not(.wp-admin) .hotel_title,
body.single-st_hotel:not(.wp-admin) .st-heading {
	margin-top: 0.15rem;
	margin-bottom: 0.35rem;
}

body.single-st_hotel:not(.wp-admin) .entry-title,
body.single-st_hotel:not(.wp-admin) h1.st-title {
	color: var(--vk-color-text);
	letter-spacing: -0.02em;
}

body.single-st_hotel:not(.wp-admin) .booking-item,
body.single-st_hotel:not(.wp-admin) .booking_meta,
body.single-st_hotel:not(.wp-admin) .booking-item-wrap,
body.single-st_hotel:not(.wp-admin) .sidebar-booking,
body.single-st_hotel:not(.wp-admin) #booking-item,
body.single-st_hotel:not(.wp-admin) .booking-form,
body.single-st_hotel:not(.wp-admin) .st-booking-sidebar {
	background-color: #ffffff;
	border: 1px solid rgba(0, 109, 119, 0.18);
	border-radius: var(--vk-radius-card);
	box-shadow: var(--vk-shadow-card);
	padding: 0.85rem 1rem;
	color: var(--vk-color-text);
}

body.single-st_hotel:not(.wp-admin) .booking-item .booking-section-title,
body.single-st_hotel:not(.wp-admin) #booking-item .title,
body.single-st_hotel:not(.wp-admin) .sidebar-booking .title {
	color: var(--vk-color-midnight-cacao);
	border-bottom-color: rgba(0, 109, 119, 0.15);
}

body.single-st_hotel:not(.wp-admin) .list-room,
body.single-st_hotel:not(.wp-admin) .st-hotel-room-item,
body.single-st_hotel:not(.wp-admin) .room-item,
body.single-st_hotel:not(.wp-admin) .item-room {
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: var(--vk-radius-card);
	background-color: #fff;
	box-shadow: var(--vk-shadow-card);
	overflow: hidden;
}

body.single-st_hotel:not(.wp-admin) .price,
body.single-st_hotel:not(.wp-admin) .booking-item .price,
body.single-st_hotel:not(.wp-admin) .text-price,
body.single-st_hotel:not(.wp-admin) .field-price {
	color: var(--vk-color-primary);
	font-weight: 700;
}

body.single-st_hotel:not(.wp-admin) .wp-review-show-total .review-score,
body.single-st_hotel:not(.wp-admin) .review-score,
body.single-st_hotel:not(.wp-admin) .st-stars .fa-star,
body.single-st_hotel:not(.wp-admin) .wp-star .fa-star {
	color: var(--vk-color-fiesta-yellow);
}

body.single-st_hotel:not(.wp-admin) .st-hotel-contact-infos,
body.single-st_hotel:not(.wp-admin) .author-info,
body.single-st_hotel:not(.wp-admin) .author-contact,
body.single-st_hotel:not(.wp-admin) .st_owner_contact,
body.single-st_hotel:not(.wp-admin) .st_hotel_rule,
body.single-st_hotel:not(.wp-admin) .detail-rule,
body.single-st_hotel:not(.wp-admin) #detail_hotel_wrap .st-include-exclude {
	background-color: #fff;
	border: 1px solid rgba(0, 109, 119, 0.12);
	border-radius: var(--vk-radius-card);
	box-shadow: var(--vk-shadow-soft);
	padding: 0.85rem 1rem;
	margin-bottom: 1rem;
	color: var(--vk-color-text);
}

body.single-st_hotel:not(.wp-admin) .list-room .item-room .title,
body.single-st_hotel:not(.wp-admin) .list-room .st-hotel-room-item .title,
body.single-st_hotel:not(.wp-admin) .st-hotel-room-item .room-title {
	color: var(--vk-color-midnight-cacao);
	font-weight: 700;
}

body.single-st_hotel:not(.wp-admin) .list-room .item-room,
body.single-st_hotel:not(.wp-admin) .list-room .st-hotel-room-item {
	padding: 0.75rem 0.9rem;
}

body.single-st_hotel:not(.wp-admin) .list-room .item-room .btn,
body.single-st_hotel:not(.wp-admin) .list-room .st-hotel-room-item .btn {
	margin-top: 0.4rem;
}

/* -------------------------------------------------------------------------
   5. Checkout & confirmation pages (Traveler page templates)
   ------------------------------------------------------------------------- */
body.page-template-template-checkout-php:not(.wp-admin) .entry-content,
body.page-template-template-checkout-php:not(.wp-admin) .st-checkout-content,
body.page-template-template-checkout-php:not(.wp-admin) .booking-item,
body.page-template-template-checkout-php:not(.wp-admin) .st_checkout_form_wrap,
body.page-template-template-checkout-php:not(.wp-admin) .checkout-form {
	background-color: #ffffff;
	border: 1px solid rgba(0, 109, 119, 0.14);
	border-radius: var(--vk-radius-card);
	box-shadow: var(--vk-shadow-card);
	padding: 0.9rem 1rem;
}

body.page-template-template-checkout-php:not(.wp-admin) .booking-item .booking-section,
body.page-template-template-checkout-php:not(.wp-admin) .order-summary,
body.page-template-template-checkout-php:not(.wp-admin) .booking-summary {
	border-radius: 8px;
	border: 1px solid rgba(15, 23, 42, 0.06);
	background-color: #ffffff;
	padding: 0.75rem 0.9rem;
}

body.page-template-template-checkout-php:not(.wp-admin) .payment-gateway,
body.page-template-template-checkout-php:not(.wp-admin) .st_payment_gateways,
body.page-template-template-checkout-php:not(.wp-admin) .gateway-name,
body.page-template-template-checkout-php:not(.wp-admin) .payment-title {
	border-radius: 8px;
}

body.page-template-template-checkout-php:not(.wp-admin) .payment-gateway label,
body.page-template-template-checkout-php:not(.wp-admin) .gateway-name label {
	color: var(--vk-color-text);
}

body.page-template-template-checkout-php:not(.wp-admin) .submit_form_gateway_desc,
body.page-template-template-checkout-php:not(.wp-admin) .gateway-desc,
body.page-template-template-checkout-php:not(.wp-admin) .st_payment_gateways .desc {
	background-color: var(--vk-color-surface-soft);
	border-left: 4px solid var(--vk-color-primary);
	border-radius: 6px;
	padding: 0.65rem 0.9rem;
	color: var(--vk-color-text);
}

body.page-template-template-checkout-php:not(.wp-admin) .form-control,
body.page-template-template-checkout-php:not(.wp-admin) select.form-control,
body.page-template-template-checkout-php:not(.wp-admin) textarea.form-control,
body.page-template-template-checkout-php:not(.wp-admin) input[type="text"],
body.page-template-template-checkout-php:not(.wp-admin) input[type="email"],
body.page-template-template-checkout-php:not(.wp-admin) input[type="tel"],
body.page-template-template-checkout-php:not(.wp-admin) input[type="number"] {
	border-color: rgba(0, 109, 119, 0.22);
	color: var(--vk-color-text);
	border-radius: 8px;
}

body.page-template-template-checkout-php:not(.wp-admin) .form-control:focus,
body.page-template-template-checkout-php:not(.wp-admin) select.form-control:focus,
body.page-template-template-checkout-php:not(.wp-admin) textarea.form-control:focus,
body.page-template-template-checkout-php:not(.wp-admin) input[type="text"]:focus,
body.page-template-template-checkout-php:not(.wp-admin) input[type="email"]:focus,
body.page-template-template-checkout-php:not(.wp-admin) input[type="tel"]:focus {
	border-color: var(--vk-color-isthmus-teal);
	box-shadow: 0 0 0 1px rgba(0, 109, 119, 0.12);
	outline: none;
}

body.page-template-template-checkout-php:not(.wp-admin) label,
body.page-template-template-checkout-php:not(.wp-admin) .control-label {
	color: var(--vk-color-midnight-cacao);
	font-weight: 500;
}

body.page-template-template-checkout-php:not(.wp-admin) .has-error .form-control {
	border-color: rgba(255, 111, 97, 0.65);
}

body.page-template-template-checkout-php:not(.wp-admin) .payment-gateway,
body.page-template-template-checkout-php:not(.wp-admin) .st_payment_gateways .gateway-row,
body.page-template-template-checkout-php:not(.wp-admin) .payment_gateway_item {
	transition: border-color var(--vk-transition-base), background-color var(--vk-transition-base);
}

body.page-template-template-checkout-php:not(.wp-admin) .payment-gateway:hover,
body.page-template-template-checkout-php:not(.wp-admin) .st_payment_gateways .gateway-row:hover {
	background-color: rgba(255, 252, 247, 0.85);
}

body.page-template-template-checkout-php:not(.wp-admin) input[type="radio"]:checked + label,
body.page-template-template-checkout-php:not(.wp-admin) .payment-gateway.active,
body.page-template-template-checkout-php:not(.wp-admin) .gateway-row.active {
	border-color: rgba(0, 109, 119, 0.35);
}

body.page-template-template-confirm-php:not(.wp-admin) .entry-content,
body.page-template-template-payment-success-php:not(.wp-admin) .entry-content,
body.page-template-template-confirm-php:not(.wp-admin) .booking-success,
body.page-template-template-payment-success-php:not(.wp-admin) .booking-success,
body.page-template-template-confirm-php:not(.wp-admin) .alert,
body.page-template-template-payment-success-php:not(.wp-admin) .alert {
	border-radius: var(--vk-radius-card);
}

body.page-template-template-confirm-php:not(.wp-admin) .booking-success,
body.page-template-template-payment-success-php:not(.wp-admin) .booking-success {
	background-color: #fff;
	border: 1px solid rgba(0, 109, 119, 0.14);
	box-shadow: var(--vk-shadow-card);
	padding: 1rem 1.1rem;
}

body.page-template-template-confirm-php:not(.wp-admin) .booking-number,
body.page-template-template-payment-success-php:not(.wp-admin) .booking-number,
body.page-template-template-confirm-php:not(.wp-admin) .booking-id,
body.page-template-template-payment-success-php:not(.wp-admin) .booking-id {
	color: var(--vk-color-isthmus-teal);
	font-weight: 700;
	letter-spacing: 0.02em;
}

body.page-template-template-confirm-php:not(.wp-admin) .order-detail,
body.page-template-template-payment-success-php:not(.wp-admin) .order-detail,
body.page-template-template-confirm-php:not(.wp-admin) .booking-detail,
body.page-template-template-payment-success-php:not(.wp-admin) .booking-detail,
body.page-template-template-confirm-php:not(.wp-admin) .booking-info,
body.page-template-template-payment-success-php:not(.wp-admin) .booking-info {
	background-color: rgba(255, 252, 247, 0.55);
	border: 1px solid rgba(0, 109, 119, 0.1);
	border-radius: var(--vk-radius-card);
	padding: 0.75rem 0.95rem;
	margin-bottom: 0.85rem;
}

body.page-template-template-confirm-php:not(.wp-admin) .order-detail table,
body.page-template-template-payment-success-php:not(.wp-admin) .order-detail table,
body.page-template-template-confirm-php:not(.wp-admin) .booking-detail table {
	color: var(--vk-color-text);
}

body.page-template-template-confirm-php:not(.wp-admin) .order-detail th,
body.page-template-template-payment-success-php:not(.wp-admin) .order-detail th {
	color: var(--vk-color-midnight-cacao);
	font-weight: 600;
}

body.page-template-template-confirm-php:not(.wp-admin) .alert-success,
body.page-template-template-payment-success-php:not(.wp-admin) .alert-success {
	background-color: rgba(0, 109, 119, 0.08);
	border-color: var(--vk-color-isthmus-teal);
	color: var(--vk-color-text);
}

/* -------------------------------------------------------------------------
   5b. Lodging path — search results, location archive, room single
   ------------------------------------------------------------------------- */
body:not(.wp-admin) .search-result-page .st-heading,
body:not(.wp-admin) .search-result-page h1.st-heading,
body:not(.wp-admin) .search-result-page .search-result .st-heading {
	color: var(--vk-color-midnight-cacao);
}

body:not(.wp-admin) .search-result-page .search-form-wrapper,
body:not(.wp-admin) .search-result-page .search-form,
body:not(.wp-admin) .search-result-page .search-form-book,
body:not(.wp-admin) .search-result-page .search-form-wrapper.style-sidebar {
	background-color: rgba(255, 252, 247, 0.72);
	border: 1px solid rgba(0, 109, 119, 0.12);
	border-radius: var(--vk-radius-card);
	box-shadow: var(--vk-shadow-soft);
}

body:not(.wp-admin) .search-result-page .toolbar,
body:not(.wp-admin) .search-result-page .sort-bar,
body:not(.wp-admin) .search-result-page .st-list-dropdown,
body:not(.wp-admin) .search-result-page .layout_mod,
body:not(.wp-admin) .search-result-page .toolbar-actions {
	border-color: rgba(0, 109, 119, 0.12);
}

body:not(.wp-admin) .search-result-page .toolbar .sort-menu li a,
body:not(.wp-admin) .search-result-page .nav-tabs > li > a,
body:not(.wp-admin) .search-result-page .nav-pills > li > a {
	color: var(--vk-color-midnight-cacao);
	border-radius: 6px;
}

body:not(.wp-admin) .search-result-page .toolbar .sort-menu li a:hover,
body:not(.wp-admin) .search-result-page .nav-tabs > li > a:hover,
body:not(.wp-admin) .search-result-page .nav-tabs > li.active > a,
body:not(.wp-admin) .search-result-page .nav-pills > li.active > a,
body:not(.wp-admin) .search-result-page .nav-pills > li > a:hover {
	color: var(--vk-color-isthmus-teal);
}

body:not(.wp-admin) .search-result-page .service-list-wrapper .service-border,
body:not(.wp-admin) .search-result-page .row-wrapper .service-border,
body:not(.wp-admin) .search-result-page .service-list-wrapper .has-matchHeight,
body:not(.wp-admin) .search-result-page .global-shadow {
	border-radius: var(--vk-radius-card);
	border: 1px solid rgba(15, 23, 42, 0.08);
	background-color: #fff;
	box-shadow: var(--vk-shadow-card);
	overflow: hidden;
	transition: border-color var(--vk-transition-base), box-shadow var(--vk-transition-base);
}

body:not(.wp-admin) .search-result-page .service-list-wrapper .service-border:hover,
body:not(.wp-admin) .search-result-page .row-wrapper .service-border:hover,
body:not(.wp-admin) .search-result-page .service-list-wrapper .has-matchHeight:hover {
	border-color: rgba(0, 109, 119, 0.28);
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

body:not(.wp-admin) .search-result-page .service-title,
body:not(.wp-admin) .search-result-page .service-title a,
body:not(.wp-admin) .search-result-page .content h2,
body:not(.wp-admin) .search-result-page .content h3,
body:not(.wp-admin) .search-result-page .content h4 {
	color: var(--vk-color-midnight-cacao);
	font-weight: 700;
}

body:not(.wp-admin) .search-result-page .service-address,
body:not(.wp-admin) .search-result-page .service-location,
body:not(.wp-admin) .search-result-page .service-duration,
body:not(.wp-admin) .search-result-page .service-excerpt {
	color: rgba(15, 23, 42, 0.72);
	font-size: 0.9375rem;
}

body:not(.wp-admin) .search-result-page .service-price .price,
body:not(.wp-admin) .search-result-page .price,
body:not(.wp-admin) .search-result-page .text-price,
body:not(.wp-admin) .search-result-page .sale-top {
	color: var(--vk-color-isthmus-teal);
	font-weight: 700;
}

body:not(.wp-admin) .search-result-page .alert,
body:not(.wp-admin) .search-result-page .search-nothing,
body:not(.wp-admin) .search-result-page .search-no-results,
body:not(.wp-admin) .search-result-page .alert-warning {
	background-color: var(--vk-color-surface-soft);
	border: 1px solid rgba(255, 111, 97, 0.28);
	border-radius: var(--vk-radius-card);
	color: var(--vk-color-midnight-cacao);
}

body.single-location:not(.wp-admin) #st-content-wrapper .st-heading,
body.single-location:not(.wp-admin) #st-content-wrapper h1,
body.post-type-archive-st_hotel:not(.wp-admin) #st-content-wrapper .archive-title,
body.post-type-archive-st_hotel:not(.wp-admin) #st-content-wrapper h1 {
	color: var(--vk-color-midnight-cacao);
}

body.single-hotel_room:not(.wp-admin) .booking-item,
body.single-hotel_room:not(.wp-admin) .booking_meta,
body.single-hotel_room:not(.wp-admin) #booking-item,
body.single-hotel_room:not(.wp-admin) .sidebar-booking {
	background-color: #ffffff;
	border: 1px solid rgba(0, 109, 119, 0.18);
	border-radius: var(--vk-radius-card);
	box-shadow: var(--vk-shadow-card);
	padding: 0.85rem 1rem;
	color: var(--vk-color-text);
}

body.home:not(.wp-admin) #st-content-wrapper {
	padding-bottom: 2.5rem;
}

/* -------------------------------------------------------------------------
   6. Mobile — spacing & readability (no hidden CTAs, no fixed widths)
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
	body:not(.wp-admin) {
		line-height: 1.55;
	}

	body.single-st_hotel:not(.wp-admin) .booking-item,
	body.single-st_hotel:not(.wp-admin) .booking_meta,
	body.single-st_hotel:not(.wp-admin) .sidebar-booking,
	body.single-st_hotel:not(.wp-admin) #booking-item,
	body.page-template-template-checkout-php:not(.wp-admin) .entry-content,
	body.page-template-template-checkout-php:not(.wp-admin) .booking-item {
		padding: 0.75rem 0.85rem;
		margin-bottom: 0.75rem;
	}

	body.page-template-template-confirm-php:not(.wp-admin) .entry-content,
	body.page-template-template-payment-success-php:not(.wp-admin) .entry-content,
	body.page-template-template-confirm-php:not(.wp-admin) .booking-success,
	body.page-template-template-payment-success-php:not(.wp-admin) .booking-success {
		padding: 0.85rem 0.9rem;
		margin-bottom: 0.75rem;
	}

	body.single-hotel_room:not(.wp-admin) .booking-item,
	body.single-hotel_room:not(.wp-admin) #booking-item {
		padding: 0.75rem 0.85rem;
		margin-bottom: 0.75rem;
	}

	body:not(.wp-admin) .search-result-page .toolbar,
	body:not(.wp-admin) .search-result-page .layout_mod,
	body:not(.wp-admin) .search-result-page .toolbar-actions {
		flex-wrap: wrap;
		row-gap: 0.5rem;
	}

	body .btn,
	body button:not(.mce-close):not(.wp-switch-editor),
	body input[type="submit"],
	body .st-button {
		min-height: 44px;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

/* -------------------------------------------------------------------------
   7. Global header — Style 2 polish (Traveler; child CSS only)
   White masthead for dark-on-light logo; teal hairline; brand menu colors.
   ------------------------------------------------------------------------- */

/* Masthead shell — force light surfaces (overrides Traveler dark / Style 2 presets) */
body:not(.wp-admin) #st_header_wrap,
body:not(.wp-admin) #st_header_wrap .header,
body:not(.wp-admin) #header,
body:not(.wp-admin) #header .header,
body:not(.wp-admin) #header .navbar,
body:not(.wp-admin) header.site-header,
body:not(.wp-admin) .site-header .navbar-default {
	background: var(--vk-header-bg) !important;
	background-color: var(--vk-header-bg-solid) !important;
	background-image: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%) !important;
	border-color: transparent;
	box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04), 0 1px 0 var(--vk-header-border);
}

body:not(.wp-admin) #st_header_wrap {
	border-top: var(--vk-header-top-accent);
}

body:not(.wp-admin) #header .header .header-left,
body:not(.wp-admin) #header .header .header-right,
body:not(.wp-admin) #header .navbar-header {
	background-color: transparent !important;
	background-image: none !important;
}

body:not(.wp-admin) #st_header_wrap .navbar,
body:not(.wp-admin) #header .navbar-default,
body:not(.wp-admin) header.site-header .navbar {
	border-radius: 0;
	margin-bottom: 0;
	min-height: 48px;
	padding-top: 0.12rem;
	padding-bottom: 0.12rem;
	background-color: transparent !important;
	background-image: none !important;
}

/* Tighter default Bootstrap nav offset so logo + links align vertically */
body:not(.wp-admin) #st_header_wrap .navbar-nav,
body:not(.wp-admin) #header .navbar-nav {
	margin-top: 0;
	margin-bottom: 0;
}

/* Logo row alignment helpers (non-destructive with floated Bootstrap nav) */
body:not(.wp-admin) #st_header_wrap .logo,
body:not(.wp-admin) #header .logo,
body:not(.wp-admin) #st_header_wrap .navbar-brand,
body:not(.wp-admin) #header .navbar-brand,
body:not(.wp-admin) a.custom-logo-link {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

/* Logo — slightly larger; object-fit keeps proportions */
body:not(.wp-admin) #st_header_wrap .logo img,
body:not(.wp-admin) #st_header_wrap a.logo img,
body:not(.wp-admin) #header .logo img,
body:not(.wp-admin) #header a.logo img,
body:not(.wp-admin) .navbar-brand img,
body:not(.wp-admin) a.custom-logo-link img,
body:not(.wp-admin) img.custom-logo {
	max-height: 52px;
	width: auto;
	height: auto;
	object-fit: contain;
	vertical-align: middle;
}

@media (min-width: 992px) {
	body:not(.wp-admin) #st_header_wrap .logo img,
	body:not(.wp-admin) #st_header_wrap a.logo img,
	body:not(.wp-admin) #header .logo img,
	body:not(.wp-admin) #header a.logo img,
	body:not(.wp-admin) .navbar-brand img,
	body:not(.wp-admin) a.custom-logo-link img,
	body:not(.wp-admin) img.custom-logo {
		max-height: 58px;
	}
}

/* Primary nav — Midnight Cacao default; Teal hover; Coral active + accent bar */
body:not(.wp-admin) #st_header_wrap .main_menu > ul > li > a,
body:not(.wp-admin) #st_header_wrap .navbar-nav > li > a,
body:not(.wp-admin) #header .main_menu > ul > li > a,
body:not(.wp-admin) #header .navbar-nav > li > a,
body:not(.wp-admin) header.site-header .navbar-nav > li > a,
body:not(.wp-admin) #menu-primary .menu-item > a,
body:not(.wp-admin) .main_menu .menu-item > a,
body:not(.wp-admin) #st_header_wrap .navbar-default .navbar-nav > li > a,
body:not(.wp-admin) #header .navbar-default .navbar-nav > li > a,
body:not(.wp-admin) header.site-header .navbar-default .navbar-nav > li > a,
body:not(.wp-admin) #st_header_wrap .navbar .navbar-nav > li > a,
body:not(.wp-admin) #header .navbar .navbar-nav > li > a {
	font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: 0.02em;
	color: #0f172a;
	color: var(--vk-header-link);
	padding: 0.4rem 0.75rem;
	border-radius: 6px;
	transition: color var(--vk-transition-base), background-color var(--vk-transition-base);
	opacity: 1;
}

/* Some Traveler builds wrap label text in a span with its own color */
body:not(.wp-admin) #st_header_wrap .navbar-nav > li > a span,
body:not(.wp-admin) #header .navbar-nav > li > a span,
body:not(.wp-admin) #st_header_wrap .main_menu > ul > li > a span,
body:not(.wp-admin) #header .main_menu > ul > li > a span {
	color: inherit;
}

/* CPT / custom post menu items (e.g. hotel single in nav) — extra weight vs Traveler defaults */
body:not(.wp-admin) #st_header_wrap .navbar-collapse .navbar-nav > li > a,
body:not(.wp-admin) #header .navbar-collapse .navbar-nav > li > a,
body:not(.wp-admin) #st_header_wrap .navbar-nav > li.menu-item-object-st_hotel > a,
body:not(.wp-admin) #header .navbar-nav > li.menu-item-object-st_hotel > a,
body:not(.wp-admin) #st_header_wrap .navbar-nav > li.menu-item-type-post_type > a,
body:not(.wp-admin) #header .navbar-nav > li.menu-item-type-post_type > a,
body:not(.wp-admin) #st_header_wrap .navbar-default.navbar .navbar-nav > li > a,
body:not(.wp-admin) #header .navbar-default.navbar .navbar-nav > li > a {
	color: #0f172a;
}

body:not(.wp-admin) #st_header_wrap .navbar-nav > li.menu-item-object-st_hotel > a span,
body:not(.wp-admin) #header .navbar-nav > li.menu-item-object-st_hotel > a span {
	color: #0f172a;
}

body:not(.wp-admin) #st_header_wrap .navbar-default .navbar-nav > li > a:link,
body:not(.wp-admin) #st_header_wrap .navbar-default .navbar-nav > li > a:visited,
body:not(.wp-admin) #header .navbar-default .navbar-nav > li > a:link,
body:not(.wp-admin) #header .navbar-default .navbar-nav > li > a:visited,
body:not(.wp-admin) #st_header_wrap .navbar-collapse .navbar-nav > li > a:link,
body:not(.wp-admin) #st_header_wrap .navbar-collapse .navbar-nav > li > a:visited,
body:not(.wp-admin) #header .navbar-collapse .navbar-nav > li > a:link,
body:not(.wp-admin) #header .navbar-collapse .navbar-nav > li > a:visited {
	color: #0f172a;
}

body:not(.wp-admin) #st_header_wrap .main_menu > ul > li > a:hover,
body:not(.wp-admin) #st_header_wrap .main_menu > ul > li > a:focus,
body:not(.wp-admin) #st_header_wrap .navbar-nav > li > a:hover,
body:not(.wp-admin) #st_header_wrap .navbar-nav > li > a:focus,
body:not(.wp-admin) #header .main_menu > ul > li > a:hover,
body:not(.wp-admin) #header .navbar-nav > li > a:hover,
body:not(.wp-admin) header.site-header .navbar-nav > li > a:hover,
body:not(.wp-admin) #menu-primary .menu-item > a:hover,
body:not(.wp-admin) .main_menu .menu-item > a:hover,
body:not(.wp-admin) #st_header_wrap .navbar-default .navbar-nav > li > a:hover,
body:not(.wp-admin) #header .navbar-default .navbar-nav > li > a:hover,
body:not(.wp-admin) #st_header_wrap .navbar-collapse .navbar-nav > li > a:hover,
body:not(.wp-admin) #header .navbar-collapse .navbar-nav > li > a:hover,
body:not(.wp-admin) #st_header_wrap .navbar-nav > li.menu-item-object-st_hotel > a:hover,
body:not(.wp-admin) #header .navbar-nav > li.menu-item-object-st_hotel > a:hover {
	color: #006d77;
	background-color: var(--vk-header-hover-surface);
}

body:not(.wp-admin) #st_header_wrap .main_menu > ul > li.current-menu-item > a,
body:not(.wp-admin) #st_header_wrap .main_menu > ul > li.current_page_item > a,
body:not(.wp-admin) #st_header_wrap .navbar-nav > li.active > a,
body:not(.wp-admin) #st_header_wrap .navbar-nav > li.current-menu-item > a,
body:not(.wp-admin) #header .navbar-nav > li.current-menu-item > a,
body:not(.wp-admin) #menu-primary .menu-item.current-menu-item > a,
body:not(.wp-admin) #st_header_wrap .navbar-default .navbar-nav > li.current-menu-item > a,
body:not(.wp-admin) #header .navbar-default .navbar-nav > li.current-menu-item > a,
body:not(.wp-admin) #st_header_wrap .navbar-default .navbar-nav > li.active > a,
body:not(.wp-admin) #header .navbar-default .navbar-nav > li.active > a,
body:not(.wp-admin) #st_header_wrap .navbar-collapse .navbar-nav > li.current-menu-item > a,
body:not(.wp-admin) #header .navbar-collapse .navbar-nav > li.current-menu-item > a,
body:not(.wp-admin) #st_header_wrap .navbar-nav > li.menu-item-object-st_hotel.current-menu-item > a,
body:not(.wp-admin) #header .navbar-nav > li.menu-item-object-st_hotel.current-menu-item > a {
	color: #ff6f61;
	background-color: var(--vk-header-active-surface);
	box-shadow: inset 0 -2px 0 0 var(--vk-header-link-active-accent);
}

body:not(.wp-admin) #st_header_wrap .main_menu > ul > li,
body:not(.wp-admin) #st_header_wrap .navbar-nav > li,
body:not(.wp-admin) #header .main_menu > ul > li,
body:not(.wp-admin) #header .navbar-nav > li {
	margin-inline: 0.05rem;
}

/* Header menu visibility fix for Traveler Style 2 */
/* Overrides parent: #header .header .header-left #st-main-menu .main-menu li.current-menu-item > a { color: var(--main-color, #5191FA); } */
body:not(.wp-admin) #header .header .header-left #st-main-menu .main-menu > li > a {
	color: var(--vk-color-midnight-cacao, #0F172A) !important;
	text-decoration: none;
	font-weight: 700 !important;
	font-size: 1rem !important;
	letter-spacing: 0.02em;
}

body:not(.wp-admin) #header .header .header-left #st-main-menu .main-menu > li > a:visited {
	color: var(--vk-color-midnight-cacao, #0F172A) !important;
	text-decoration: none;
	font-weight: 700 !important;
}

body:not(.wp-admin) #header .header .header-left #st-main-menu .main-menu > li > a span {
	color: inherit !important;
}

body:not(.wp-admin) #header .header .header-left #st-main-menu .main-menu > li > a:hover,
body:not(.wp-admin) #header .header .header-left #st-main-menu .main-menu > li > a:focus {
	color: var(--vk-color-isthmus-teal, #006D77) !important;
	text-decoration: none;
	font-weight: 700 !important;
}

body:not(.wp-admin) #header .header .header-left #st-main-menu .main-menu > li.current-menu-item > a,
body:not(.wp-admin) #header .header .header-left #st-main-menu .main-menu > li.current-menu-ancestor > a,
body:not(.wp-admin) #header .header .header-left #st-main-menu .main-menu > li.current_page_item > a {
	color: var(--vk-color-celebration-coral, #FF6F61) !important;
	text-decoration: none;
	font-weight: 700 !important;
}

/* Breadcrumb — subtle path strip (not a second nav); global default (~13px) */
body:not(.wp-admin) .breadcrumb,
body:not(.wp-admin) ul.breadcrumb,
body:not(.wp-admin) .st-breadcrumb,
body:not(.wp-admin) .st-breadcrumbs,
body:not(.wp-admin) .search-result-page .breadcrumb {
	margin-top: 0;
	margin-bottom: 0.4rem;
	padding: 0.32rem 0;
	background-color: rgba(255, 255, 255, 0.92);
	border: none;
	border-bottom: 1px solid rgba(0, 109, 119, 0.1);
	border-radius: 0;
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.01em;
	color: var(--vk-color-midnight-cacao);
}

body:not(.wp-admin) .breadcrumb > li + li::before,
body:not(.wp-admin) ul.breadcrumb > li + li::before {
	padding: 0 0.42rem;
	color: rgba(15, 23, 42, 0.3);
}

body:not(.wp-admin) .breadcrumb a,
body:not(.wp-admin) ul.breadcrumb a,
body:not(.wp-admin) .st-breadcrumb a,
body:not(.wp-admin) .st-breadcrumbs a {
	color: var(--vk-color-isthmus-teal);
	font-weight: 500;
	text-decoration: none;
}

body:not(.wp-admin) .breadcrumb a:hover,
body:not(.wp-admin) ul.breadcrumb a:hover,
body:not(.wp-admin) .st-breadcrumb a:hover,
body:not(.wp-admin) .st-breadcrumbs a:hover {
	color: #005566;
	text-decoration: underline;
	text-decoration-color: rgba(0, 109, 119, 0.35);
	text-underline-offset: 2px;
}

/* Search / destination results — breadcrumb reads as regional path, not primary nav */
body:not(.wp-admin) .search-result-page ul.breadcrumb,
body:not(.wp-admin) .search-result-page .breadcrumb {
	padding-left: 0.7rem;
	border-left: 3px solid rgba(0, 109, 119, 0.38);
	background: linear-gradient(
		90deg,
		rgba(255, 252, 247, 0.78) 0%,
		rgba(255, 255, 255, 0.96) 38%,
		#ffffff 100%
	);
}

body:not(.wp-admin) .search-result-page .breadcrumb > li + li::before,
body:not(.wp-admin) .search-result-page ul.breadcrumb > li + li::before {
	color: rgba(15, 23, 42, 0.28);
}

/* Hotel single — extra de-emphasis so trail reads as geography, not navigation */
body.single-st_hotel:not(.wp-admin) .st-breadcrumb-wrapper,
body.single-st_hotel:not(.wp-admin) .banner-breadcrumb,
body.single-st_hotel:not(.wp-admin) .page-breadcrumb,
body.single-st_hotel:not(.wp-admin) .breadcrumbs {
	background: transparent;
	padding-top: 0.2rem;
	padding-bottom: 0;
	margin-bottom: 0;
}

body.single-st_hotel:not(.wp-admin) #st-content-wrapper .breadcrumb,
body.single-st_hotel:not(.wp-admin) #st-content-wrapper ul.breadcrumb,
body.single-st_hotel:not(.wp-admin) .container .breadcrumb,
body.single-st_hotel:not(.wp-admin) .container ul.breadcrumb,
body.single-st_hotel:not(.wp-admin) .st-breadcrumb-wrapper .breadcrumb,
body.single-st_hotel:not(.wp-admin) .st-breadcrumb-wrapper ul.breadcrumb,
body.single-st_hotel:not(.wp-admin) .banner-breadcrumb .breadcrumb,
body.single-st_hotel:not(.wp-admin) .page-breadcrumb .breadcrumb {
	margin-bottom: 0.35rem;
	margin-top: 0;
	padding: 0.28rem 0;
	font-size: 0.8125rem;
	line-height: 1.5;
	background-color: rgba(255, 255, 255, 0.88);
	border-bottom: 1px solid rgba(0, 109, 119, 0.1);
}

body.single-st_hotel:not(.wp-admin) .breadcrumb > li,
body.single-st_hotel:not(.wp-admin) ul.breadcrumb > li {
	font-weight: 400;
	padding-top: 0.05rem;
	padding-bottom: 0.05rem;
}

body.single-st_hotel:not(.wp-admin) .breadcrumb > li + li::before,
body.single-st_hotel:not(.wp-admin) ul.breadcrumb > li + li::before {
	color: rgba(15, 23, 42, 0.32);
	padding: 0 0.48rem;
}

body.single-st_hotel:not(.wp-admin) .breadcrumb a,
body.single-st_hotel:not(.wp-admin) ul.breadcrumb a,
body.single-st_hotel:not(.wp-admin) .st-breadcrumb a,
body.single-st_hotel:not(.wp-admin) .st-breadcrumbs a {
	font-weight: 500;
	font-size: inherit;
}

body.single-st_hotel:not(.wp-admin) .breadcrumb a:hover,
body.single-st_hotel:not(.wp-admin) ul.breadcrumb a:hover,
body.single-st_hotel:not(.wp-admin) .st-breadcrumb a:hover,
body.single-st_hotel:not(.wp-admin) .st-breadcrumbs a:hover {
	color: #005566;
}

/* Footer — brand-aligned (CSS only; no PHP changes) */
body:not(.wp-admin) #footer,
body:not(.wp-admin) footer.site-footer,
body:not(.wp-admin) .footer,
body:not(.wp-admin) #footer.footer {
	background-color: var(--vk-color-midnight-cacao);
	color: rgba(255, 252, 247, 0.9);
}

body:not(.wp-admin) #footer a,
body:not(.wp-admin) footer.site-footer a,
body:not(.wp-admin) .footer a {
	color: rgba(255, 252, 247, 0.95);
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color var(--vk-transition-base), border-color var(--vk-transition-base);
}

body:not(.wp-admin) #footer a:hover,
body:not(.wp-admin) footer.site-footer a:hover,
body:not(.wp-admin) .footer a:hover {
	color: var(--vk-color-route-green);
	border-bottom-color: rgba(42, 157, 143, 0.5);
}

body:not(.wp-admin) #footer .widget-title,
body:not(.wp-admin) footer.site-footer .widget-title,
body:not(.wp-admin) #footer.footer h4,
body:not(.wp-admin) #footer.footer h3,
body:not(.wp-admin) footer.site-footer h4 {
	color: rgba(255, 252, 247, 0.98);
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: none;
	border-bottom: 1px solid rgba(42, 157, 143, 0.35);
	padding-bottom: 0.45rem;
	margin-bottom: 0.65rem;
}

body:not(.wp-admin) #footer.footer,
body:not(.wp-admin) footer.site-footer {
	border-top: 3px solid rgba(0, 109, 119, 0.45);
}

/* Mobile — compact bar, readable logo, keep tap targets */
@media (max-width: 767px) {
	body:not(.wp-admin) #st_header_wrap .navbar,
	body:not(.wp-admin) #header .navbar-default,
	body:not(.wp-admin) header.site-header .navbar {
		min-height: 48px;
		padding-top: 0.15rem;
		padding-bottom: 0.15rem;
	}

	body:not(.wp-admin) #st_header_wrap .logo img,
	body:not(.wp-admin) #header .logo img,
	body:not(.wp-admin) a.custom-logo-link img,
	body:not(.wp-admin) img.custom-logo {
		max-height: 50px;
	}

	/* Style 2 main menu: slightly smaller type on narrow viewports so the bar stays compact */
	body:not(.wp-admin) #header .header .header-left #st-main-menu .main-menu > li > a,
	body:not(.wp-admin) #header .header .header-left #st-main-menu .main-menu > li > a:visited {
		font-size: 0.9375rem !important;
	}

	body:not(.wp-admin) #st_header_wrap .main_menu > ul > li > a,
	body:not(.wp-admin) #st_header_wrap .navbar-nav > li > a,
	body:not(.wp-admin) #header .navbar-nav > li > a {
		padding: 0.45rem 0.65rem;
		font-size: 0.875rem;
	}

	body:not(.wp-admin) .breadcrumb,
	body:not(.wp-admin) ul.breadcrumb,
	body:not(.wp-admin) .st-breadcrumb,
	body:not(.wp-admin) .st-breadcrumbs {
		padding: 0.36rem 0;
		margin-bottom: 0.5rem;
		font-size: 0.8125rem;
		line-height: 1.55;
	}

	body.single-st_hotel:not(.wp-admin) .breadcrumb,
	body.single-st_hotel:not(.wp-admin) ul.breadcrumb,
	body.single-st_hotel:not(.wp-admin) .st-breadcrumb,
	body.single-st_hotel:not(.wp-admin) .st-breadcrumbs {
		padding: 0.34rem 0;
		margin-bottom: 0.48rem;
		font-size: 0.8125rem;
	}
}