/**
 * English (LTR) layout polish.
 *
 * Loaded only when current locale is non-RTL. Ensures the booking form
 * sidebar, search dropdowns, room cards, and footer render with consistent
 * LTR alignment and English fonts.
 *
 * @package mirak-hotel
 */

/* ----- Booking form sidebar ----- */
.rts__booking__form .booking__form__title,
.rts__booking__form .query__label,
.rts__booking__form .extra__services__title,
.rts__booking__form .total__label {
	text-align: left !important;
	direction: ltr;
}

.rts__booking__form input[type="text"],
.rts__booking__form input[type="number"],
.rts__booking__form input[type="email"],
.rts__booking__form select,
.rts__booking__form textarea {
	text-align: left !important;
	direction: ltr;
}

/* Date inputs always LTR for the YYYY-MM-DD format */
.rts__booking__form #mrm_check_in,
.rts__booking__form #mrm_check_out {
	text-align: left !important;
	direction: ltr;
}

/* Coupon row + total */
.rts__booking__form .coupon__row,
.rts__booking__form .total__price {
	flex-direction: row !important;
}

/* Extra services line */
.rts__booking__form .extra__service__item {
	flex-direction: row !important;
	text-align: left;
}
.rts__booking__form .extra__service__item .extra__service__price {
	margin-left: auto;
	margin-right: 0;
}

/* ----- Hero / archive search dropdowns ----- */
.advance__search .query__input label,
.advance__search .query__input input,
.advance__search .query__input select {
	text-align: left !important;
	direction: ltr;
}
.advance__search .query__input__icon {
	left: auto;
	right: 16px;
}

/* ----- Room cards ----- */
.room__card .room__card__meta {
	text-align: left;
}
.room__card .room__price__tag,
.room__card .room__card__avail__badge {
	font-family: 'Jost', sans-serif;
}

/* ----- Generic LTR body alignment safeguards ----- */
body {
	text-align: left;
}

/* Phone numbers / dates: keep LTR even inside RTL contexts */
.dir-ltr,
[dir="ltr"] {
	direction: ltr !important;
	unicode-bidi: embed;
}

/* Footer columns */
.rts__footer .rts__widget,
.rts__footer .widget__title,
.rts__footer ul li a,
.rts__footer p {
	text-align: left;
}

/* Room card footer buttons centered */
.room__card a.theme-btn,
.room__card button.theme-btn {
	text-align: center;
}

/* ============================================================================
 * Booking Form Sidebar — refined design (EN)
 * ========================================================================== */

/* --- Card wrapper --- */
.rts__booking__form.is__room__details {
	border: 1px solid #ECE6DC;
	border-radius: 14px;
	box-shadow: 0 6px 24px rgba(27, 27, 27, 0.06), 0 2px 6px rgba(27, 27, 27, 0.04);
	background: #fff;
	overflow: hidden;
}
.rts__booking__form.is__room__details .advance__search {
	padding: 28px 26px 32px !important;
	background: #fff !important;
	border-radius: 14px !important;
	box-shadow: none !important;
}

/* --- Title --- */
.rts__booking__form .booking__form__title,
.rts__booking__form h5 {
	font-family: 'Playfair Display', Georgia, serif !important;
	font-size: 26px !important;
	font-weight: 600 !important;
	color: #1b1b1b !important;
	letter-spacing: -0.01em;
	padding: 0 0 18px !important;
	margin-bottom: 20px !important;
	text-align: left !important;
	border-bottom: 1px solid #ECE6DC;
	position: relative;
}
.rts__booking__form .booking__form__title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 48px;
	height: 2px;
	background: var(--btn-1, #AB8A62);
}

/* --- Query input rows --- */
.rts__booking__form .advance__search__wrapper {
	gap: 14px;
}
.rts__booking__form .advance__search__wrapper .query__input {
	flex-direction: column !important;
	align-items: stretch !important;
	background: transparent !important;
	padding: 0 !important;
	border-radius: 0 !important;
	gap: 6px;
}

/* Labels: refined small caps */
.rts__booking__form .query__label {
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #65676B !important;
	margin: 0 0 4px !important;
	display: block;
}

/* Input position: full-width with icon inside */
.rts__booking__form .advance__search__wrapper .query__input__position {
	max-width: none !important;
	min-width: 0 !important;
	width: 100%;
	position: relative;
}

/* The actual input/select */
.rts__booking__form .advance__search__wrapper .query__input input,
.rts__booking__form .advance__search__wrapper .query__input select {
	width: 100% !important;
	background-color: #FAF8F4 !important;
	border: 1px solid #ECE6DC !important;
	border-radius: 10px !important;
	padding: 12px 16px 12px 44px !important;
	font-size: 14px !important;
	font-family: 'Inter', sans-serif !important;
	color: #1b1b1b !important;
	transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
	height: 46px;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
.rts__booking__form .advance__search__wrapper .query__input input:focus,
.rts__booking__form .advance__search__wrapper .query__input select:focus {
	outline: none;
	border-color: var(--btn-1, #AB8A62) !important;
	background: #fff !important;
	box-shadow: 0 0 0 3px rgba(171, 138, 98, 0.12);
}
.rts__booking__form .advance__search__wrapper .query__input select {
	background-image: linear-gradient(45deg, transparent 50%, #65676B 50%),
		linear-gradient(135deg, #65676B 50%, transparent 50%) !important;
	background-position: calc(100% - 18px) 19px, calc(100% - 13px) 19px !important;
	background-size: 5px 5px, 5px 5px !important;
	background-repeat: no-repeat !important;
}

/* Icon: positioned absolutely inside the input */
.rts__booking__form .advance__search__wrapper .query__input__icon {
	position: absolute !important;
	left: 14px !important;
	right: auto !important;
	top: 50%;
	transform: translateY(-50%) !important;
	color: var(--btn-1, #AB8A62);
	font-size: 16px;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}
.rts__booking__form .advance__search__wrapper .query__input__icon i {
	color: var(--btn-1, #AB8A62);
	font-size: 14px;
}
.rts__booking__form .advance__search__wrapper .query__input__icon img {
	max-width: 16px;
	max-height: 16px;
	opacity: 0.85;
}

/* --- Extra services section --- */
.rts__booking__form .extra__services__section {
	background: #FAF6EE;
	border: 1px solid #ECE6DC;
	border-radius: 12px;
	padding: 16px;
	margin-top: 18px;
}
.rts__booking__form .extra__services__title {
	font-family: 'Playfair Display', Georgia, serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #1b1b1b !important;
	margin-bottom: 12px !important;
	padding-bottom: 10px;
	border-bottom: 1px solid #ECE6DC;
	letter-spacing: -0.005em;
}
.rts__booking__form .extra__services__list {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.rts__booking__form .extra__service__item {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	padding: 10px 8px;
	border-radius: 8px;
	transition: background 0.15s ease;
	cursor: pointer;
}
.rts__booking__form .extra__service__item:hover {
	background: rgba(171, 138, 98, 0.06);
}
.rts__booking__form .extra__service__item label {
	display: flex !important;
	align-items: center;
	gap: 10px;
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	color: #1b1b1b !important;
	cursor: pointer;
	margin: 0 !important;
	flex: 1;
}
.rts__booking__form .extra__service__item input[type="checkbox"] {
	width: 18px;
	height: 18px;
	border-radius: 4px;
	border: 1.5px solid #C8BFB1;
	cursor: pointer;
	accent-color: var(--btn-1, #AB8A62);
	flex-shrink: 0;
	margin: 0;
}
.rts__booking__form .extra__service__price {
	font-family: 'Inter', sans-serif !important;
	font-size: 13px !important;
	color: #65676B !important;
	font-weight: 500;
	margin-left: auto !important;
	white-space: nowrap;
}
.rts__booking__form .extra__service__price.is-free {
	color: #16a34a !important;
	font-weight: 600;
}

/* --- Coupon row --- */
.rts__booking__form #mrm_coupon_code {
	background: #FAF8F4 !important;
	border: 1px solid #ECE6DC !important;
	border-radius: 10px !important;
	padding: 12px 16px !important;
	font-size: 14px !important;
	font-family: 'Inter', sans-serif !important;
}
.rts__booking__form #mrm-apply-coupon {
	border-radius: 10px !important;
	padding: 0 18px !important;
	height: 46px;
	font-weight: 600;
	background: var(--btn-1, #AB8A62);
	color: #fff;
	border: none;
	transition: background 0.2s ease;
}
.rts__booking__form #mrm-apply-coupon:hover {
	background: #8d6f4c;
}

/* --- Total row --- */
.rts__booking__form .total__price {
	border-top: 1px solid #ECE6DC !important;
	padding: 18px 4px 6px !important;
	margin-top: 18px;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.rts__booking__form .total__label {
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #65676B !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.rts__booking__form .total__amount,
.rts__booking__form #mrm-total-price {
	font-family: 'Playfair Display', Georgia, serif !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	color: var(--btn-1, #AB8A62) !important;
	letter-spacing: -0.01em;
}
.rts__booking__form #mrm-total-price small,
.rts__booking__form .total__price small {
	font-family: 'Inter', sans-serif !important;
	font-size: 12px;
	color: #65676B;
	font-weight: 400;
	margin-left: 4px;
}

/* --- Special requests / textarea --- */
.rts__booking__form textarea {
	background: #FAF8F4 !important;
	border: 1px solid #ECE6DC !important;
	border-radius: 10px !important;
	padding: 12px 14px !important;
	font-size: 14px !important;
	font-family: 'Inter', sans-serif !important;
	min-height: 80px;
	resize: vertical;
}
.rts__booking__form textarea:focus {
	outline: none;
	border-color: var(--btn-1, #AB8A62) !important;
	background: #fff !important;
	box-shadow: 0 0 0 3px rgba(171, 138, 98, 0.12);
}

/* --- Submit / book button --- */
.rts__booking__form .advance__search__wrapper .theme-btn,
.rts__booking__form button[type="submit"] {
	width: 100%;
	justify-content: center;
	background: var(--btn-1, #AB8A62) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 10px !important;
	padding: 14px 24px !important;
	font-family: 'Inter', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-top: 8px;
	height: 50px;
	transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
	box-shadow: 0 4px 12px rgba(171, 138, 98, 0.25);
}
.rts__booking__form .advance__search__wrapper .theme-btn:hover,
.rts__booking__form button[type="submit"]:hover {
	background: #8d6f4c !important;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(171, 138, 98, 0.35);
}
.rts__booking__form .advance__search__wrapper .theme-btn:active,
.rts__booking__form button[type="submit"]:active {
	transform: translateY(0);
}

/* --- Prefill toast pill --- */
.mrm-prefill-pill {
	font-family: 'Inter', sans-serif !important;
	font-size: 13px !important;
	border-radius: 8px !important;
}

/* --- Form message (errors / success) --- */
.rts__booking__form .mrm-form-message {
	border-radius: 8px;
	padding: 10px 14px;
	font-family: 'Inter', sans-serif !important;
	font-size: 13px;
	margin-top: 10px;
}

/* --- Mobile responsive tweaks --- */
@media (max-width: 768px) {
	.rts__booking__form.is__room__details .advance__search {
		padding: 22px 18px 26px !important;
	}
	.rts__booking__form .booking__form__title,
	.rts__booking__form h5 {
		font-size: 22px !important;
	}
	.rts__booking__form .total__amount,
	.rts__booking__form #mrm-total-price {
		font-size: 24px !important;
	}
}

/* ============================================================================
 * Visual polish — breadcrumbs, coupon, contact button, price icon
 * ========================================================================== */

/* (a) Breadcrumb arrows: flip the RTL-default glyph so it points → on EN */
.breadcrumb__nav .flaticon-right-arrow {
	display: inline-block;
	transform: scaleX(-1);
}

/* (b) Coupon row layout + button color fix */
.rts__booking__form .mrm-coupon-input-wrap {
	display: flex !important;
	gap: 8px !important;
	align-items: stretch;
}
.rts__booking__form .mrm-coupon-input-wrap input {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}
.rts__booking__form #mrm-apply-coupon,
.rts__booking__form #mrm-apply-coupon.theme-btn,
.rts__booking__form .mrm-coupon-btn {
	background: var(--btn-1, #AB8A62) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 10px !important;
	padding: 0 20px !important;
	height: 46px;
	font-weight: 600;
	white-space: nowrap;
	flex: 0 0 auto;
}
.rts__booking__form #mrm-apply-coupon:hover,
.rts__booking__form .mrm-coupon-btn:hover {
	background: #8d6f4c !important;
}

/* (c) Contact form Send Message + page-level forms — switch to gold theme */
.rts__contact .theme-btn,
.rts__contact button[type="submit"],
.rts__contact__form .theme-btn,
.rts__contact__form button[type="submit"] {
	background: var(--btn-1, #AB8A62) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 10px !important;
	padding: 14px 24px !important;
	height: 50px;
	font-family: 'Inter', sans-serif !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
	box-shadow: 0 4px 12px rgba(171, 138, 98, 0.25);
}
.rts__contact .theme-btn:hover,
.rts__contact__form button[type="submit"]:hover {
	background: #8d6f4c !important;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(171, 138, 98, 0.35);
}

/* (e) Floating buttons (back-to-top + WhatsApp) flip to the LEFT in EN */
.rts__back__top {
	right: auto !important;
	left: 24px !important;
}
@media (max-width: 768px) {
	.rts__back__top {
		left: 16px !important;
	}
}

/* (d) Hero "Price" filter — replace coffee-cup IMG with price-tag SVG */
.advance__search .query__input__icon.is__svg img[src*="hot-coffe"],
.mirak-search-form .query__input__icon.is__svg img[src*="hot-coffe"] {
	display: none;
}
.advance__search .query__input__icon.is__svg:has(img[src*="hot-coffe"])::before,
.mirak-search-form .query__input__icon.is__svg:has(img[src*="hot-coffe"])::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AB8A62' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/><line x1='7' y1='7' x2='7.01' y2='7'/></svg>");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}