/* Accommodation cards: keep the user's Grid Layout and typography controls. */
/* Room detail layout, activated by the two editor wrapper classes. */
.g-cols:has(> .wpb_column > .vc_column-inner > .wpb_wrapper > .accom-txt):has(> .wpb_column > .vc_column-inner > .wpb_wrapper > .accom-images) {
	display: grid; grid-template-columns: 46% 54%; align-items: center; gap: 0;
}
.g-cols:has(> .wpb_column > .vc_column-inner > .wpb_wrapper > .accom-txt):has(> .wpb_column > .vc_column-inner > .wpb_wrapper > .accom-images) > .wpb_column { width: 100%; min-width: 0; }
.g-cols:has(> .wpb_column > .vc_column-inner > .wpb_wrapper > .accom-txt):has(> .wpb_column > .vc_column-inner > .wpb_wrapper > .accom-images) > .wpb_column > .vc_column-inner { padding: 0; }
.accom-txt { width: 110%; max-width: none; background: var(--color-light-beige, #f4ece8); padding: 3vw 7vw 3vw 3vw; min-height: 34vw; justify-content: center; }
.accom-txt > .wpb_text_column:first-child h1 { font-size: var(--magic-heading-small-font-size); }
.accom-txt > .wpb_text_column:nth-child(2) h1 { font-size: var(--magic-heading-large-font-size); }
.accom-txt > .wpb_text_column:nth-child(3) { margin-top: 1vw; margin-bottom: 2vw; }
.accom-images.magic-wrapper-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(12,minmax(0,1fr)) !important; gap: 1.4vw !important; align-items: start; }
.accom-images > .w-image { width: 100%; margin: 0 !important; padding: .45vw !important; background: var(--color-light-beige, #f4ece8) !important; }
.accom-images > .w-image.style_photo { background: #f4ece8 !important; }
.accom-images > .w-image:nth-child(4n+1) { grid-column: 1 / 9; aspect-ratio: 1.36; }
.accom-images > .w-image:nth-child(4n+2) { grid-column: 9 / 13; aspect-ratio: .82; margin-top: 2vw !important; }
.accom-images > .w-image:nth-child(4n+3) { grid-column: 2 / 6; aspect-ratio: .8; }
.accom-images > .w-image:nth-child(4n) { grid-column: 6 / 13; aspect-ratio: 1.36; margin-top: .5vw !important; }
.accom-images .w-image-h, .accom-images .w-image-h > a { display: block; width: 100%; height: 100%; }
.accom-images .w-image.style_photo .w-image-h { border: 0; background: transparent; padding: 0; }
.accom-images .w-image img { width: 100%; height: 100%; object-fit: cover; }
.order-row[hidden] { display: none !important; }
.accom-txt .mt-check-availability { width: 100%; margin-top: 1rem; }
.accom-txt .hb-search-fields { display: flex; flex-wrap: wrap; gap: 12px; }
.accom-txt .hb-search-fields > p { float: none; width: auto !important; flex: 1 1 120px; margin: 0; }
@media(max-width:800px) {
	.g-cols:has(> .wpb_column > .vc_column-inner > .wpb_wrapper > .accom-txt):has(> .wpb_column > .vc_column-inner > .wpb_wrapper > .accom-images) { grid-template-columns: 1fr; }
	.accom-txt { width: 100%; padding: 7%; min-height: 0; }
	.accom-images.magic-wrapper-grid { margin-top: 24px; gap: 12px !important; }
	.accom-images > .w-image { padding: 6px !important; }
}
.room-grid .room-row { container-type: inline-size; }
.room-grid .room-row-h {
	display: grid; grid-template-columns: 49% 13% 38%; align-items: center;
	gap: 0 !important; width: 100%; min-width: 0;
}
.room-grid .room-txt {
	grid-column: 1 / 3; grid-row: 1; align-self: stretch;
	min-width: 0; padding: 4cqw 17cqw 5cqw 3cqw;
	background: var(--color-light-beige, #f4ece8) !important;
}
.room-grid .room-img {
	grid-column: 2 / 4; grid-row: 1; z-index: 1; width: 100%; min-width: 0;
	margin: 0 !important; padding: 0; align-self: center;
}
.room-grid .room-img .post_image { width: 100%; aspect-ratio: 1 / 1; }
.room-grid .room-img .post_image > a,
.room-grid .room-img .post_image > div { display: block; width: 100%; height: 100%; }
.room-grid .room-img img { width: 100%; height: 100%; object-fit: cover; }
.room-grid .room-txt > * { max-width: 100%; }
.room-grid .room-txt .w-btn { white-space: normal; }
.room-grid .room-txt ._mt_short_description { margin-bottom: 2cqw; }
.room-grid .w-grid-item[hidden] { display: none !important; }
.mt-room-filter { margin-bottom: 2vw; color: var(--color-navy, #081533); }
.mt-room-filter-row, .mt-room-filter-types, .mt-room-filter form, .mt-room-filter-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.mt-room-filter-row { justify-content: center; gap: 24px; }
.mt-room-filter form { position: relative; flex: 0 1 340px; width: 340px; max-width: 100%; }
.mt-room-filter input[type=search] { flex: 1; min-width: 0; width: 100%; padding: 10px 42px 10px 0; border: 0; border-bottom: 1px solid currentColor; border-radius: 0; background: transparent; box-shadow: none; color: inherit; }
.mt-room-filter input[type=search]:focus { background: transparent; box-shadow: none; border-color: var(--color-tuna-darker, #b9826b); }
.mt-room-filter input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; }
.mt-room-filter button { cursor: pointer; padding: 8px 14px; border: 1px solid var(--color-tuna-darker, #b9826b); background: transparent; color: inherit; font: inherit; }
.mt-room-filter button[aria-pressed=true], .mt-room-filter-chips button { background: var(--color-tuna-darker, #b9826b); color: #f4ece8; }
.mt-room-filter-summary { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 16px; margin-top: 16px; }
.mt-room-filter-chips { grid-column: 2; justify-content: center; }
.mt-room-filter-chips button { border-radius: 99px; }
.mt-room-filter-status { grid-column: 3; justify-self: end; text-align: right; font-size: .85em; margin: 0; }
.mt-room-filter .mt-room-search-action { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 40px; height: 40px; padding: 8px; border: 0; border-radius: 0; background: transparent; color: inherit; box-shadow: none; }
.mt-room-search-action svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; }
.mt-room-search-action .mt-room-clear-icon, .mt-room-search-action.has-search .mt-room-search-icon { display: none; }
.mt-room-search-action.has-search .mt-room-clear-icon { display: block; }
.mt-room-filter button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media(min-width: 801px) {
	.accom-txt .hb-search-fields { gap: .833vw; }
	.accom-txt .hb-search-fields > p { flex-basis: 8.333vw; }
	.mt-room-filter-row, .mt-room-filter-types, .mt-room-filter form, .mt-room-filter-chips { gap: .833vw; }
	.mt-room-filter-row { gap: 1.667vw; }
	.mt-room-filter form { flex-basis: 23.611vw; width: 23.611vw; }
	.mt-room-filter input[type=search] { padding: .694vw 2.917vw .694vw 0; border-bottom-width: .0694vw; }
	.mt-room-filter button { padding: .556vw .972vw; border-width: .0694vw; }
	.mt-room-filter-summary { gap: 1.111vw; margin-top: 1.111vw; }
	.mt-room-filter .mt-room-search-action { width: 2.778vw; height: 2.778vw; padding: .556vw; }
	.mt-room-search-action svg { width: 1.528vw; height: 1.528vw; }
}
@media(max-width: 1000px) { .room-grid { --columns: 1 !important; } }
@media(max-width: 500px) {
	.room-grid .room-row-h { grid-template-columns: 1fr; }
	.room-grid .room-img { grid-column: 1; grid-row: 1; padding: 0 5%; }
	.room-grid .room-txt { grid-column: 1; grid-row: 2; padding: 7%; }
	.mt-room-filter { margin-bottom: 24px; }
	.mt-room-filter-summary { grid-template-columns: minmax(0, 1fr) auto; }
	.mt-room-filter-chips { grid-column: 1; }
	.mt-room-filter-status { grid-column: 2; }
}
