:root {
--vbo-color-error: #b3261e; --vbo-pref-bgcolor: var(--wp--preset--color--accent);
--vbo-pref-bgcolorhov: var(--wp--preset--color--accent-dark);
--vbo-pref-fontcolor: var(--wp--preset--color--white);
--vbo-pref-fontcolorhov: var(--wp--preset--color--white); --vbo-pref-bgcolor-op05: color-mix(in srgb, var(--wp--preset--color--accent) 5%, transparent);
--vbo-pref-bgcolor-op10: color-mix(in srgb, var(--wp--preset--color--accent) 10%, transparent);
--vbo-pref-bgcolor-op20: color-mix(in srgb, var(--wp--preset--color--accent) 20%, transparent);
--vbo-pref-bgcolor-op35: color-mix(in srgb, var(--wp--preset--color--accent) 35%, transparent);
--vbo-pref-bgcolor-op50: color-mix(in srgb, var(--wp--preset--color--accent) 50%, transparent);
--vbo-pref-bgcolor-op75: color-mix(in srgb, var(--wp--preset--color--accent) 75%, transparent); --vik-accent-08: color-mix(in srgb, var(--wp--preset--color--accent) 8%, transparent);
--vik-accent-12: color-mix(in srgb, var(--wp--preset--color--accent) 12%, transparent);
--vik-accent-15: color-mix(in srgb, var(--wp--preset--color--accent) 15%, transparent);
--vik-accent-35: color-mix(in srgb, var(--wp--preset--color--accent) 35%, transparent);
--vik-accent-45: color-mix(in srgb, var(--wp--preset--color--accent) 45%, transparent);
} .vbo-pref-color-btn,
.vbselectordiv .btn,
.vbo-precheckin-uploadfile {
display: inline-block;
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
border: 1px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
background-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
font-size: var(--wp--preset--font-size--sm);
text-decoration: none;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.vbo-pref-color-btn:hover,
.vbselectordiv .btn:hover,
.vbo-precheckin-uploadfile:hover {
background-color: var(--wp--preset--color--accent-dark);
border-color: var(--wp--preset--color--accent-dark);
color: var(--wp--preset--color--white);
}
.vbo-pref-color-text,
.room_cost,
.vbo_price {
color: var(--wp--preset--color--accent);
} .vbo-pref-color-btn-secondary {
background-color: var(--wp--preset--color--accent-dark);
color: var(--wp--preset--color--white);
}
.vbo-pref-color-btn-secondary:hover {
background-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
}
.vbo-pref-color-element {
background-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
} .vbo-pref-bordercolor {
border-color: var(--wp--preset--color--accent) !important;
}
.vbo-pref-bordertext {
color: var(--wp--preset--color--accent) !important;
border-color: var(--wp--preset--color--accent) !important;
}
.vbo-pref-background {
background: var(--wp--preset--color--accent) !important;
} .ui-datepicker-calendar td.checkin-date > *,
.ui-datepicker-calendar td.checkout-date > *,
.ui-datepicker-calendar td.ui-state-highlight > *,
.ui-datepicker-calendar td.ui-datepicker-current-day > * {
background: var(--wp--preset--color--accent) !important;
border-color: var(--wp--preset--color--accent) !important;
color: var(--wp--preset--color--white) !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border-color: var(--wp--preset--color--accent) !important;
}
.ui-datepicker-header .ui-corner-all.ui-state-hover {
border-color: var(--wp--preset--color--accent) !important;
color: var(--wp--preset--color--accent) !important;
}
.ui-datepicker .ui-datepicker-current-day a {
color: var(--wp--preset--color--white) !important;
}
.ui-datepicker td:not(.ui-state-highlight):not(.ui-datepicker-unselectable):not(.date-will):not(.ui-datepicker-current-day) > :hover {
border-color: var(--wp--preset--color--accent) !important;
color: var(--wp--preset--color--accent) !important;
}
.ui-datepicker td.checkin-date a:hover,
.ui-datepicker td.checkout-date a:hover,
.ui-datepicker-calendar td.ui-datepicker-current-day > :hover {
color: var(--wp--preset--color--white) !important;
}
.ui-datepicker .ui-datepicker-today {
color: var(--wp--preset--color--accent) !important;
} .vbmodhorsearchmaindiv {
display: block;
width: 100%;
} .vbmodhorsearchmaindiv form {
display: grid;
grid-template-columns: auto auto auto auto 1fr;
grid-template-areas: "checkin checkout category guests book";
column-gap: 0;
align-items: center;
}
.vbmodhorsearchmaindiv form .vbmodhorsearchcheckindiv,
.vbmodhorsearchmaindiv form .vbmodhorsearchcheckoutdiv,
.vbmodhorsearchmaindiv form .vbmodhorsearchcategoriesblock {
display: flex;
flex-direction: column;
justify-content: center;
margin: 0;
padding: 0 var(--wp--preset--spacing--5) 0 0;
}
.vbmodhorsearchmaindiv form .vbmodhorsearchcheckindiv {
grid-area: checkin;
}
.vbmodhorsearchmaindiv form .vbmodhorsearchcheckoutdiv {
grid-area: checkout;
padding-left: var(--wp--preset--spacing--5);
border-left: 1px solid var(--wp--preset--color--line);
}
.vbmodhorsearchmaindiv form .vbmodhorsearchcategoriesblock {
grid-area: category;
padding-left: var(--wp--preset--spacing--5);
border-left: 1px solid var(--wp--preset--color--line);
}
.vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv {
grid-area: book;
display: flex;
align-items: center;
justify-self: end;
margin: 0;
padding-left: var(--wp--preset--spacing--5);
border-left: 1px solid var(--wp--preset--color--line);
} .vbmodhorsearchcheckindiv label,
.vbmodhorsearchcheckoutdiv label,
.vbmodhorsearchroomsel label,
.vbmodhscategories,
.horsanumlb,
.horscnumlb {
display: block;
margin: 0 0 var(--wp--preset--spacing--2);
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
} .vbmodhorsearchtotnights {
margin-left: var(--wp--preset--spacing--2);
flex-shrink: 0;
}
.vbmodhorsearchtotnights:empty {
display: none;
margin: 0;
}
.vbo-horizsearch-numnights-inner {
display: flex;
align-items: baseline;
gap: var(--wp--preset--spacing--1);
padding: var(--wp--preset--spacing--1) var(--wp--preset--spacing--3);
background-color: var(--wp--preset--color--background-alt);
border-radius: var(--vik-radius);
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
letter-spacing: 0.05em;
text-transform: uppercase;
white-space: nowrap;
}
.vbo-horizsearch-numnights-inner span:last-child {
color: var(--wp--preset--color--accent-dark);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--base);
font-weight: 600;
text-transform: none;
} .vbo-horizsearch-guests-wrap {
grid-area: guests;
position: relative;
display: flex;
align-items: center;
margin: 0;
border-left: 1px solid var(--wp--preset--color--line);
}
.vbo-horizsearch-guests-trigger {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: var(--wp--preset--spacing--1);
width: 100%;
padding: 0 var(--wp--preset--spacing--5);
background: none;
border: none;
cursor: pointer;
}
.vbo-horizsearch-guests-label {
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.vbo-horizsearch-guests-value {
color: var(--wp--preset--color--ink);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
}  .vbo-horizsearch-guests-panel {
position: fixed;
z-index: 100;
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--3);
box-sizing: border-box;
width: max-content;
min-width: 260px;
max-width: calc(100vw - 32px);
padding: var(--wp--preset--spacing--4);
background-color: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
color: var(--wp--preset--color--ink);
} .vbo-horizsearch-guests-panel[hidden] {
display: none !important;
} .vbo-horizsearch-guests-panel .vbmodhorsearchroomsel {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--3);
padding-bottom: var(--wp--preset--spacing--3);
border-bottom: 1px solid var(--wp--preset--color--line);
float: none;
margin: 0;
}
.vbo-horizsearch-guests-panel .vbmodhorsearchroomsel label {
margin: 0;
} .vbo-horizsearch-guests-panel .vbhsrnselsp select {
width: 80px !important;
} .vbo-horizsearch-guests-panel > .vbmodhorsearchroomdentr {
display: grid;
grid-template-columns: minmax(56px, auto) 1fr 1fr;
align-items: center;
gap: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
} .vbo-horizsearch-guests-panel > .vbmodhorsearchroomdentr:not(:has(.horscnumdiv)) {
grid-template-columns: minmax(56px, auto) 1fr;
}
.vbo-horizsearch-guests-panel .vbmodhorsearchroomdentr > .vbo-horizsearch-guests-row--header,
.vbo-horizsearch-guests-panel .vbmodhorsearchroomdentrfirst,
.vbo-horizsearch-guests-panel .vbmoreroomscontmod,
.vbo-horizsearch-guests-panel .vbmoreroomscontmod > div,
.vbo-horizsearch-guests-panel .vbmoreroomscontmod .vbmodhorsearchroomdentr {
display: contents;
} .vbmodhorsearchmaindiv .vbo-horizsearch-guests-wrap .vbo-horizsearch-guests-panel .vbmodhorsearchroomdentr > .vbo-horizsearch-guests-row--header,
.vbmodhorsearchmaindiv .vbo-horizsearch-guests-wrap .vbo-horizsearch-guests-panel .vbmodhorsearchroomdentrfirst,
.vbmodhorsearchmaindiv .vbo-horizsearch-guests-wrap .vbo-horizsearch-guests-panel .vbmoreroomscontmod,
.vbmodhorsearchmaindiv .vbo-horizsearch-guests-wrap .vbo-horizsearch-guests-panel .vbmoreroomscontmod > div,
.vbmodhorsearchmaindiv .vbo-horizsearch-guests-wrap .vbo-horizsearch-guests-panel .vbmoreroomscontmod .vbmodhorsearchroomdentr {
display: contents;
} .vbo-horizsearch-guests-panel .horsanumdiv:has(> .horscnumdiv) {
display: contents;
} .vbmodhorsearchmaindiv .vbo-horizsearch-guests-wrap .vbo-horizsearch-guests-panel .horsanumdiv:has(> .horscnumdiv) {
display: contents;
}
.vbo-horizsearch-guests-row--header span {
padding-bottom: var(--wp--preset--spacing--2);
border-bottom: 1px solid var(--wp--preset--color--line);
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
&:first-child {
border-bottom: 0;
}
}
.vbo-horizsearch-guests-panel .horsrnum {
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
}
.vbo-horizsearch-guests-panel .horsanumdiv,
.vbo-horizsearch-guests-panel .horscnumdiv {
display: block;
float: none;
margin: 0;
} .vbo-horizsearch-guests-panel .vbmodhorsearchroomdentr .horsanumsel,
.vbo-horizsearch-guests-panel .vbmodhorsearchroomdentr .horscnumsel {
display: block;
width: 100%;
} .vbo-horizsearch-guests-panel .horsanumlb,
.vbo-horizsearch-guests-panel .horscnumlb {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
white-space: nowrap;
clip: rect(0, 0, 0, 0);
border: 0;
}
.vbmodhorsearchmaindiv .input-group {
display: flex;
align-items: center;
} .vbmodhorsearchmaindiv .input-group input[type="text"] {
flex: 1;
min-width: 0;
height: 44px !important;
padding: 0 !important;
border: none;
background-color: transparent;
color: var(--wp--preset--color--ink);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
box-shadow: none;
}
.vbmodhorsearchmaindiv .input-group i {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 44px;
margin-left: var(--wp--preset--spacing--1);
background: transparent;
border: none;
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--base);
cursor: pointer;
} .vbmodhorsearchmaindiv .vbmodhorsearchrac select,
.vbmodhorsearchmaindiv .vbhsrnselsp select {
height: 44px !important;
max-width: none !important;
margin-bottom: 0 !important;
padding: 0 var(--wp--preset--spacing--6) 0 var(--wp--preset--spacing--3) !important;
width: 100%;
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
background-color: var(--wp--preset--color--background-alt);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath fill='%232C2C2C' d='M4 5 0 0h8z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right var(--wp--preset--spacing--3) center;
background-size: 8px 5px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
color: var(--wp--preset--color--ink);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
font-variant-numeric: lining-nums;
cursor: pointer;
} .vbmodhorsearchmaindiv .vbhsrcselsp select {
height: 44px !important;
max-width: none !important;
margin-bottom: 0 !important;
padding: 0 var(--wp--preset--spacing--5) 0 0 !important;
width: 100%;
border: none;
border-radius: 0;
background-color: transparent;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath fill='%232C2C2C' d='M4 5 0 0h8z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right var(--wp--preset--spacing--2) center;
background-size: 8px 5px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
color: var(--wp--preset--color--ink);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
cursor: pointer;
}
.vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv .vbsearchinputmodhors {
height: 44px;
margin: 0;
padding: 0 var(--wp--preset--spacing--5) !important;
font-family: var(--wp--preset--font-family--body);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
@media (max-width: 767px) {
.vbmodhorsearchmaindiv form {
grid-template-columns: 1fr;
grid-template-areas:
"checkin"
"checkout"
"category"
"guests"
"book";
}
.vbmodhorsearchmaindiv form .vbmodhorsearchcheckoutdiv,
.vbmodhorsearchmaindiv form .vbmodhorsearchcategoriesblock {
padding: var(--wp--preset--spacing--3) 0 0;
border-left: none;
border-top: 1px solid var(--wp--preset--color--line);
}
.vbo-horizsearch-guests-wrap {
border-left: none;
border-top: 1px solid var(--wp--preset--color--line);
}
.vbo-horizsearch-guests-trigger {
padding: var(--wp--preset--spacing--3) 0 0;
}
.vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv {
justify-self: stretch;
justify-content: center;
padding: var(--wp--preset--spacing--3) 0 0;
border-left: none;
border-top: 1px solid var(--wp--preset--color--line);
}
.vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv .vbsearchinputmodhors {
width: 100%;
}
} .vbo-horizsearch-humanformat-wrap .vbo-horizsearch-placeholder {
min-width: 132px;
color: var(--wp--preset--color--text-soft);
opacity: 0.75;
overflow-wrap: break-word;
}
.vbo-horizsearch-humanformat-wrap .vbmodhorsearch-humcalcont {
min-width: 0;
} .vbmodhorsearchmaindiv.vbo-horizsearch-humanformat-wrap form {
grid-template-columns: minmax(0, auto) auto auto 1fr;
grid-template-areas: "dates category guests book";
} .vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-dates-wrap {
grid-area: dates;
min-width: 0;
flex-wrap: wrap;
} .vbo-horizsearch-humanformat-wrap .vbo-horizsearch-showcalendar {
align-items: center;
min-height: auto;
padding: 0;
border: none;
border-radius: 0;
}
.vbo-horizsearch-humanformat-wrap .vbo-horizsearch-showcalendar > i {
width: 24px;
margin-right: var(--wp--preset--spacing--1);
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--base);
} .vbo-horizsearch-humanformat-wrap .vbo-horizsearch-period-mday {
color: var(--wp--preset--color--ink);
font-family: var(--wp--preset--font-family--display);
font-variant-numeric: lining-nums;
}
.vbo-horizsearch-humanformat-wrap .vbo-horizsearch-period-month,
.vbo-horizsearch-humanformat-wrap .vbo-horizsearch-period-year,
.vbo-horizsearch-humanformat-wrap .vbo-horizsearch-period-wday {
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
}  .vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-guests-wrap {
grid-area: guests;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-self: stretch;
padding-left: var(--wp--preset--spacing--5);
border-left: 1px solid var(--wp--preset--color--line);
} .vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-dates-wrap,
.vbo-horizsearch-humanformat-wrap .vbmodhorsearchcategoriesblock {
align-self: stretch;
} .vbmodhorsearchmaindiv.vbo-horizsearch-humanformat-wrap .vbmodhorsearchbookdiv {
align-self: stretch;
}
.vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-guests-wrap > label {
display: block;
margin: 0 0 var(--wp--preset--spacing--1);
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
cursor: pointer;
}
.vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-guests-count {
min-height: auto;
padding: 0;
border: none;
border-radius: 0;
gap: var(--wp--preset--spacing--4);
margin-top: 10px;
}
.vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-guests-count > div {
margin-right: 0;
gap: var(--wp--preset--spacing--1);
}
.vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-guests-count > div label {
margin: 0;
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
} .vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-guests-count > div span {
align-self: baseline;
color: var(--wp--preset--color--ink);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
font-weight: 600;
font-variant-numeric: lining-nums;
} .vbo-horizsearch-humanformat-wrap .vbmodhorsearchtotnights {
align-self: center;
} .vbo-horizsearch-humanformat-wrap .vbmodhorsearchtotnights .vbo-horizsearch-numnights-inner {
min-height: auto;
padding: var(--wp--preset--spacing--1) var(--wp--preset--spacing--3);
border: none;
font-size: var(--wp--preset--font-size--xs);
}  .vbo-horizsearch-humanformat-wrap .vbo-horizsearch-dpicker-cont {
position: fixed;
z-index: 2147483647;
}
.vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-guests-modifier {
position: fixed;
box-sizing: border-box;
width: max-content;
min-width: 260px;
max-width: calc(100vw - 32px);
padding: var(--wp--preset--spacing--4);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
background-color: var(--wp--preset--color--white);
color: var(--wp--preset--color--ink);
}
.vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-guests-modifier-inner .vbmodhorsearchroomsel {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--3);
margin: 0 0 var(--wp--preset--spacing--3);
padding-bottom: var(--wp--preset--spacing--3);
border-bottom: 1px solid var(--wp--preset--color--line);
}
.vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-guests-modifier-inner .vbmodhorsearchroomsel label {
margin: 0;
} .vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-guests-modifier-inner .vbhsrnselsp select {
width: 80px;
border-radius: var(--vik-radius);
} @media (max-width: 1023px) {
.vbmodhorsearchmaindiv.vbo-horizsearch-humanformat-wrap form {
grid-template-areas:
"dates"
"category"
"guests"
"book";
} .vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-dates-wrap {
flex-direction: column;
flex-wrap: nowrap;
} .vbmodhorsearchmaindiv.vbo-horizsearch-humanformat-wrap .vbmodhorsearchcheckoutdiv {
padding: var(--wp--preset--spacing--3) 0 0;
border-left: none;
border-top: 1px solid var(--wp--preset--color--line);
}
.vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-guests-wrap {
padding: var(--wp--preset--spacing--3) 0 0;
border-left: none;
border-top: 1px solid var(--wp--preset--color--line);
} .vbmodhorsearchmaindiv.vbo-horizsearch-humanformat-wrap .vbmodhorsearchbookdiv {
justify-self: stretch;
justify-content: center;
padding: var(--wp--preset--spacing--3) 0 0;
border-left: none;
border-top: 1px solid var(--wp--preset--color--line);
}
.vbo-horizsearch-humanformat-wrap .vbmodhorsearchbookdiv .vbsearchinputmodhors {
width: 100%;
} .vbo-horizsearch-humanformat-wrap .vbo-horizsearch-showcalendar,
.vbo-horizsearch-humanformat-wrap .vbmodhorsearch-hum-guests-count {
min-height: 44px;
}
}  .hero-split-panel__widget .vbmodhorsearchmaindiv form {
grid-template-columns: 1fr;
grid-template-areas:
"dates"
"category"
"guests"
"book";
row-gap: var(--wp--preset--spacing--4);
} .hero-split-panel__widget .vbmodhorsearchmaindiv form:has(.vbmodhorsearchtotnights:not(:empty)) {
grid-template-areas:
"dates"
"nights"
"category"
"guests"
"book";
} .hero-split-panel__widget .vbo-horizsearch-dates-row,
.hero-split-panel__widget .vbmodhorsearchtotnights,
.hero-split-panel__widget .vbmodhorsearchmaindiv form .vbmodhorsearchcategoriesblock,
.hero-split-panel__widget .vbo-horizsearch-guests-wrap,
.hero-split-panel__widget .vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv {
min-width: 0;
width: 100%;
}
.hero-split-panel__widget .vbo-horizsearch-dates-row {
grid-area: dates;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: var(--wp--preset--spacing--4);
margin-right: 0;
} .hero-split-panel__widget .vbmodhorsearchmaindiv form .vbmodhorsearchcheckindiv,
.hero-split-panel__widget .vbmodhorsearchmaindiv form .vbmodhorsearchcheckoutdiv {
grid-area: auto;
padding: var(--wp--preset--spacing--3);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
}
.hero-split-panel__widget .vbmodhorsearchtotnights {
grid-area: nights;
margin: 0;
}
.hero-split-panel__widget .vbmodhorsearchmaindiv form .vbmodhorsearchcategoriesblock {
grid-area: category;
box-sizing: border-box;
padding: var(--wp--preset--spacing--3);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
}
.hero-split-panel__widget .vbo-horizsearch-numnights-inner {
justify-content: center;
width: 100%;
box-sizing: border-box;
} .hero-split-panel__widget .vbo-horizsearch-guests-wrap {
grid-area: guests;
box-sizing: border-box;
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
}
.hero-split-panel__widget .vbo-horizsearch-guests-trigger {
padding: var(--wp--preset--spacing--3);
}
.hero-split-panel__widget .vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv {
grid-area: book;
justify-self: stretch;
padding: 0;
border: none;
}
.hero-split-panel__widget .vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv .vbsearchinputmodhors {
width: 100%;
justify-content: center;
} .hero-immersive__bar .vbmodhorsearchcheckindiv label,
.hero-immersive__bar .vbmodhorsearchcheckoutdiv label,
.hero-immersive__bar .vbmodhscategories,
.hero-immersive__bar .vbo-horizsearch-guests-label {
color: rgba(255, 255, 255, 0.7);
}
.hero-immersive__bar .vbmodhorsearchmaindiv .input-group input[type="text"],
.hero-immersive__bar .vbo-horizsearch-guests-value {
color: var(--wp--preset--color--white);
}
.hero-immersive__bar .vbmodhorsearchmaindiv .input-group i {
color: var(--wp--preset--color--white);
} .hero-immersive__bar .vbmodhorsearchmaindiv .vbhsrcselsp select {
color: var(--wp--preset--color--white);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath fill='%23FFFFFF' d='M4 5 0 0h8z'/%3E%3C/svg%3E");
}
.hero-immersive__bar .vbmodhorsearchmaindiv form .vbmodhorsearchcheckoutdiv,
.hero-immersive__bar .vbmodhorsearchmaindiv form .vbmodhorsearchcategoriesblock,
.hero-immersive__bar .vbo-horizsearch-guests-wrap,
.hero-immersive__bar .vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv {
border-left-color: rgba(255, 255, 255, 0.25);
}
.hero-immersive__bar .vbo-horizsearch-numnights-inner {
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.85);
}
.hero-immersive__bar .vbo-horizsearch-numnights-inner span:last-child {
color: var(--wp--preset--color--white);
}
@media (max-width: 767px) {
.hero-immersive__bar .vbmodhorsearchmaindiv form .vbmodhorsearchcheckoutdiv,
.hero-immersive__bar .vbmodhorsearchmaindiv form .vbmodhorsearchcategoriesblock,
.hero-immersive__bar .vbo-horizsearch-guests-wrap,
.hero-immersive__bar .vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv {
border-left-color: transparent;
border-top-color: rgba(255, 255, 255, 0.25);
}
} .hero-form-protagonist__card .vbmodhorsearchmaindiv form {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas:
"checkin checkout"
"category category"
"guests guests"
"book book";
column-gap: var(--wp--preset--spacing--5);
row-gap: var(--wp--preset--spacing--4);
}
.hero-form-protagonist__card .vbmodhorsearchmaindiv form .vbmodhorsearchcheckindiv,
.hero-form-protagonist__card .vbmodhorsearchmaindiv form .vbmodhorsearchcheckoutdiv,
.hero-form-protagonist__card .vbmodhorsearchmaindiv form .vbmodhorsearchcategoriesblock {
position: relative;
padding: var(--wp--preset--spacing--3);
border: 1px solid transparent;
border-radius: var(--vik-radius);
transition: border-color 0.2s ease;
}
.hero-form-protagonist__card .vbmodhorsearchmaindiv form .vbmodhorsearchcategoriesblock {
grid-area: category;
}
.hero-form-protagonist__card .vbmodhorsearchcategoriesblock:hover,
.hero-form-protagonist__card .vbmodhorsearchcategoriesblock:focus-within {
border-color: rgba(255, 255, 255, 0.35);
}
.hero-form-protagonist__card .vbmodhorsearchcheckindiv:hover,
.hero-form-protagonist__card .vbmodhorsearchcheckindiv:focus-within,
.hero-form-protagonist__card .vbmodhorsearchcheckoutdiv:hover,
.hero-form-protagonist__card .vbmodhorsearchcheckoutdiv:focus-within {
border-color: rgba(255, 255, 255, 0.35);
} .hero-form-protagonist__card .vbmodhorsearchcheckindiv::after,
.hero-form-protagonist__card .vbmodhorsearchcheckoutdiv::after {
content: "Modifica \2304";
position: absolute;
top: var(--wp--preset--spacing--2);
right: var(--wp--preset--spacing--2);
color: rgba(255, 255, 255, 0.7);
font-size: 10px;
letter-spacing: 0.05em;
text-transform: uppercase;
opacity: 0;
transition: opacity 0.2s ease;
pointer-events: none;
}
.hero-form-protagonist__card .vbmodhorsearchcheckindiv:hover::after,
.hero-form-protagonist__card .vbmodhorsearchcheckindiv:focus-within::after,
.hero-form-protagonist__card .vbmodhorsearchcheckoutdiv:hover::after,
.hero-form-protagonist__card .vbmodhorsearchcheckoutdiv:focus-within::after {
opacity: 1;
}
.hero-form-protagonist__card .vbo-horizsearch-guests-wrap {
grid-area: guests;
border: none;
}
.hero-form-protagonist__card .vbo-horizsearch-guests-trigger {
padding: var(--wp--preset--spacing--3);
}
.hero-form-protagonist__card .vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv {
grid-area: book;
justify-self: stretch;
padding: var(--wp--preset--spacing--4) 0 0;
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.hero-form-protagonist__card .vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv .vbsearchinputmodhors {
width: 100%;
justify-content: center;
}
.hero-form-protagonist__card .vbmodhorsearchcheckindiv label,
.hero-form-protagonist__card .vbmodhorsearchcheckoutdiv label,
.hero-form-protagonist__card .vbmodhscategories,
.hero-form-protagonist__card .vbo-horizsearch-guests-label {
color: rgba(255, 255, 255, 0.7);
}
.hero-form-protagonist__card .vbmodhorsearchmaindiv .input-group input[type="text"],
.hero-form-protagonist__card .vbo-horizsearch-guests-value {
color: var(--wp--preset--color--white);
}
.hero-form-protagonist__card .vbmodhorsearchmaindiv .input-group i {
color: var(--wp--preset--color--white);
} .hero-form-protagonist__card .vbmodhorsearchmaindiv .vbhsrcselsp select {
color: var(--wp--preset--color--white);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath fill='%23FFFFFF' d='M4 5 0 0h8z'/%3E%3C/svg%3E");
}
.hero-form-protagonist__card .vbo-horizsearch-numnights-inner {
background-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.85);
}
.hero-form-protagonist__card .vbo-horizsearch-numnights-inner span:last-child {
color: var(--wp--preset--color--white);
} .hero-form-protagonist__card .vbmodhorsearchcheckindiv label::before,
.hero-form-protagonist__card .vbmodhorsearchcheckoutdiv label::before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
margin-right: var(--wp--preset--spacing--1);
vertical-align: -1px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-opacity='0.7' stroke-width='1.3'%3E%3Crect x='2' y='3' width='12' height='11' rx='1'/%3E%3Cline x1='2' y1='6.5' x2='14' y2='6.5'/%3E%3Cline x1='5' y1='1.5' x2='5' y2='4'/%3E%3Cline x1='11' y1='1.5' x2='11' y2='4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.hero-form-protagonist__card .vbo-horizsearch-guests-label::before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
margin-right: var(--wp--preset--spacing--1);
vertical-align: -1px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-opacity='0.7' stroke-width='1.3'%3E%3Ccircle cx='8' cy='5.5' r='2.5'/%3E%3Cpath d='M3 14c0-3 2.5-5 5-5s5 2 5 5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
} .vbmodrooms-item {
margin: 0;
background-color: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
box-shadow: none;
}
.vbmodroomsboxdiv {
overflow: hidden;
border-radius: var(--vik-radius);
}
.vbmodroomsimg {
display: block;
height: 280px;
object-fit: cover;
}
.vbmodrooms-item .vbinf {
padding: var(--wp--preset--spacing--4);
}
.vbmodrooms-divblock {
margin: 0 0 var(--wp--preset--spacing--2);
}
.vbmodroomsname {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 400;
}
.vbmodroomsbeds {
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--sm);
}
.vbmodroomscat {
margin-bottom: var(--wp--preset--spacing--2);
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
font-style: normal;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.vbmodroomsdesc {
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--sm);
}
.vbmodroomsroomcost {
padding-top: var(--wp--preset--spacing--3);
border-top: 1px solid var(--wp--preset--color--line);
font-size: var(--wp--preset--font-size--lg);
font-weight: 600;
}
.vbmodroomslabelcost {
margin-left: var(--wp--preset--spacing--2);
color: var(--wp--preset--color--text-soft);
font-weight: 400;
}
.vbmodroomsview {
margin: 0 var(--wp--preset--spacing--4) var(--wp--preset--spacing--4);
}
.vbmodroomsview > a {
border-radius: var(--vik-radius);
} .vbo-search-mainview {
background-color: var(--wp--preset--color--background-alt);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
padding: var(--wp--preset--spacing--5);
margin-bottom: var(--wp--preset--spacing--8);
box-sizing: border-box; max-width: 920px;
margin-inline: auto;
}
@media (min-width: 768px) {
.vbo-search-mainview {
padding: var(--wp--preset--spacing--6);
margin-top: var(--wp--preset--spacing--8);
}
} .vbdivsearch.vbo-search-mainview .vbo-search-row {
display: flex;
align-items: flex-end;
flex-wrap: nowrap;
gap: var(--wp--preset--spacing--6);
justify-content: space-between;
width: 100%;
}
.vbo-search-inpblock-checkin,
.vbo-search-inpblock-checkout {
flex: 0 0 auto;
margin: 0;
} .vbo-search-mainview .vbo-search-inpblock .input-group {
padding-bottom: var(--wp--preset--spacing--1);
border-bottom: 1px solid var(--wp--preset--color--line);
} .vbo-search-mainview .input-group {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--1);
} #checkindate,
#checkoutdate {
height: auto;
padding: 0;
border: none;
border-radius: 0;
background-color: transparent;
background-image: none;
width: auto;
min-width: 132px;
overflow: visible;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
color: var(--wp--preset--color--ink);
font-variant-numeric: lining-nums;
cursor: pointer;
} .vbo-search-mainview .vbo-search-inpblock .input-group .vbo-caltrigger {
width: auto;
height: auto;
padding: 0;
border: none;
border-radius: 0;
float: none;
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--base);
line-height: 1;
} .vbo-search-mainview .vbo-search-inpblock label {
display: block;
margin: 0 0 var(--wp--preset--spacing--1);
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
} .vbo-search-nights-wrap[hidden] {
display: none;
}
.vbo-search-nights-wrap {
display: flex;
flex: 0 0 auto;
flex-direction: column;
align-items: center;
gap: var(--wp--preset--spacing--1);
}
.vbo-search-nights-label {
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
} .vbo-search-mainview #vbjstotnights {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
margin: 0;
padding: 0;
border: 1px solid var(--wp--preset--color--line);
border-radius: 50%;
background-color: var(--wp--preset--color--white);
color: var(--wp--preset--color--ink);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--base);
font-weight: 400;
font-variant-numeric: lining-nums;
white-space: nowrap;
} .vbo-search-guests-wrap,
.vbo-search-categories {
flex: 0 0 auto;
margin: 0;
position: relative;
}
.vbo-search-submit {
flex: 0 0 auto;
margin: 0;
} .vbo-search-guests-trigger {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: var(--wp--preset--spacing--1);
padding: 0 0 var(--wp--preset--spacing--1);
background: none;
border: none;
border-bottom: 1px solid var(--wp--preset--color--line);
font-family: inherit;
text-align: left;
cursor: pointer;
}
.vbo-search-guests-label {
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.vbo-search-guests-value {
color: var(--wp--preset--color--ink);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
font-variant-numeric: lining-nums;
} #vbo-formcategories {
height: auto;
padding: 0 var(--wp--preset--spacing--5) var(--wp--preset--spacing--1) 0;
border: none;
border-bottom: 1px solid var(--wp--preset--color--line);
border-radius: 0;
background-color: transparent;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath fill='%232C2C2C' d='M4 5 0 0h8z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right center;
background-size: 8px 5px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
color: var(--wp--preset--color--ink);
cursor: pointer;
}
#vbo-formcategories:focus {
outline: none;
box-shadow: 0 0 0 3px var(--vik-accent-15);
}
.vbo-search-mainview .vbformcategories {
display: block;
margin: 0 0 var(--wp--preset--spacing--1);
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
} .vbo-search-submit .btn,
.vbo-search-submit .vbo-pref-color-btn {
width: 100%;
} .vbo-search-submit .btn {
border-radius: var(--vik-radius);
border-color: var(--wp--preset--color--accent);
background-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 600;
letter-spacing: 0.02em;
}
.vbo-search-submit .btn:hover {
border-color: var(--wp--preset--color--accent-dark);
background-color: var(--wp--preset--color--accent-dark);
color: var(--wp--preset--color--white);
} .vbo-search-guests-panel {
position: fixed;
z-index: 100;
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--3);
box-sizing: border-box;
width: max-content;
min-width: 320px;
max-width: calc(100vw - 32px);
max-height: calc(100vh - 32px);
overflow-y: auto;
padding: var(--wp--preset--spacing--4);
background-color: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
color: var(--wp--preset--color--ink);
}
.vbo-search-guests-panel[hidden] {
display: none;
} .vbo-search-num-rooms {
display: none;
}
#vbo-search-num-aduchild-block {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--3);
width: 100%;
float: none;
} .vbo-search-num-aduchild-entry {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: var(--wp--preset--spacing--2) var(--wp--preset--spacing--5);
padding-bottom: var(--wp--preset--spacing--3);
border-bottom: 1px solid var(--wp--preset--color--line);
} .vbo-search-roomnum {
flex: 0 0 100%;
padding-right: var(--wp--preset--spacing--6);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--base);
font-weight: 500;
color: var(--wp--preset--color--ink);
font-variant-numeric: lining-nums;
box-sizing: border-box;
}
.vbo-search-num-adults-entry,
.vbo-search-num-children-entry {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--1);
}
.vbo-search-num-adults-entry-label,
.vbo-search-num-children-entry-label {
display: block;
margin: 0;
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
} .vbo-search-guests-stepper {
display: inline-flex;
align-items: center;
width: fit-content;
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
}
.vbo-search-guests-stepper-btn {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 36px;
padding: 0;
border: 0;
background: transparent;
color: var(--wp--preset--color--ink);
font-size: var(--wp--preset--font-size--base);
line-height: 1;
cursor: pointer;
transition: background-color 0.2s ease;
}
.vbo-search-guests-stepper-btn:hover:not(:disabled) {
background-color: var(--wp--preset--color--background-alt);
}
.vbo-search-guests-stepper-btn:disabled {
opacity: 0.35;
cursor: not-allowed;
}
.vbo-search-guests-stepper-value {
display: flex;
align-items: center;
justify-content: center;
min-width: 28px;
height: 36px;
border-left: 1px solid var(--wp--preset--color--line);
border-right: 1px solid var(--wp--preset--color--line);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--base);
color: var(--wp--preset--color--ink);
font-variant-numeric: lining-nums;
}
.vbo-search-guests-stepper select {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} .vbo-search-guests-remove[hidden] {
display: none;
}
.vbo-search-guests-remove {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
padding: 0;
border: 0;
background: transparent;
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--lg);
line-height: 1;
cursor: pointer;
}
.vbo-search-guests-remove:hover {
color: var(--wp--preset--color--accent);
} .vbo-search-guests-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--3);
padding-top: var(--wp--preset--spacing--1);
}
.vbo-search-guests-add {
padding: 0;
background: none;
border: none;
color: var(--wp--preset--color--accent);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 600;
cursor: pointer;
}
.vbo-search-guests-add:hover:not(:disabled) {
color: var(--wp--preset--color--accent-dark);
}
.vbo-search-guests-add:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.vbo-search-guests-done {
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--5);
background-color: var(--wp--preset--color--accent);
border: 1px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
color: var(--wp--preset--color--white);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 600;
cursor: pointer;
}
.vbo-search-guests-done:hover {
background-color: var(--wp--preset--color--accent-dark);
border-color: var(--wp--preset--color--accent-dark);
}
.vbo-guests-allowed-policy,
.vbo-booking-modification-msg {
font-size: var(--wp--preset--font-size--xs);
color: var(--wp--preset--color--text-soft);
} @media (max-width: 1023px) { .vbdivsearch.vbo-search-mainview .vbo-search-row {
flex-direction: column;
align-items: stretch;
} .vbo-search-nights-wrap {
align-self: flex-start;
}
} @media (max-width: 767px) {
.vbo-search-guests-panel {
position: fixed;
inset: auto 0 0 0;
width: 100%;
max-width: 100%;
max-height: 85vh;
border-radius: var(--vik-radius) var(--vik-radius) 0 0;
border-bottom: none;
box-shadow: 0 -16px 32px rgba(0, 0, 0, 0.16);
}
.vbo-search-guests-backdrop {
position: fixed;
inset: 0;
z-index: 99;
background-color: rgba(30, 30, 30, 0.4);
}
.vbo-search-guests-backdrop[hidden] {
display: none;
}
}
body.vbo-search-guests-lock-scroll {
overflow: hidden;
}  .vb-shortcode-wrap {
box-sizing: border-box;
padding-left: var(--wp--preset--spacing--5);
padding-right: var(--wp--preset--spacing--5);
margin-top: var(--wp--preset--spacing--5);
}
@media (min-width: 768px) {
.vb-shortcode-wrap {
padding-left: var(--wp--preset--spacing--6);
padding-right: var(--wp--preset--spacing--6);
}
}
@media (min-width: 1024px) {
.vb-shortcode-wrap {
padding-left: var(--wp--preset--spacing--8);
padding-right: var(--wp--preset--spacing--8);
}
}
.vblistcontainer {
margin-top: var(--wp--preset--spacing--6);
margin-bottom: var(--wp--preset--spacing--8);
}
.vblist {
display: grid;
grid-template-columns: 1fr;
gap: var(--wp--preset--spacing--6);
list-style: none;
margin: 0;
padding: 0;
}
@media (min-width: 768px) {
.vblist {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.vblist {
grid-template-columns: repeat(3, 1fr);
}
}
.room_result {
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
overflow: hidden;
}
.room_result-inner {
display: flex;
flex-direction: column;
height: 100%;
}
.vbimglistdiv .vblistimg {
display: block;
width: 100%;
height: 280px;
object-fit: cover;
}
.vblistroomblock {
padding: var(--wp--preset--spacing--4);
}
.vblistroomcat {
display: inline-block;
margin-bottom: var(--wp--preset--spacing--2);
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
letter-spacing: 0.05em;
text-transform: uppercase;
}
.vbrowcname {
margin: 0 0 var(--wp--preset--spacing--2);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
}
.vbrowcname a {
color: var(--wp--preset--color--ink);
text-decoration: none;
}
.vbrowcdescr {
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--sm);
}
.vbcontdivtot {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: var(--wp--preset--spacing--4);
padding-top: var(--wp--preset--spacing--4);
border-top: 1px solid var(--wp--preset--color--line);
}
.room_cost {
font-size: var(--wp--preset--font-size--lg);
font-weight: 600;
}
.vbliststartfrom {
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
} .vblistcontainer-list .vblist {
display: flex;
flex-direction: column;
gap: 0;
}
.vblistcontainer-list .room_result {
border: none;
border-bottom: 1px solid var(--wp--preset--color--line);
border-top: 1px solid var(--wp--preset--color--line);
border-radius: 0;
overflow: visible;
margin: 22px 0 22px 0;
}
.vblistcontainer-list .room_result:first-child {
border-top: 1px solid var(--wp--preset--color--line);
} .vblistcontainer-list .room_result-inner {
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
height: auto;
} .vblistcontainer-list .vblistroomblock {
display: flex;
flex-wrap: nowrap;
flex: 1 1 auto;
width: auto;
min-width: 0;
min-height: 0;
float: none;
border-right: none;
padding: var(--wp--preset--spacing--6) var(--wp--preset--spacing--6) var(--wp--preset--spacing--6) 0;
}
.vblistcontainer-list .vbimglistdiv {
position: relative;
flex: 0 0 240px;
width: 240px;
}
.vblistcontainer-list .vbimglistdiv .vblistimg {
width: 100%;
height: 100%;
margin: 0;
}
.vblistcontainer-list .vbo-info-room {
flex: 1 1 auto;
min-width: 0;
padding: var(--wp--preset--spacing--6) 0 var(--wp--preset--spacing--6) var(--wp--preset--spacing--6);
}
.vblistcontainer-list .vbdescrlistdiv {
padding: 0;
overflow: visible;
} .vblistcontainer-list .vbrowcdescr {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
} .vblistcontainer-list .roomlist_carats {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--3);
margin-top: var(--wp--preset--spacing--3);
padding: 0;
}
.vblistcontainer-list .vbo-room-carats {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--3);
margin: 0;
}
.vblistcontainer-list .roomlist_carats .vbo-room-carat,
.vblistcontainer-list .room_carats .vbo-room-carat {
display: inline-flex;
align-items: center;
justify-content: center;
height: 30px;
margin: 0;
border: 1px solid var(--wp--preset--color--line);
border-radius: 100px;
} .vblistcontainer-list .roomlist_carats .vbo-room-carat:has(.vbo-icn-carat),
.vblistcontainer-list .room_carats .vbo-room-carat:has(.vbo-icn-carat) {
width: 30px;
}
.vblistcontainer-list .roomlist_carats .vbo-room-carat:not(:has(.vbo-icn-carat)),
.vblistcontainer-list .room_carats .vbo-room-carat:not(:has(.vbo-icn-carat)) {
padding: 0 var(--wp--preset--spacing--4);
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
white-space: nowrap;
}
.vblistcontainer-list .vbo-icn-carat {
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--sm);
} .vblistcontainer-list .vbrowroomcapacity {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--1);
margin: 0;
text-align: left;
}
.vblistcontainer-list .vbo-room-carats + .vbrowroomcapacity {
padding-left: var(--wp--preset--spacing--3);
border-left: 1px solid var(--wp--preset--color--line);
}
.vblistcontainer-list .vbrowroomcapacity i {
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--sm);
} .vblistcontainer-list .vbcontdivtot {
position: static;
float: none;
left: 0;
flex: 0 0 auto;
align-self: stretch;
display: flex;
align-items: center;
justify-content: center;
width: auto;
margin: 0;
padding: 0 var(--wp--preset--spacing--6);
border-top: none;
border-left: 1px solid var(--wp--preset--color--line);
}
.vblistcontainer-list .vbdivtot {
float: none;
width: 100%;
}
.vblistcontainer-list .vbdivtotinline {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--wp--preset--spacing--3);
}
.vblistcontainer-list .vbsrowprice {
padding: 0;
}
.vblistcontainer-list .vbselectordiv {
width: auto;
margin: 0;
padding: 0;
border-top: none;
}
.vblistcontainer-list .vbselectr {
width: auto;
} @media (max-width: 767px) {
.vblistcontainer-list .room_result-inner {
flex-direction: column;
}
.vblistcontainer-list .vblistroomblock {
flex-direction: column;
padding: 0;
}
.vblistcontainer-list .vbimglistdiv {
flex-basis: auto;
width: 100%;
height: 200px;
}
.vblistcontainer-list .vbo-info-room {
padding: var(--wp--preset--spacing--5);
}
.vblistcontainer-list .vbcontdivtot {
align-self: auto;
justify-content: flex-start;
width: 100%;
padding: var(--wp--preset--spacing--5);
border-left: none;
border-top: 1px solid var(--wp--preset--color--line);
}
} .rooms-list-style--lista-02 .vblistcontainer-list .vblist {
gap: var(--wp--preset--spacing--7);
}
.rooms-list-style--lista-02 .vblistcontainer-list .room_result {
margin: 0 auto;
border: none;
border-radius: 0;
overflow: visible;
max-width: 850px;
}
.rooms-list-style--lista-02 .vblistcontainer-list .room_result:first-child {
border-top: none;
}
.rooms-list-style--lista-02 .vblistcontainer-list .room_result-inner {
display: block;
}
.rooms-list-style--lista-02 .vblistcontainer-list .vblistroomblock {
display: block;
padding: 0;
}
.rooms-list-style--lista-02 .vblistcontainer-list .vbimglistdiv {
position: relative;
width: 100%;
height: 340px;
}
@media (min-width: 1024px) {
.rooms-list-style--lista-02 .vblistcontainer-list .vbimglistdiv {
height: 400px;
}
}  .rooms-list-style--lista-02 .vblistcontainer-list .vbimglistdiv .vblistimg {
width: 82.3529%;
height: 100%;
margin: 0;
border-radius: var(--vik-radius);
object-fit: cover;
} .rooms-list-style--lista-02 .vblistcontainer-list .vbmodalrdetails {
top: 12px;
left: 12px;
right: auto;
} .rooms-list-style--lista-02 .vbo-lista02-ready .vbo-info-room,
.rooms-list-style--lista-02 .vbo-lista02-ready .vbcontdivtot {
display: none;
} .vbo-lista02-card {
box-sizing: border-box;
position: absolute;
top: 24px;
left: 64.7059%;
width: 35.2941%;
z-index: 3;
padding: var(--wp--preset--spacing--4);
background-color: var(--wp--preset--color--white);
border-radius: var(--vik-radius);
box-shadow: 0 24px 48px rgba(0, 0, 0, 0.18);
}
.vbo-lista02-card .vbdescrlistdiv {
padding: 0;
overflow: visible;
}
.vbo-lista02-card .vbrowcname {
margin: 0 0 var(--wp--preset--spacing--2);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
font-weight: 600;
}
.vbo-lista02-card .vbrowcname a {
color: var(--wp--preset--color--text);
text-decoration: none;
}
.vbo-lista02-meta {
display: flex;
align-items: center;
margin-bottom: var(--wp--preset--spacing--2);
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
}
.vbo-lista02-meta .vbrowroomcapacity {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--1);
margin: 0;
}
.vbo-lista02-meta .vbrowroomcapacity i {
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--sm);
}
.vbo-lista02-meta .vblistroomcat {
margin: 0;
padding-left: var(--wp--preset--spacing--3);
border-left: 1px solid var(--wp--preset--color--line);
letter-spacing: 0.05em;
text-transform: uppercase;
}
.vbo-lista02-meta .vbrowroomcapacity + .vblistroomcat {
margin-left: var(--wp--preset--spacing--3);
} .vbo-lista02-card .vbrowcdescr {
display: -webkit-box;
overflow: hidden;
margin-top: var(--wp--preset--spacing--4);
margin-bottom: var(--wp--preset--spacing--3);
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
} .vbo-lista02-card .vbo-room-carats {
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--2);
margin: 0 0 var(--wp--preset--spacing--3);
}
.vbo-lista02-card .vbo-room-carats .vbo-room-carat {
display: inline-flex;
align-items: center;
justify-content: center;
height: 24px;
margin: 0;
border: 1px solid var(--wp--preset--color--line);
border-radius: 100px;
} .vbo-lista02-card .vbo-room-carats .vbo-room-carat:has(.vbo-icn-carat) {
width: 24px;
}
.vbo-lista02-card .vbo-room-carats .vbo-room-carat:not(:has(.vbo-icn-carat)) {
padding: 0 var(--wp--preset--spacing--3);
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
white-space: nowrap;
}
.vbo-lista02-card .vbo-icn-carat {
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--xs);
}
.vbo-lista02-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--3);
padding-top: var(--wp--preset--spacing--2);
border-top: 1px solid var(--wp--preset--color--line);
}
.vbo-lista02-footer .vbsrowpricediv {
padding: 0;
}
.vbo-lista02-footer .room_cost {
font-size: var(--wp--preset--font-size--md);
font-weight: 600;
}
.vbo-lista02-footer .vbliststartfrom {
display: block;
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
}
.vbo-lista02-footer .vbselectordiv,
.vbo-lista02-footer .vbselectr {
width: auto;
margin: 0;
padding: 0;
border: none;
} .vbo-lista02-footer .vbselectr a,
.vbo-lista02-footer .btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
background-color: transparent;
border: 1px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--sm);
text-decoration: none;
white-space: nowrap;
}
.vbo-lista02-footer .vbselectr a:hover,
.vbo-lista02-footer .btn:hover {
background-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
} @media (max-width: 767px) { .rooms-list-style--lista-02 .vblistcontainer-list .vbimglistdiv {
height: auto;
}
.rooms-list-style--lista-02 .vblistcontainer-list .vbimglistdiv .vblistimg {
width: 100%;
height: 220px;
}
.vbo-lista02-card {
position: static;
top: auto;
left: auto;
width: 100%;
margin-top: var(--wp--preset--spacing--4);
border: 1px solid var(--wp--preset--color--line);
box-shadow: none;
}
} @media (min-width: 768px) {
.rooms-list-style--rows .vblistcontainer-list .room_result:nth-child(even) .vblistroomblock {
flex-direction: row-reverse;
padding: var(--wp--preset--spacing--6) 0 var(--wp--preset--spacing--6) var(--wp--preset--spacing--6);
}
.rooms-list-style--rows .vblistcontainer-list .room_result:nth-child(even) .vbo-info-room {
padding: var(--wp--preset--spacing--6) var(--wp--preset--spacing--6) var(--wp--preset--spacing--6) 0;
}
}  .vblistcontainer-grid .room_result {
box-sizing: border-box;
} .vblistcontainer-grid .vblist {
gap: 0;
}  .vblistcontainer-grid .room_result-inner {
flex-wrap: nowrap;
}
.vblistcontainer-grid .vblistroomblock {
padding: 0;
}
.vblistcontainer-grid .vbimglistdiv .vblistimg {
height: 300px;
}  .vblistcontainer-grid .vbo-info-room {
display: flex;
flex-direction: column;
min-width: 0;
gap: var(--wp--preset--spacing--2);
padding: var(--wp--preset--spacing--5) var(--wp--preset--spacing--5) var(--wp--preset--spacing--4);
}
.vblistcontainer-grid .vbdescrlistdiv {
display: flex;
flex-direction: column;
padding: 0;
overflow: visible;
} .vblistcontainer-grid .vblistroomcat {
order: -1;
font-size: var(--wp--preset--font-size--xs);
}
.vblistcontainer-grid .vbrowcname {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} .vblistcontainer-grid .vbo-grid-descr-row {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
min-width: 0;
gap: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
} .vblistcontainer-grid .vbrowcdescr {
display: -webkit-box;
flex: 1 1 160px;
min-width: 160px;
overflow: hidden;
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--sm);
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
} .vblistcontainer-grid .roomlist_carats {
flex: 0 1 auto;
min-width: 0;
max-width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--3);
margin: 0;
padding: 0;
}
.vblistcontainer-grid .vbo-room-carats {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--3);
margin: 0;
}
.vblistcontainer-grid .roomlist_carats .vbo-room-carat {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
height: auto;
margin: 0;
border: none;
border-radius: 0;
background: none;
}
.vblistcontainer-grid .roomlist_carats .vbo-room-carat:not(:has(.vbo-icn-carat)) {
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
white-space: nowrap;
}
.vblistcontainer-grid .vbo-icn-carat {
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--xs);
} .vblistcontainer-grid .vbrowroomcapacity {
display: flex;
flex-shrink: 0;
align-items: center;
gap: var(--wp--preset--spacing--1);
margin: 0;
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
white-space: nowrap;
}
.vblistcontainer-grid .vbrowroomcapacity i {
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--base);
}  .vblistcontainer-grid .vbcontdivtot {
flex: 0 0 auto;
align-self: stretch;
margin-top: auto;
padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--5) var(--wp--preset--spacing--5);
box-sizing: border-box;
}
.vblistcontainer-grid .vbdivtot {
float: none;
width: 100%;
}
.vblistcontainer-grid .vbdivtotinline {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--3);
}
.vblistcontainer-grid .vbsrowprice {
padding: 0;
text-align: left;
}
.vblistcontainer-grid .vbsrowpricediv {
padding: 0;
text-align: left;
} .vblistcontainer-grid .vbsrowpricediv .vbo-price-label--starting-from {
display: block;
margin-bottom: 2px;
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
letter-spacing: 0.05em;
text-transform: uppercase;
}
.vblistcontainer-grid .room_cost {
font-family: var(--wp--preset--font-family--display);
font-variant-numeric: lining-nums;
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
}
.vblistcontainer-grid .vbliststartfrom {
margin-left: var(--wp--preset--spacing--1);
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
}
.vblistcontainer-grid .vbselectordiv {
width: auto;
margin: 0;
padding: 0;
border-top: none;
}
.vblistcontainer-grid .vbselectr {
width: auto;
}  .vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .room_item {
flex-wrap: nowrap;
align-items: stretch;
border: none;
border-top: 1px solid var(--wp--preset--color--line);
margin: 0;
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .room_item:last-child {
border-bottom: 1px solid var(--wp--preset--color--line);
}  .vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vblistroomblock {
display: flex;
flex-wrap: nowrap;
flex: 1 1 auto;
width: auto;
min-width: 0;
min-height: 220px;
float: none;
border-right: none;
padding: var(--wp--preset--spacing--6) 0;
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbimglistdiv {
position: relative;
flex: 0 0 220px;
width: 220px;
overflow: hidden;
border-radius: var(--vik-radius);
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbimglistdiv .vblistimg {
width: 100%;
height: 100%;
margin: 0;
object-fit: cover;
} .vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbo-dots-slider-selector {
position: absolute;
inset: 0;
} .vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vik-dots-slider-container,
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vik-dots-slider-inner,
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vik-dots-slider-slides,
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vik-dots-slider-slide {
width: 100% !important;
height: 100% !important;
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vik-dots-slider-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbo-info-room {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-width: 0;
gap: var(--wp--preset--spacing--2);
padding: 0 0 0 var(--wp--preset--spacing--6);
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbdescrlistdiv {
padding: 0;
overflow: visible;
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbrowcname {
margin: 0 0 var(--wp--preset--spacing--1);
} .vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbrowcdescr {
display: -webkit-box;
overflow: hidden;
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--sm);
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
} .vbo-searchresults-classic-wrap .vbo-result-readmore-wrap {
margin-top: var(--wp--preset--spacing--1);
}
.vbo-searchresults-classic-wrap .vbo-result-readmore-trig {
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--xs);
text-decoration: underline;
text-underline-offset: 2px;
}
.vbo-searchresults-classic-wrap .vbo-result-readmore-trig:hover {
color: var(--wp--preset--color--accent-dark);
} .vbo-searchresults-classic-wrap .roomlist_carats,
.vbo-searchresults-compact-wrap .roomlist_carats {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--2);
margin: 0;
padding: 0;
}
.vbo-searchresults-classic-wrap .vbo-room-carats {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--2);
margin: 0;
}
.vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carat,
.vbo-searchresults-compact-wrap .roomlist_carats .vbo-room-carat {
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
margin: 0;
border: none;
border-radius: var(--vik-radius);
background: var(--vik-accent-12);
}
.vbo-searchresults-compact-wrap .vbrowcdescr {
margin-bottom: var(--wp--preset--spacing--4);
}
.vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carat:has(.vbo-icn-carat),
.vbo-searchresults-compact-wrap .roomlist_carats .vbo-room-carat:has(.vbo-icn-carat) {
width: 32px;
}
.vbo-searchresults-classic-wrap .vbo-icn-carat,
.vbo-searchresults-compact-wrap .vbo-icn-carat {
color: var(--wp--preset--color--accent-dark);
font-size: var(--wp--preset--font-size--sm);
} .vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carat:not(:has(.vbo-icn-carat)),
.vbo-searchresults-compact-wrap .roomlist_carats .vbo-room-carat:not(:has(.vbo-icn-carat)) {
padding: 0 var(--wp--preset--spacing--3);
color: var(--wp--preset--color--accent-dark);
font-size: var(--wp--preset--font-size--xs);
white-space: nowrap;
}
.vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carat:has(.vbo-carat-fallback-icon),
.vbo-searchresults-compact-wrap .roomlist_carats .vbo-room-carat:has(.vbo-carat-fallback-icon) {
width: 32px;
padding: 0;
}
.vbo-searchresults-classic-wrap .vbo-carat-fallback-icon,
.vbo-searchresults-compact-wrap .vbo-carat-fallback-icon {
display: block;
width: 15px;
height: 15px;
background-color: var(--wp--preset--color--accent-dark);
-webkit-mask: var(--vbo-icon-tag) center / contain no-repeat;
mask: var(--vbo-icon-tag) center / contain no-repeat;
--vbo-icon-tag: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2H4a2 2 0 0 0-2 2v8l10 10 10-10-10-10z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5' fill='black' stroke='none'/%3E%3C/svg%3E");
} .vbo-searchresults-classic-wrap .vbrowroomcapacity i {
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--sm);
}
.vbo-searchresults-classic-wrap .vbrowroomcapacity i.vbo-empty-personicn {
color: var(--wp--preset--color--line);
} .vbo-searchresults-classic-wrap .vbo-searchresults-capacity-fraction {
margin-left: var(--wp--preset--spacing--1);
padding: 2px var(--wp--preset--spacing--2);
border-radius: 100px;
background: var(--vik-accent-12);
color: var(--wp--preset--color--accent-dark);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 500;
font-variant-numeric: lining-nums;
white-space: nowrap;
}  .vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbcontdivtot {
position: static;
float: none;
left: 0;
flex: 0 0 auto;
align-self: stretch;
display: flex;
align-items: center;
justify-content: center;
width: auto;
margin: 0;
padding: var(--wp--preset--spacing--5) 0 var(--wp--preset--spacing--5) var(--wp--preset--spacing--6);
border-top: none;
border-left: 1px solid var(--wp--preset--color--line);
box-sizing: border-box;
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbdivtot {
float: none;
width: 100%;
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbdivtotinline {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: var(--wp--preset--spacing--3);
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbsrowprice {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: var(--wp--preset--spacing--3);
padding: 0;
text-align: right;
} .vbo-searchresults-classic-wrap .vbrowroomcapacity {
order: 1;
}
.vbo-searchresults-classic-wrap .vblastavail,
.vbo-searchresults-classic-wrap .vbsrowprice > .vbo-unavailable-block {
order: 2;
}
.vbo-searchresults-classic-wrap .vbsrowpricediv {
order: 3;
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbselectordiv {
display: block;
width: auto;
margin: 0;
padding: 0;
border-top: none;
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbselectr-result {
width: auto;
margin: 0;
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
} .vbo-searchresults-classic-wrap .vbsrowpricediv {
padding: 0;
text-align: inherit;
}
.vbo-searchresults-classic-wrap .room_cost {
display: block;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
font-variant-numeric: lining-nums;
}
.vbo-searchresults-classic-wrap .vbsrowpricediv .vbo-price-label--per-night {
display: block;
margin-top: 2px;
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 400;
} .vbo-searchresults-classic-wrap .vblastavail {
display: inline-block;
margin: 0;
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
border: 1px solid var(--vik-accent-45);
border-radius: 100px;
background: transparent;
color: var(--wp--preset--color--accent-dark);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 500;
line-height: 1.4;
white-space: nowrap;
} .vbo-searchresults-classic-wrap .vbimglistdiv .vblastavail {
position: absolute;
top: var(--wp--preset--spacing--3);
left: var(--wp--preset--spacing--3);
z-index: 2;
width: auto;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
} .vbo-searchresults-classic-wrap .vbimglistdiv .vblastavail:not(.vblastavail--critical) {
background: var(--wp--preset--color--white);
}
.vbo-searchresults-classic-wrap .vblastavail--critical {
border-color: var(--wp--preset--color--accent);
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
}  .vbo-searchresults-classic-wrap .vbo-unavailable-block {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
margin: var(--wp--preset--spacing--2) 0;
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
border: 1px solid var(--wp--preset--color--line);
border-radius: 100px;
background: transparent;
} .vbo-searchresults-classic-wrap .vbsrowprice > .vbo-unavailable-block {
margin: var(--wp--preset--spacing--2) 0 0;
}
.vbo-searchresults-classic-wrap .vbo-unavailable-icon i {
display: block;
width: 15px;
height: 15px;
border: none;
background-color: var(--wp--preset--color--text-soft);
color: transparent;
font-size: 0;
-webkit-mask: var(--vbo-icon-ban) center / contain no-repeat;
mask: var(--vbo-icon-ban) center / contain no-repeat;
}
.vbo-unavailable-icon {
--vbo-icon-ban: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M6.5 6.5l11 11'/%3E%3C/svg%3E");
}
.vbo-searchresults-classic-wrap .vbo-unavailable-description {
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--sm);
white-space: nowrap;
} .vbo-searchresults-classic-wrap .vbo-result-listing-unavailable .vbimglistdiv {
filter: grayscale(80%);
opacity: 0.55;
} .vbo-searchresults-classic-wrap .vbselectordiv .vbo-result-unavailable {
background: transparent;
border: 1px solid var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent);
}
.vbo-searchresults-classic-wrap .vbselectordiv .vbo-result-unavailable:hover {
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
} .vbo-searchresults-classic-wrap .vbmodalrdetails a {
width: 28px;
height: 28px;
line-height: 28px;
border-radius: var(--vik-radius);
background: var(--wp--preset--color--white);
color: var(--wp--preset--color--accent-dark);
opacity: 1;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}
.vbo-searchresults-classic-wrap .vbimglistdiv:hover .vbmodalrdetails a,
.vbo-searchresults-classic-wrap .vbmodalrdetails a:hover {
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
opacity: 1;
} @media (max-width: 767px) {
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .room_item {
flex-direction: column;
padding-bottom: var(--wp--preset--spacing--5);
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vblistroomblock {
flex-direction: column;
padding: 0;
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbimglistdiv {
flex-basis: auto;
width: 100%;
height: 200px;
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbo-info-room {
padding: var(--wp--preset--spacing--5) 0 0;
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbcontdivtot {
align-self: auto;
justify-content: flex-start;
width: 100%;
padding: var(--wp--preset--spacing--5) 0 0;
border-left: none;
margin-top: var(--wp--preset--spacing--5);
margin-bottom: var(--wp--preset--spacing--5);
}
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbdivtotinline,
.vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbsrowprice {
align-items: flex-start;
text-align: left;
}
}  .vbo-searchresults-classic-wrap .vbsearchproominfo {
background: var(--wp--preset--color--white);
border-color: var(--wp--preset--color--line);
}
.vbo-searchresults-classic-wrap .vbsearchnroom {
background: var(--wp--preset--color--background-alt);
color: var(--wp--preset--color--text);
}
@media (max-width: 550px) {
.vbsearchproominfo > span {
width: auto;
}
} .vbo-searchresults-classic-wrap:not(.vblistcontainer-grid) .vbo-searchresults-step-content:not(:first-child) {
margin-top: var(--wp--preset--spacing--7);
padding-top: var(--wp--preset--spacing--6);
border-top: 1px solid var(--wp--preset--color--line);
} .vbo-repeated-room-note {
display: block;
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-style: italic;
margin: var(--wp--preset--spacing--1) 0 0;
}  .vbo-searchresults-classic-wrap.vblistcontainer-grid .room_item {
flex-direction: column;
} .vbo-searchresults-classic-wrap.vblistcontainer-grid .vbsrowpricediv::before {
content: none;
} .vbo-searchresults-classic-wrap.vblistcontainer-grid .vbrowcdescr {
flex: 0 1 auto;
min-width: 0;
}  .vbo-searchresults-classic-wrap.vblistcontainer-grid .vbdivtotinline {
align-items: flex-end;
gap: var(--wp--preset--spacing--4);
flex-wrap: wrap;
}
.vbo-searchresults-classic-wrap.vblistcontainer-grid .vbsrowprice {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--wp--preset--spacing--2);
text-align: left;
} .vbo-searchresults-classic-wrap.vblistcontainer-grid .vbo-result-readmore-wrap {
display: none;
} #vbselectroomform .goback {
margin: var(--wp--preset--spacing--5) 0;
}
#vbselectroomform .goback .vbo-goback-link {
display: inline-flex;
align-items: center;
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
border: 1px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
background: transparent;
color: var(--wp--preset--color--accent);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
text-decoration: none;
box-sizing: border-box;
transition: background-color 0.2s ease, color 0.2s ease;
}
#vbselectroomform .goback .vbo-goback-link:hover {
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
} .vbo-searchresults-classic-wrap .vbmodalrdetails {
top: var(--wp--preset--spacing--3);
right: var(--wp--preset--spacing--3);
} .vbo-results-head .vbo-results-summary-compact {
display: none;
}
.vbo-carat-label {
display: none;
}
.vbo-searchresults-map-toggle {
display: none;
}
.vbo-searchresults-map-expand,
.vbo-searchresults-map-expand-hint {
display: none;
} @media (max-width: 1023px) { .vbo-results-head:not(.vbo-results-head-showprc) {
flex-wrap: wrap;
} .vbo-results-head:not(.vbo-results-head-showprc) > .vbo-results-head-fields {
display: none;
}  .vbo-results-head:not(.vbo-results-head-showprc) .vbo-results-summary-compact {
display: flex;
align-items: center;
justify-content: flex-start;
gap: var(--wp--preset--spacing--3);
flex: 1 1 auto;
padding: 0 var(--wp--preset--spacing--3);
order: 1;
border: 0;
} .vbo-results-head .vbo-results-summary-compact i {
flex-shrink: 0;
color: var(--wp--preset--color--accent);
}
.vbo-results-summary-compact span {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 600;
color: var(--wp--preset--color--text);
line-height: 1.4;
} .vbo-results-head:not(.vbo-results-head-showprc) > .vbo-results-chdates {
order: 2;
flex-grow: 0;
flex-shrink: 0;
padding: 0;
margin: 0 var(--wp--preset--spacing--3);
}
} @media (min-width: 1024px) {
.vbo-results-without-geomap .vblistcontainer-grid .vbo-searchresults-party-content:has(.room_item:nth-child(1):nth-last-child(1)) {
grid-template-columns: minmax(0, 1fr);
width: calc((100% - 2 * 1.25rem) / 3);
}
.vbo-results-without-geomap .vblistcontainer-grid .vbo-searchresults-party-content:has(.room_item:nth-child(2):nth-last-child(1)) {
grid-template-columns: repeat(2, minmax(0, 1fr));
width: calc((100% - 2 * 1.25rem) * 2 / 3 + 1.25rem);
}
} @media (min-width: 768px) and (max-width: 1023px) { .vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbo-searchresults-party-content {
display: block;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .room_item {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
width: auto;
margin: 0 0 var(--wp--preset--spacing--6);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
overflow: hidden;
background: var(--wp--preset--color--white);
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .room_item:last-child {
margin-bottom: 0;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vblistroomblock {
display: flex;
flex-direction: column;
flex: 1 1 auto;
width: auto;
min-height: 0;
float: none;
border-right: none;
padding: 0;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbimglistdiv {
position: relative;
flex: none;
width: 100%;
height: 220px;
border-radius: 0;
overflow: hidden;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbimglistdiv .vblistimg {
width: 100%;
height: 100%;
margin: 0;
object-fit: cover;
} .vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbo-dots-slider-selector {
position: absolute;
inset: 0;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vik-dots-slider-container,
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vik-dots-slider-inner,
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vik-dots-slider-slides,
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vik-dots-slider-slide {
width: 100% !important;
height: 100% !important;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vik-dots-slider-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbo-info-room {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--2);
padding: var(--wp--preset--spacing--5);
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbdescrlistdiv {
padding: 0;
overflow: visible;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbrowcname {
margin: 0;
} .vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbrowcdescr {
display: -webkit-box;
overflow: hidden;
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--sm);
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbo-result-readmore-wrap {
display: none;
} .vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbrowroomcapacity {
display: none;
} .vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .roomlist_carats,
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbo-room-carats {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--4);
margin: 0;
padding: 0;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .roomlist_carats .vbo-room-carat {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
width: auto;
height: auto;
padding: 0;
border: none;
border-radius: 0;
background: none;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbo-icn-carat {
color: var(--wp--preset--color--accent-dark);
font-size: var(--wp--preset--font-size--sm);
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbo-carat-fallback-icon {
width: 14px;
height: 14px;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbo-carat-label {
display: inline;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-soft);
white-space: nowrap;
} .vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbcontdivtot {
position: static;
float: none;
left: 0;
width: 100%;
margin: 0;
padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--5);
border-top: 1px solid var(--wp--preset--color--line);
border-left: none;
box-sizing: border-box;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbdivtot {
float: none;
width: 100%;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbdivtotinline {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--4);
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbsrowprice {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--wp--preset--spacing--1);
padding: 0;
text-align: left;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbsrowpricediv {
padding: 0;
text-align: inherit;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbselectordiv {
display: block;
width: auto;
margin: 0;
padding: 0;
border-top: none;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbselectr-result {
width: auto;
margin: 0;
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--6);
} .vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbimglistdiv .vblastavail {
top: 0;
left: 0;
border-radius: 0;
border-width: 0;
box-shadow: none;
} .vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbimglistdiv .vbo-unavailable-block {
position: absolute;
top: 0;
left: 0;
z-index: 2;
margin: 0;
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
border: none;
border-radius: 0;
background: var(--wp--preset--color--text);
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbimglistdiv .vbo-unavailable-block .vbo-unavailable-icon i {
background-color: var(--wp--preset--color--white);
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbimglistdiv .vbo-unavailable-description {
color: var(--wp--preset--color--white);
white-space: nowrap;
} .vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbo-result-listing-unavailable .vbsrowprice {
display: none;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbo-result-listing-unavailable .vbdivtotinline {
justify-content: flex-end;
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbselectordiv .vbo-result-unavailable {
background: transparent;
border: 1px solid var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent);
}
.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap.vbo-searchresults-classic-wrap .vbselectordiv .vbo-result-unavailable:hover {
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
} } @media (max-width: 1023px) {
.vbo-results-with-geomap.vbo-results-content {
flex-direction: column;
}
.vbo-results-body .vbo-results-with-geomap .vbo-searchresults-classic-wrap {
width: 100%;
margin-right: 0;
}
.vbo-results-body .vbo-results-with-geomap .vbo-searchresults-geo-wrapper {
display: block;
order: -1;
width: 100%;
margin: 0 0 var(--wp--preset--spacing--4);
}
.vbo-results-body .vbo-results-with-geomap .vbo-geo-wrapper {
position: relative;
border-radius: var(--vik-radius);
top: 0;
}
.vbo-results-body .vbo-results-with-geomap #vbo-results-geo-map {
height: 180px !important;
} .vbo-searchresults-map-expand {
display: block;
position: absolute;
inset: 0;
z-index: 5;
width: 100%;
height: 100%;
border: none;
padding: 0;
background: transparent;
cursor: pointer;
}
.vbo-searchresults-map-expand-hint {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--1);
position: absolute;
right: var(--wp--preset--spacing--3);
bottom: var(--wp--preset--spacing--3);
z-index: 6;
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
border-radius: 100px;
background: var(--wp--preset--color--white);
color: var(--wp--preset--color--text);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 500;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
pointer-events: none;
} .vbo-searchresults-map-toggle {
display: none;
align-items: center;
gap: var(--wp--preset--spacing--2);
position: fixed;
left: 50%;
bottom: var(--wp--preset--spacing--5);
z-index: 40;
transform: translateX(-50%);
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
border: none;
border-radius: 100px;
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 500;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
cursor: pointer;
}
.vbo-results-content.vbo-map-scrolled-past .vbo-searchresults-map-toggle {
display: inline-flex;
}
.vbo-searchresults-map-toggle:hover {
background: var(--wp--preset--color--accent-dark);
} .vbo-results-content.vbo-map-open .vbo-searchresults-geo-wrapper {
position: fixed;
inset: 0;
z-index: 50;
width: 100%;
margin: 0;
}
.vbo-results-content.vbo-map-open .vbo-geo-wrapper {
position: static;
width: 100%;
height: 100%;
border-radius: 0;
}
.vbo-results-content.vbo-map-open .vbo-results-geo-map-container {
height: 100%;
}
.vbo-results-content.vbo-map-open #vbo-results-geo-map {
height: 100% !important;
}
.vbo-results-content.vbo-map-open .vbo-searchresults-classic-wrap,
.vbo-results-content.vbo-map-open .vbo-searchresults-map-toggle,
.vbo-results-content.vbo-map-open .vbo-searchresults-map-expand,
.vbo-results-content.vbo-map-open .vbo-searchresults-map-expand-hint {
display: none;
}
.vbo-results-content.vbo-map-open .vbo-searchresults-map-close {
display: inline-flex;
} .vbo-searchresults-map-close {
display: none;
align-items: center;
justify-content: center;
position: fixed;
top: var(--wp--preset--spacing--4);
right: var(--wp--preset--spacing--4);
z-index: 51;
width: 40px;
height: 40px;
border: none;
border-radius: var(--vik-radius);
background: var(--wp--preset--color--white);
color: var(--wp--preset--color--text);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
cursor: pointer;
}
}  .vbo-searchresults-compact-wrap .vbo-room-result-wrap {
margin: var(--wp--preset--spacing--6) 0;
}
.vbo-searchresults-compact-wrap .vbo-room-result-inner {
border-radius: var(--vik-radius);
border: 1px solid var(--wp--preset--color--line);
}
.vbo-searchresults-compact-wrap .vbo-room-result-inner .vbo-room-result-body > div {
border-right: 1px solid var(--wp--preset--color--line);
} .vbo-searchresults-compact-wrap .vbo-room-result-head {
background: var(--wp--preset--color--background-alt);
}
.vbo-searchresults-compact-wrap .vbo-room-result-head > div {
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--4);
}
.vbo-searchresults-compact-wrap .vbo-room-result-head > div span {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--wp--preset--color--text-soft);
} .vbo-searchresults-compact-wrap .vbo-room-result-inner > div > .vbo-room-result-head-party,
.vbo-searchresults-compact-wrap .vbo-room-result-body-bookingsolution .vbo-room-result-body-price-party {
flex-basis: 130px;
}
.vbo-searchresults-compact-wrap .vbo-room-result-inner > div > .vbo-room-result-head-select,
.vbo-searchresults-compact-wrap .vbo-room-result-body-bookingsolution .vbo-room-result-body-price-selection {
flex-basis: 130px;
} .vbo-searchresults-compact-wrap .vbo-room-result-body-bookingsolutions .vbo-room-result-body-bookingsolution {
margin: var(--wp--preset--spacing--3) var(--wp--preset--spacing--4);
border-radius: var(--vik-radius);
border-color: var(--wp--preset--color--line);
align-items: center;
}
.vbo-searchresults-compact-wrap .vbo-room-result-body-bookingsolution > div {
padding: var(--wp--preset--spacing--4);
border-right-color: var(--wp--preset--color--line);
} .vbo-searchresults-compact-wrap .vbo-room-result-body-price-amount .room_cost {
color: var(--wp--preset--color--accent-dark);
font-family: var(--wp--preset--font-family--display);
font-variant-numeric: lining-nums;
font-size: var(--wp--preset--font-size--md);
font-weight: 500;
} .vbo-searchresults-compact-wrap.vbo-searchresults-compact-wrap .vbo-room-result-body-details .vbo-room-result-body-rname .vbo-room-result-body-lastavail {
display: inline-block;
float: none;
margin: 0 0 0 var(--wp--preset--spacing--2);
padding: var(--wp--preset--spacing--1) var(--wp--preset--spacing--3);
border: 1px solid var(--vik-accent-45);
border-radius: 100px;
background: var(--wp--preset--color--white);
color: var(--wp--preset--color--accent-dark);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 500;
line-height: 1.4;
white-space: nowrap;
vertical-align: middle;
}
.vbo-searchresults-compact-wrap.vbo-searchresults-compact-wrap .vbo-room-result-body-details .vbo-room-result-body-rname .vbo-room-result-body-lastavail--critical {
border-color: var(--wp--preset--color--accent);
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
} .vbo-searchresults-compact-wrap .vbo-room-result-body-price-party-adults,
.vbo-searchresults-compact-wrap .vbo-room-result-body-price-party-children {
display: flex;
align-items: center;
gap: 2px;
}
.vbo-searchresults-compact-wrap .vbo-room-result-body-price-party-adults i,
.vbo-searchresults-compact-wrap .vbo-room-result-body-price-party-children i {
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--sm);
}
.vbo-searchresults-compact-wrap .vbo-compact-guests-pill {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 2px var(--wp--preset--spacing--2);
border-radius: 100px;
background: var(--vik-accent-12);
color: var(--wp--preset--color--accent-dark);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 500;
font-variant-numeric: lining-nums;
white-space: nowrap;
} .vbo-searchresults-compact-wrap .vbo-room-result-body-price-selection {
justify-content: center;
} .vbo-searchresults-compact-wrap .vbo-room-result-body-bookmsg {
border-color: var(--vik-accent-35);
background: var(--vik-accent-08);
color: var(--wp--preset--color--accent-dark);
font-family: var(--wp--preset--font-family--body);
} .vbo-searchresults-compact-wrap .vbo-room-result-body-bookbtn .btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
border: 1px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
background-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 600;
}
.vbo-searchresults-compact-wrap .vbo-room-result-body-bookbtn .btn:hover {
border-color: var(--wp--preset--color--accent-dark);
background-color: var(--wp--preset--color--accent-dark);
} .vbo-booking-print {
display: flex;
justify-content: flex-end;
margin-bottom: var(--wp--preset--spacing--3);
}
.vbo-booking-print a.vbo-booking-print-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
color: var(--wp--preset--color--text-soft);
text-decoration: none;
transition: border-color 0.2s ease, color 0.2s ease;
font-size: 16px;
}
.vbo-booking-print-link:hover {
border-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent);
}
.vbo-booking-details-intro {
margin: 0 0 var(--wp--preset--spacing--4);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
color: var(--wp--preset--color--ink);
} .vbo-booking-details-head {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
margin-bottom: var(--wp--preset--spacing--5);
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
border: 1px solid currentColor;
border-radius: 100px;
}
.vbo-booking-details-head::before {
content: "";
flex-shrink: 0;
width: 15px;
height: 15px;
background-color: currentColor;
-webkit-mask: var(--vbo-status-icon) center / contain no-repeat;
mask: var(--vbo-status-icon) center / contain no-repeat;
}
.vbo-booking-details-head h4 {
margin: 0;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 600;
color: inherit;
}
.vbo-booking-details-head-pending {
--vbo-status-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E");
background: var(--vik-accent-08);
border-color: var(--vik-accent-35);
color: var(--wp--preset--color--accent-dark);
}
.vbo-booking-details-head-confirmed {
--vbo-status-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12l3 3 5-6'/%3E%3C/svg%3E");
background: rgba(91, 122, 91, 0.1);
border-color: rgba(91, 122, 91, 0.4);
color: #4f6b4f;
}
.vbo-booking-details-head-cancelled {
--vbo-status-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E");
background: rgba(179, 38, 30, 0.06);
border-color: rgba(179, 38, 30, 0.3);
color: var(--vbo-color-error);
} .vbo-booking-paybar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--4);
margin: 0 0 var(--wp--preset--spacing--6);
padding: var(--wp--preset--spacing--5) var(--wp--preset--spacing--6);
background: var(--vik-paybar-bg);
border-radius: var(--vik-radius);
color: #fff;
}
.vbo-booking-paybar-label {
display: block;
margin-bottom: var(--wp--preset--spacing--1);
color: rgba(250, 250, 248, 0.7);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.vbo-booking-paybar-price {
display: flex;
align-items: baseline;
gap: var(--wp--preset--spacing--2);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--xl);
font-weight: 500;
}
.vbo-booking-paybar-price .vbo_currency,
.vbo-booking-paybar-price .vbo_price {
color: var(--wp--preset--color--white);
font-variant-numeric: lining-nums;
}
.vbo-booking-paybar-nights {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 400;
color: rgba(250, 250, 248, 0.6);
} .vbo-booking-paybar-action .vbvordpaybutton {
margin: 0;
padding: 0;
border: none;
border-radius: 0;
box-shadow: none;
text-align: right;
}
.vbo-booking-paybar-action .vbo-pref-color-btn,
.vbo-booking-paybar-action .btn {
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--6);
font-weight: 600;
} .vbo-booking-details-midcontainer {
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--5);
margin-bottom: var(--wp--preset--spacing--4);
}
a[name="bmodreqf"] {
display: none;
} .vbo-booking-details-midcontainer > .vbo-booking-details-bookinfos,
.vbo-booking-details-midcontainer > .vbo-booking-details-udets {
flex: 1 1 300px;
margin: 0;
padding: var(--wp--preset--spacing--5);
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
box-shadow: none;
} .vbo-booking-details-midcontainer > .vbo-booking-details-actions {
flex: 1 1 100%;
margin: 0;
padding: 0;
border: none;
box-shadow: none;
}
.vbvordudatatitle {
display: block;
position: relative;
margin-bottom: var(--wp--preset--spacing--4);
border-bottom: 0;
padding-bottom: var(--wp--preset--spacing--3);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
font-weight: 500;
color: var(--wp--preset--color--ink);
text-transform: initial;
}
.vbvordudatatitle::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 32px;
height: 2px;
background: var(--wp--preset--color--accent);
} .vbo-booking-details-bookinfos {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: start;
gap: 0 var(--wp--preset--spacing--4);
align-content: first baseline;
}
.vbo-booking-details-bookinfos .vbvordudatatitle {
grid-column: 1 / -1;
}
.vbo-booking-details-bookinfo:first-of-type,
.vbo-booking-details-bookinfo:last-of-type {
grid-column: 1 / -1;
} .vbo-bookingdet-custdata {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: start;
gap: 0 var(--wp--preset--spacing--4);
}
.vbo-bookingdet-userdetail:nth-child(3),
.vbo-bookingdet-userdetail:last-child {
grid-column: 1 / -1;
}
.vbo-booking-details-bookinfo,
.vbo-bookingdet-userdetail {
display: flex;
flex-direction: column;
gap: 2px;
padding: var(--wp--preset--spacing--2) 0;
margin: 0 0 12px;
}
.vbo-booking-details-bookinfo:last-child, .vbo-bookingdet-userdetail:last-child {
margin-bottom: 0;
}
.vbo-booking-details-bookinfo-lbl,
.vbo-bookingdet-userdetail-lbl {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: normal;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--wp--preset--color--text-soft);
}
.vbo-booking-details-bookinfo-val,
.vbo-bookingdet-userdetail-val {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--base);
font-weight: 600;
color: var(--wp--preset--color--ink);
} .vbo-booking-details-actions-inner {
flex-wrap: wrap;
gap: var(--wp--preset--spacing--3);
margin-top: var(--wp--preset--spacing--5);
}
.vbo-booking-mod-cmd a,
.vbo-booking-mod-cmd span,
.vbo-booking-canc-cmd span {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
margin-top: 0;
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
color: var(--wp--preset--color--ink);
font-size: var(--wp--preset--font-size--sm);
text-align: left;
text-decoration: none;
cursor: pointer;
transition: border-color 0.2s ease, color 0.2s ease;
}
.vbo-booking-mod-cmd a:hover,
.vbo-booking-mod-cmd a:active,
.vbo-booking-mod-cmd a:focus,
.vbo-booking-mod-cmd span:hover,
.vbo-booking-canc-cmd span:hover {
background: var(--wp--preset--color--white);
border-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent);
} .vbo-booking-mod-cmd.vbo-booking-precheckin-cmd a {
background: var(--wp--preset--color--accent);
border-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
font-weight: 600;
}
.vbo-booking-mod-cmd.vbo-booking-precheckin-cmd a:hover,
.vbo-booking-mod-cmd.vbo-booking-precheckin-cmd a:active,
.vbo-booking-mod-cmd.vbo-booking-precheckin-cmd a:focus {
background: var(--wp--preset--color--accent-dark);
border-color: var(--wp--preset--color--accent-dark);
color: var(--wp--preset--color--white);
} .vbo-booking-details-midcontainer > .vbordcancformbox {
margin: 0;
padding: 0;
box-shadow: none;
border: 0;
}
.vbo-booking-cancform-inner {
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
padding: var(--wp--preset--spacing--5);
margin-top: 0;
}
.vbo-booking-cancform-inner h4 {
position: relative;
margin: 0 0 var(--wp--preset--spacing--4);
padding-bottom: var(--wp--preset--spacing--3);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
font-weight: 500;
color: var(--wp--preset--color--ink);
}
.vbo-booking-cancform-inner h4::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 32px;
height: 2px;
background: var(--wp--preset--color--accent);
}
.vbordcancform-entry {
margin-bottom: var(--wp--preset--spacing--4);
}
.vbordcancform-entry-label label {
display: block;
margin-bottom: var(--wp--preset--spacing--2);
font-family: var(--wp--preset--font-family--body);
font-weight: 600;
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--ink);
}
.vbordcancform-entry-inp .vbinput,
.vbordcancform-entry-inp .vbtextarea {
width: 100%;
box-sizing: border-box;
} .vbordcancform-entry-submit input.vbo-pref-color-btn {
background: var(--wp--preset--color--accent);
border: 1px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--6);
margin-top: var(--wp--preset--spacing--2);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.vbordcancform-entry-submit input.vbo-pref-color-btn:hover {
background: var(--wp--preset--color--accent-dark);
border-color: var(--wp--preset--color--accent-dark);
} .vbo-booking-rooms-wrapper {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--4);
margin-bottom: var(--wp--preset--spacing--6);
}
.vbvordroominfo {
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--5);
padding: var(--wp--preset--spacing--5);
margin: 0;
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
box-sizing: border-box;
box-shadow: none;
}
.vbo-booking-roomphoto {
flex: 0 0 160px;
width: 160px;
height: 120px;
border-radius: var(--vik-radius);
overflow: hidden;
}
.vbo-booking-roomphoto img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.vbordroomdet {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--1);
flex: 1 1 220px;
min-width: 200px;
}
.vbvordroominfotitle {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
color: var(--wp--preset--color--ink);
}
.vbordroomdetpeople {
display: flex;
gap: var(--wp--preset--spacing--2);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-soft);
}
.vbo-booking-roomrate {
margin-top: var(--wp--preset--spacing--2);
}
.vbvordcoststitlemain {
display: flex;
flex-direction: column;
gap: 2px;
}
.vbo-booking-pricename {
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-soft);
}
.vbo-booking-roomrate .room_cost {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
color: var(--wp--preset--color--accent);
font-variant-numeric: lining-nums;
}
.vbo-booking-rooms-wrapper .vbo-booking-room-extras {
flex: 0 0 220px;
padding-left: var(--wp--preset--spacing--5);
border-top: 0;
border-left: 1px solid var(--wp--preset--color--line);
}
.vbvordcoststitle {
display: block;
margin-bottom: var(--wp--preset--spacing--2);
font-size: var(--wp--preset--font-size--xs);
font-weight: normal;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--wp--preset--color--text-soft);
}
.vbo-booking-item-row {
display: flex;
justify-content: space-between;
gap: var(--wp--preset--spacing--3);
padding: var(--wp--preset--spacing--1) 0;
font-size: var(--wp--preset--font-size--sm);
}
.vbo-booking-pricedet {
color: var(--wp--preset--color--ink);
font-weight: 600;
}
.vbo-booking-room-extras-services {
margin-top: var(--wp--preset--spacing--3);
}
@media (max-width: 767px) {
.vbo-booking-roomphoto {
width: 100%;
height: 180px;
flex-basis: 100%;
}
.vbo-booking-room-extras {
flex-basis: 100%;
padding-left: 0;
padding-top: var(--wp--preset--spacing--4);
margin-top: var(--wp--preset--spacing--3);
border-left: none;
border-top: 1px solid var(--wp--preset--color--line);
}
}  .vbo-booking-rooms-wrapper:has(.vbvordroominfo-multi) {
gap: 0;
padding: var(--wp--preset--spacing--5);
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-left: 3px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
counter-reset: vbo-rooms-count;
box-sizing: border-box;
}
.vbo-booking-rooms-wrapper:has(.vbvordroominfo-multi)::after {
order: -1;
content: counter(vbo-rooms-count) " camere prenotate";
display: block;
margin-bottom: var(--wp--preset--spacing--4);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
font-weight: 500;
color: var(--wp--preset--color--ink);
} .vbvordroominfo-multi {
width: 100%;
counter-increment: vbo-rooms-count;
background: transparent;
border: none;
border-radius: 0;
border-bottom: 1px solid var(--wp--preset--color--line);
padding: var(--wp--preset--spacing--4) 0;
}
.vbvordroominfo-multi:last-of-type {
border-bottom: none;
padding-bottom: 0;
}
.vbvordroominfo-multi:first-of-type {
padding-top: 0;
} .vbvordroominfo-multi .vbordroomdet {
margin: 0;
} .vbo-booking-costs-list {
border: 0;
box-shadow: none;
padding: 0;
margin-bottom: var(--wp--preset--spacing--6);
}
.vbo-booking-cost-detail {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: var(--wp--preset--spacing--2);
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
}
.vbo-booking-cost-detail + .vbo-booking-cost-detail {
border-top: none;
}
.vbo-booking-cost-detail:first-child {
border-radius: var(--vik-radius) var(--vik-radius) 0 0;
padding:  var(--wp--preset--spacing--4) var(--wp--preset--spacing--5);
border-bottom: 0;
}
.vbo-booking-cost-detail:last-child {
border-radius: 0 0 var(--vik-radius) var(--vik-radius);
padding:  var(--wp--preset--spacing--5);
border-top: 2px solid var(--wp--preset--color--accent);
}
.vbo-booking-cost-detail:first-child:last-child {
border-radius: var(--vik-radius);
}
.vbo-booking-cost-lbl span {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--wp--preset--color--text-soft);
}
.vbo-booking-cost-val-number .vbo_price {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
font-weight: 500;
font-variant-numeric: lining-nums;
}
.vbo-booking-cost-val-number .vbo_currency {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--base);
}
.vbo-booking-cost-detail-discount .vbo-booking-cost-val-number .vbo_price,
.vbo-booking-cost-detail-discount .vbo-booking-cost-val-number .vbo_currency,
.vbo-booking-cost-detail-refund .vbo-booking-cost-val-number .vbo_price,
.vbo-booking-cost-detail-refund .vbo-booking-cost-val-number .vbo_currency {
color: var(--vbo-green-color);
}
.vbo-booking-cost-detail-total,
.vbo-booking-cost-detail-remainingbalance {
background: var(--wp--preset--color--background-alt);
border-top: 2px solid var(--wp--preset--color--accent);
}
.vbo-booking-cost-detail-total .vbo-booking-cost-lbl span,
.vbo-booking-cost-detail-remainingbalance .vbo-booking-cost-lbl span {
font-size: var(--wp--preset--font-size--sm);
}
.vbo-booking-cost-detail-total .vbo-booking-cost-val-number .vbo_price,
.vbo-booking-cost-detail-remainingbalance .vbo-booking-cost-val-number .vbo_price {
font-size: var(--wp--preset--font-size--lg);
}
.vbo-booking-cost-detail-total .vbo-booking-cost-val-number .vbo_currency,
.vbo-booking-cost-detail-remainingbalance .vbo-booking-cost-val-number .vbo_currency {
font-size: var(--wp--preset--font-size--md);
} .vbo-booking-upsell-container {
background: transparent;
padding: 0;
margin-bottom: var(--wp--preset--spacing--7);
}
.vbo-booking-upsell-container h3 {
margin: 0 0 var(--wp--preset--spacing--5);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
color: var(--wp--preset--color--ink);
} .vbo-booking-upsell-room-details {
margin: 0 0 var(--wp--preset--spacing--4);
padding-top: var(--wp--preset--spacing--4);
border-top: 1px solid var(--wp--preset--color--line);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--3);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-soft);
}
.vbo-booking-upsell-container .vbo-booking-upsell-room-wrap:first-child .vbo-booking-upsell-room-details {
margin-top: 0;
padding-top: 0;
border-top: none;
}
.vbo-booking-upsell-room-name {
font-weight: 600;
color: var(--wp--preset--color--ink);
} .vbo-booking-upsell-container .vbo-booking-upsell-room-wrap {
background: transparent;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
margin: 0;
width: 100%;
}
.vbo-booking-upsell-container .vbo-booking-upsell-room-wrap + .vbo-booking-upsell-room-wrap {
margin-top: var(--wp--preset--spacing--6);
}
.vbo-upsell-options-wrap {
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--4);
} .vbo-booking-upsell-container .vbo-upsell-option-entry {
display: flex;
flex: 1 1 100%;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--5);
padding: var(--wp--preset--spacing--5);
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
}
.vbo-booking-upsell-container .vbo-upsell-option-entry:last-child {
border: 1px solid var(--wp--preset--color--line);
}
.vbo-booking-upsell-container  .vbo-booking-upsell-room-children {
font-weight: normal;
display: inline-block;
font-size: .9em;
} @media (max-width: 550px) {
.vbo-booking-upsell-container .vbo-upsell-option-entry {
gap: var(--wp--preset--spacing--3);
}
.vbo-booking-upsell-container .vbo-upsell-option-entry-name,
.vbo-booking-upsell-container .vbo-upsell-option-entry-cost {
text-align: left;
justify-content: flex-start;
}
.vbo-booking-upsell-container .vbo-upsell-option-entry .vbo-upsell-option-entry-cost {
justify-content: flex-start;
}
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-upsell-option-entry-img {
flex: 0 0 96px;
margin: 0;
}
.vbo-upsell-option-entry-img img {
display: block;
width: 96px;
height: 96px;
object-fit: cover;
border-radius: var(--vik-radius);
margin: 0;
}
.vbo-upsell-option-entry-name {
flex: 1 1 200px;
min-width: 160px;
} @media (min-width: 1024px) {
.vbo-upsell-options-wrap:has(.vbo-upsell-option-entry-img) .vbo-upsell-option-entry:not(:has(.vbo-upsell-option-entry-img)) .vbo-upsell-option-entry-name {
margin-left: calc(96px + var(--wp--preset--spacing--5));
}
}
@media (max-width: 860px) {
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-upsell-option-entry-name {
margin: 0 0 8px;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-upsell-option-entry-cost, .vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-option-upsell-add {
flex-basis: 100%;
justify-content: center;
}
.vbo-booking-upsell-container .vbo-upsell-option-entry-input {
margin: 0 auto;
}
.vbo-booking-upsell-room-wrap .vbo-upsell-option-entry > .vbo-option-upsell-add .btn {
width: 100%;
justify-content: center;
}
}
.vbo-upsell-option-entry-name > span {
display: block;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--base);
font-weight: 600;
color: var(--wp--preset--color--ink);
}
.vbo-upsell-option-entry-descr {
margin-top: 2px;
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-soft);
}
.vbo-upsell-option-entry-cost {
flex: 0 0 auto;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
color: var(--wp--preset--color--accent);
font-variant-numeric: lining-nums;
white-space: nowrap;
}
.vbo-upsell-option-entry-input:empty {
display: none;
} .vbo-booking-upsell-container .vbo-upsell-qty-stepper {
display: inline-flex;
flex: 0 0 110px;
flex-wrap: nowrap;
align-items: center;
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
}
.vbo-booking-upsell-container .vbo-upsell-option-entry-input {
display: inline-flex;
flex: 0 0 110px;
}
.vbo-upsell-qty-btn {
display: flex;
align-items: center;
justify-content: center;
width: 33px;
height: 40px;
padding: 0;
border: 0;
background: transparent;
color: var(--wp--preset--color--ink);
font-size: var(--wp--preset--font-size--base);
line-height: 1;
cursor: pointer;
transition: background-color 0.2s ease;
}
.vbo-upsell-qty-btn:hover {
background: var(--wp--preset--color--background-alt);
}
.vbo-upsell-qty-stepper input[type="number"] {
width: 42px;
height: 40px;
padding: 0;
border: 0;
border-left: 1px solid var(--wp--preset--color--line);
border-right: 1px solid var(--wp--preset--color--line);
text-align: center;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--ink);
appearance: textfield;
-moz-appearance: textfield;
}
.vbo-upsell-qty-stepper input[type="number"]::-webkit-inner-spin-button,
.vbo-upsell-qty-stepper input[type="number"]::-webkit-outer-spin-button {
appearance: none;
-webkit-appearance: none;
margin: 0;
}
.vbo-booking-upsell-confirm-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--4);
margin-top: var(--wp--preset--spacing--5);
padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--5);
background: var(--wp--preset--color--background-alt);
border-radius: var(--vik-radius);
}
.vbo-booking-upsell-confirm-total {
font-family: var(--wp--preset--font-family--display);
font-variant-numeric: lining-nums;
font-size: var(--wp--preset--font-size--lg);
}
.vbinput,
.vbtextarea {
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
font-family: var(--wp--preset--font-family--body);
}
.vbo-oconfirm-cfield-input input {
height: auto;
box-sizing: border-box;
}
@media (min-width: 768px) {
.vbo-booking-details-actions-inner {
display: flex;
gap: var(--wp--preset--spacing--3);
}
}  .vbo-listing-details-wrap .vblistroomnamediv {
margin-bottom: var(--wp--preset--spacing--7);
} .vbo-listing-details-wrap .vbroomimgdesc {
margin-bottom: 0;
} .vbo-listing-details-wrap .vikfx-roomdetails-gallery-container:not(:has(> .vikfx-gallery)) {
grid-template-columns: minmax(0, 1fr);
}
.vbo-listing-details-wrap .vikfx-roomdetails-gallery-container:not(:has(> .vikfx-gallery)) .vikfx-gallery-fade-container {
aspect-ratio: 16 / 9;
}
.vbo-listing-details-wrap .vikfx-roomdetails-gallery-container:not(:has(> .vikfx-gallery)) .vikfx-gallery-fade-container img {
max-height: none;
}
.vbo-listing-details-wrap .vbo-listing-details-desc-cont {
margin-top: var(--wp--preset--spacing--7);
background: transparent;
}
.vbo-listing-details-wrap .vbo-listing-details-desc-cont .vbo-listing-amenities-wrap {
margin-top: var(--wp--preset--spacing--7);
margin-bottom: var(--wp--preset--spacing--7);
}
.vbo-listing-details-wrap .vbo-roomdet-calscontainer {
margin-top: var(--wp--preset--spacing--7);
} .vbo-listing-details-costroomdet .room_cost {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--xl);
font-weight: 500;
font-variant-numeric: lining-nums;
}
.vbo-listing-details-costroomdet .vbliststartfromrdet,
.vbo-listing-details-costroomdet .roomcustcostlabel {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.vbo-listing-details-costroomdet .roomcustcost-subtxt {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-soft);
} .vbo-listing-details-wrap .vbo-listing-details-divsearch .vb-search-inner div > select,
.vbo-listing-details-wrap .vbo-listing-details-divsearch .vb-search-inner span > select {
height: 42px !important;
padding: 0 var(--wp--preset--spacing--6) 0 var(--wp--preset--spacing--3);
border: 2px solid var(--vbo-grey-bg-color);
border-radius: 10px;
background-color: var(--wp--preset--color--white);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath fill='%232C2C2C' d='M4 5 0 0h8z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right var(--wp--preset--spacing--3) center;
background-size: 8px 5px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
color: var(--wp--preset--color--ink);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
cursor: pointer;
} .vbo-listing-details-wrap .vbo-search-num-adults-entry,
.vbo-listing-details-wrap .vbo-search-num-children-entry,
.vbo-listing-details-wrap .vbo-search-num-aduchild-entry {
border: 0;
border-radius: 0;
padding: 0;
} .vbo-listing-details-wrap .vbo-listing-details-divsearch .vbo-search-inpblock label,
.vbo-listing-details-wrap .vbo-search-num-adults-entry-label,
.vbo-listing-details-wrap .vbo-search-num-children-entry-label {
display: block;
text-align: left;
font-weight: 600;
font-size: var(--wp--preset--font-size--xs);
margin-bottom: var(--wp--preset--spacing--1);
} .vbo-listing-details-wrap .vikfx-gallery-fade-container,
.vbo-listing-details-wrap .vikfx-roomdetails-gallery-container .vikfx-gallery > a {
overflow: hidden;
}
.vbo-listing-details-wrap .vikfx-gallery-fade-container img,
.vbo-listing-details-wrap .vikfx-roomdetails-gallery-container .vikfx-gallery > a img {
transition: transform 0.3s ease;
}
.vbo-listing-details-wrap .vikfx-gallery-fade-container:hover img,
.vbo-listing-details-wrap .vikfx-roomdetails-gallery-container .vikfx-gallery > a:hover img {
transform: scale(1.04);
} .vbo-listing-details-wrap .vbo-listing-details-desc-cont .vbo-listing-amenities {
display: flex;
flex-wrap: wrap;
column-gap: var(--wp--preset--spacing--4);
row-gap: var(--wp--preset--spacing--3);
}
.vbo-listing-details-wrap .vbo-listing-details-desc-cont .vbo-listing-amenities .vbo-listing-amenity {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
margin: 0;
}
.vbo-listing-details-wrap .vbo-listing-details-desc-cont .vbo-listing-amenities .vbo-listing-amenity-textimg {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
flex-shrink: 0;
border: 1px solid var(--wp--preset--color--line);
border-radius: 100px;
}
.vbo-listing-details-wrap .vbo-listing-details-desc-cont .vbo-listing-amenities .vbo-listing-amenity i {
width: auto;
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--sm);
}
.vbo-listing-details-wrap .vbo-listing-details-desc-cont .vbo-listing-amenities .vbo-listing-amenity-name {
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text);
} .vbo-listing-details-wrap .vbcalsblock .vbcaldivcont table {
border-spacing: var(--wp--preset--spacing--2);
}
.vbo-listing-details-wrap .vbcalnumdaysprice td {
border: 1px solid var(--wp--preset--color--line);
padding: var(--wp--preset--spacing--2);
}
.vbo-listing-details-wrap .vbcalnumdaysprice .vbtdfree .vbcalpricedaynum span,
.vbo-listing-details-wrap .vbcalnumdaysprice .vbtdpast .vbcalpricedaynum span {
background: transparent;
border: 0;
padding: 0;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
font-weight: 500;
font-variant-numeric: lining-nums;
color: var(--wp--preset--color--ink);
}
.vbo-listing-details-wrap .vbcalpricedaycost div {
width: auto;
background: transparent;
border: 0;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--sm);
font-weight: 500;
font-variant-numeric: lining-nums;
color: var(--wp--preset--color--accent);
}  @media (max-width: 1023px) {
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock {
grid-template-columns: minmax(0, 1fr);
}
}
@media (min-width: 1024px) {
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock.vbcalsblock-regular {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock.vbcalsblock-price {
grid-template-columns: minmax(0, 1fr);
} } .vbo-listing-details-wrap .vbo-listing-calendar-nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--3);
margin-bottom: var(--wp--preset--spacing--4);
}
.vbo-listing-details-wrap .vbo-listing-calendar-nav h4 {
margin: 0;
}
.vbo-listing-details-wrap .vbo-listing-calendar-nav-controls {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
flex-shrink: 0;
}
.vbo-listing-details-wrap .vbo-listing-calendar-nav-controls .vbo-rdet-avcal-nav {
position: static;
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border: 1px solid var(--wp--preset--color--line);
border-radius: 100px;
background: transparent;
color: var(--wp--preset--color--ink);
font-size: var(--wp--preset--font-size--sm);
cursor: pointer;
}
.vbo-listing-details-wrap .vbo-listing-calendar-nav-controls .vbo-rdet-avcal-nav:hover {
background-color: var(--wp--preset--color--accent);
border-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
}
@media (max-width: 767px) {
.vbo-listing-details-wrap .vbo-listing-calendar-nav {
flex-wrap: wrap;
}
} @media (min-width: 1024px) {
.vbrdetboxtop.vbo-listing-details-wrap {
display: grid;
grid-template-columns: minmax(0, 1fr) 400px;
column-gap: var(--wp--preset--spacing--8);
}
.vbrdetboxtop.vbo-listing-details-wrap > .vblistroomnamediv,
.vbrdetboxtop.vbo-listing-details-wrap > .vbroomimgdesc {
grid-column: 1;
}
.vbo-listing-details-wrap .vbo-listing-details-descprice-block {
display: contents;
}
.vbo-listing-details-wrap .vbo-listing-details-desc-cont {
grid-column: 1;
}
.vbo-listing-details-wrap .vbo-listing-details-costroomdet {
grid-column: 2;
grid-row: 1 / span 3;
}
} .vbo-listing-details-wrap .vbmaxminpeopleroom {
display: none;
}
.vbo-listing-details-wrap .vbo-listing-details-divsearch #vbjstotnights {
margin: 10px 0;
} .vbo-listing-details-wrap .vikfx-roomdetails-gallery-container .vikfx-gallery {
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}  .vbo-room-details-wrap .vikfx-gallery-fade-container,
.vbo-room-details-wrap .vikfx-roomdetails-gallery-container .vikfx-gallery > a {
overflow: hidden;
}
.vbo-room-details-wrap .vikfx-gallery-fade-container img,
.vbo-room-details-wrap .vikfx-roomdetails-gallery-container .vikfx-gallery > a img {
transition: transform 0.3s ease;
}
.vbo-room-details-wrap .vikfx-gallery-fade-container:hover img,
.vbo-room-details-wrap .vikfx-roomdetails-gallery-container .vikfx-gallery > a:hover img {
transform: scale(1.04);
} .vbo-room-details-wrap .vikfx-roomdetails-gallery-container .vikfx-gallery {
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
} .vbo-room-details-wrap .vbo-rdet-descprice-block {
border-color: var(--wp--preset--color--line);
background-color: var(--wp--preset--color--background-alt);
}
.vbo-room-details-wrap .vbo-rdet-desc-cont {
background-color: var(--wp--preset--color--background);
border-color: var(--wp--preset--color--line);
color: var(--wp--preset--color--text);
} .vbo-room-details-wrap .vbo-rdet-about-heading {
margin: 0 0 var(--wp--preset--spacing--3);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
color: var(--wp--preset--color--text);
}
.vbo-room-details-wrap .vb_detcostroomdet .room_cost {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--xl);
font-weight: 500;
font-variant-numeric: lining-nums;
}
.vbo-room-details-wrap .vb_detcostroomdet .vbliststartfromrdet,
.vbo-room-details-wrap .vb_detcostroomdet .roomcustcostlabel {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.05em;
color: var(--wp--preset--color--text-soft);
}
.vbo-room-details-wrap .vb_detcostroomdet .roomcustcost-subtxt {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-soft);
} .vbo-room-details-wrap .room_carats h4 {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
}
.vbo-room-details-wrap .vbo-room-carats {
display: flex;
flex-wrap: wrap;
column-gap: var(--wp--preset--spacing--5);
row-gap: var(--wp--preset--spacing--4);
}
.vbo-room-details-wrap .vbo-room-carat {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: var(--wp--preset--spacing--2);
width: 76px;
text-align: center;
}
.vbo-room-details-wrap .vbo-room-carat .vbo-expl {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
flex-shrink: 0;
border: 1px solid var(--wp--preset--color--line);
border-radius: 100px;
}
.vbo-room-details-wrap .vbo-room-carat .vbo-icn-carat {
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--base);
}
.vbo-room-details-wrap .vbo-room-carat-label {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
color: var(--wp--preset--color--text-soft);
line-height: 1.3;
} .vbo-room-details-wrap .vbo-room-details-geo-wrapper h4 {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
}
.vbo-room-details-wrap .vbo-geo-wrapper {
overflow: hidden;
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
} .vbo-geo-open-maps-btn {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
margin-top: var(--wp--preset--spacing--4);
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
border: 1px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
background: transparent;
color: var(--wp--preset--color--accent);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 600;
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
.vbo-geo-open-maps-btn:hover {
background-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
} .vbo-listing-details-wrap .vbo-listing-calendar-nav,
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-listing-calendar-nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--3);
margin-bottom: var(--wp--preset--spacing--4);
}
.vbo-listing-details-wrap .vbo-listing-calendar-nav h4,
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-listing-calendar-nav h4 {
margin: 0;
}
.vbo-listing-details-wrap .vbo-listing-calendar-nav-controls,
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-listing-calendar-nav-controls {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
flex-shrink: 0;
}
.vbo-listing-details-wrap .vbo-listing-calendar-nav-controls .vbo-rdet-avcal-nav,
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-listing-calendar-nav-controls .vbo-rdet-avcal-nav {
position: static;
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border: 1px solid var(--wp--preset--color--line);
border-radius: 100px;
background: transparent;
color: var(--wp--preset--color--ink);
font-size: var(--wp--preset--font-size--sm);
cursor: pointer;
}
.vbo-listing-details-wrap .vbo-listing-calendar-nav-controls .vbo-rdet-avcal-nav:hover,
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-listing-calendar-nav-controls .vbo-rdet-avcal-nav:hover {
background-color: var(--wp--preset--color--accent);
border-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
}
@media (max-width: 767px) {
.vbo-listing-details-wrap .vbo-listing-calendar-nav,
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-listing-calendar-nav {
flex-wrap: wrap;
}
} @media (max-width: 1023px) {
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock,
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock {
grid-template-columns: minmax(0, 1fr);
}
}
@media (min-width: 1024px) {
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock.vbcalsblock-regular,
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock.vbcalsblock-regular {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
margin-top: var(--wp--preset--spacing--5);
}
.vbo-listing-details-wrap .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock.vbcalsblock-price,
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-roomdet-calscontainer-inner .vbo-availcalendars-cont .vbcalsblock.vbcalsblock-price {
grid-template-columns: minmax(0, 1fr);
} } .vbo-availcalendars-cont td.vbtdwarning,
.vbo-availcalendars-cont .vblegwarning {
background-color: var(--wp--preset--color--background-alt);
color: var(--wp--preset--color--accent-dark);
border-color: var(--wp--preset--color--accent);
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer td.vbtdfree {
border-color: var(--wp--preset--color--line);
color: var(--wp--preset--color--ink);
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer tr.vbcalnumdays td.vbtdfree:not(.vbtdpast):hover {
border-color: var(--wp--preset--color--accent);
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vblegfree {
background-color: var(--wp--preset--color--background);
border-color: var(--wp--preset--color--line);
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbcal td.vbtdbusy:not(.vbtdbusyforcheckout):not(.vbtdbusyforcheckin) {
background-color:var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
border-color:var(--wp--preset--color--accent) !important;
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vblegbusy,
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-availability-controls .vblegbusy {
background-color:var(--wp--preset--color--accent);
border-color:var(--wp--preset--color--accent);
} .vbo-room-details-wrap + .vbo-roomdet-calscontainer tr.vbcalnumdays td.vbtdbusyforcheckin:after {
border-color: transparent var(--wp--preset--color--accent) transparent transparent;
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer tr.vbcalnumdays td.vbtdbusyforcheckout:after {
border-color: transparent transparent transparent var(--wp--preset--color--accent-dark);
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vblegbusycheckin,
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vblegbusycheckout {
background-color: var(--wp--preset--color--background);
border-color: var(--wp--preset--color--line);
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vblegbusycheckin:after {
border-color: transparent var(--wp--preset--color--accent) transparent transparent;
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vblegbusycheckout:after {
border-color: transparent transparent transparent var(--wp--preset--color--accent-dark);
} .vbo-room-details-wrap + .vbo-roomdet-calscontainer .vb-search-inner {
display: flex;
flex-wrap: wrap; align-items: flex-start;
gap: var(--wp--preset--spacing--6);
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-search-inpblock {
margin: 0;
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-search-inpblock label {
display: block;
margin: 0 0 var(--wp--preset--spacing--1);
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .input-group {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--1);
padding-bottom: var(--wp--preset--spacing--1);
border-bottom: 1px solid var(--wp--preset--color--line);
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .input-group .vbo-caltrigger {
width: auto;
height: auto;
padding: 0;
border: none;
border-radius: 0;
float: none;
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--base);
line-height: 1;
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-search-num-adults-entry-label,
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-search-num-children-entry-label {
display: block;
margin: 0 0 var(--wp--preset--spacing--1);
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-search-num-adults-entry select,
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vbo-search-num-children-entry select {
height: auto;
padding: 0 var(--wp--preset--spacing--5) var(--wp--preset--spacing--1) 0;
border: none;
border-bottom: 1px solid var(--wp--preset--color--line);
border-radius: 0;
background-color: transparent;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath fill='%232C2C2C' d='M4 5 0 0h8z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right center;
background-size: 8px 5px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
color: var(--wp--preset--color--ink);
cursor: pointer;
}
.vbdivsearch:not(.vbo-listing-details-divsearch) .vb-search-inner > .vbo-search-num-racblock {
flex: 1;
}
.vbdivsearch:not(.vbo-listing-details-divsearch) .vb-search-inner .vbo-search-num-aduchild-entry {
border-bottom: 0;
}
.vbo-room-details-wrap + .vbo-roomdet-calscontainer #vbjstotnights {
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
}
@media (max-width: 767px) {
.vbo-room-details-wrap + .vbo-roomdet-calscontainer .vb-search-inner {
flex-direction: column;
align-items: stretch;
}
}  .vbstepsbarcont {
text-align: center;
margin: 0 0 var(--wp--preset--spacing--7);
}
.vbo-stepbar {
display: inline-flex;
}
.vbo-stepbar li {
min-width: 120px;
line-height: normal !important;
padding-bottom: var(--wp--preset--spacing--4);
border-bottom-width: 1px !important;
} @media (max-width: 767px) {
.vbo-stepbar li {
min-width: 70px;
}
}
.vbo-stepbar li a,
.vbo-stepbar li span {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
text-transform: uppercase;
letter-spacing: 0.05em;
}
ol.vbo-stepbar .vbo-step-current {
color: var(--wp--preset--color--text);
}
ol.vbo-stepbar li.vbo-step-complete,
ol.vbo-stepbar li.vbo-step-current {
border-bottom-color: var(--wp--preset--color--accent);
} ol.vbo-stepbar li.vbo-step-complete:before {
background-color: var(--wp--preset--color--accent);
}
ol.vbo-stepbar li.vbo-step-current:before {
border-color: var(--wp--preset--color--accent);
} ol.vbo-stepbar li:before {
box-sizing: border-box !important;
height: 9px !important;
width: 9px !important;
bottom: -2em !important;
}
.vbo-stepbar li a:hover {
color: var(--wp--preset--color--accent);
} .vbo-showprc-head-wrapper {
margin-bottom: var(--wp--preset--spacing--7);
} .vbo-results-head {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
justify-content: space-between;
gap: var(--wp--preset--spacing--6);
padding: var(--wp--preset--spacing--4) 0;
border-top: 1px solid var(--wp--preset--color--line);
border-bottom: 1px solid var(--wp--preset--color--line);
} .vbo-results-head > .vbo-results-head-fields {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--6);
flex: 1 1 auto;
min-width: 0;
} .vbo-results-head > div,
.vbo-results-head-fields > div {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
}
.vbo-results-head .vbo-pref-color-text {
color: var(--wp--preset--color--accent);
}
.vbo-results-head-det {
display: flex;
flex-direction: column;
line-height: 1.3;
}
.vbo-results-head-det-lbl {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--wp--preset--color--text-soft);
}
.vbo-results-head-det-val {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 600;
color: var(--wp--preset--color--text);
}
@media (max-width: 767px) {
.vbo-results-head {
gap: var(--wp--preset--spacing--4);
}
} .vbo-results-head-fields > .vbo-results-checkin,
.vbo-results-head-fields > .vbcheckinroom {
order: 1;
}
.vbo-results-head-fields > .vbo-results-checkout,
.vbo-results-head-fields > .vbcheckoutroom {
order: 2;
}
.vbo-results-head-fields > .vbo-results-nights {
order: 3;
}
.vbo-results-head-fields > .vbo-results-numadults {
order: 4;
}
.vbo-results-head-fields > .vbo-results-numrooms {
order: 5;
}
.vbo-results-head-fields > .vbo-results-numchildren {
order: 6;
} .vbo-results-head .vbo-results-chdates a.vbo-pref-color-btn-secondary {
display: inline-flex;
align-items: center;
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
margin-right: var(--wp--preset--spacing--5);
border: 1px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
background: transparent;
color: var(--wp--preset--color--accent);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
text-decoration: none;
box-sizing: border-box;
transition: background-color 0.2s ease, color 0.2s ease;
}
.vbo-results-head .vbo-results-chdates a.vbo-pref-color-btn-secondary:hover {
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
} .vbo-showprc-staydetails-party {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.03em;
} .vbo-showprc-staydetails-party i.vbo-pref-color-text,
.vbsearchproominfo .vbsearchroomparty i {
color: var(--wp--preset--color--accent);
} .vbo-showprc-room-block {
border: 0;
padding: 0;
margin-bottom: var(--wp--preset--spacing--5);
} .vbo-showprc-room-head {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
margin-bottom: var(--wp--preset--spacing--3);
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-radius: 30px;
} .room_container ~ .room_container {
padding-top: var(--wp--preset--spacing--6);
border-top: 1px solid var(--wp--preset--color--line);
} .vbo-showprc-room-head .vbshowprcroomnum,
.vbo-showprc-room-head .vbo-showprc-staydetails > .vbo-showprc-staydetails-party {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
padding: 8px 10px;
background: var(--wp--preset--color--background-alt);
border-radius: 30px;
color: var(--wp--preset--color--text);
} .vbo-showprc-roomnum-icn {
color: var(--wp--preset--color--accent);
} .vbo-showprc-room-head-trigger {
cursor: pointer;
user-select: none;
transition: border-radius 0.2s ease, border-color 0.2s ease;
} .room_container.is-collapsed .vbo-showprc-room-head-trigger {
padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--5);
border-color: var(--wp--preset--color--line);
border-left: 3px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
}
.vbo-showprc-room-chevron {
flex-shrink: 0;
margin-left: auto;
color: var(--wp--preset--color--text-soft);
font-size: 12px;
transition: transform 0.2s ease;
}
.room_container.is-collapsed .vbo-showprc-room-chevron {
transform: rotate(-90deg);
} .vbo-showprc-room-head-summary {
display: none;
flex-basis: 100%;
align-items: center;
gap: var(--wp--preset--spacing--3);
}
.room_container.is-collapsed .vbo-showprc-room-head-summary {
display: flex;
margin-top: var(--wp--preset--spacing--3);
}
.vbo-showprc-room-head-summary-thumb {
flex-shrink: 0;
width: 60px;
height: 60px;
border-radius: var(--vik-radius);
object-fit: cover;
}
.vbo-showprc-room-head-summary-text {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-soft);
} .room_container.is-collapsed .vbo-showprc-room-block {
display: none;
} .vbo-showprc-room-tabs {
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--2);
margin-bottom: var(--wp--preset--spacing--5);
}
.vbo-showprc-room-tab {
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
border: 1px solid var(--wp--preset--color--line);
border-radius: 100px;
background: var(--wp--preset--color--white);
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
cursor: pointer;
transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}
.vbo-showprc-room-tab:hover {
border-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent);
}
.vbo-showprc-room-tab.is-active {
background: var(--wp--preset--color--accent);
border-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
} .vbo-showprc-room-summary {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--4);
margin-bottom: var(--wp--preset--spacing--7);
}
.vbo-showprc-room-summary-media {
flex-shrink: 0;
}
.vbo-showprc-room-summary-media .vikfx-gallery-container {
border-radius: var(--vik-radius);
overflow: hidden;
}
.vbo-showprc-room-summary-media .vikfx-gallery-fade-container img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .vbo-showprc-room-summary-media .vikfx-gallery {
display: none;
}
.vbo-showprc-room-summary-info {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--2);
}
.vbo-showprc-roomname h3 {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
margin: 0;
}
.room_description_box p {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-soft);
line-height: 1.6;
margin: 0;
}
.room_description_box p + p {
margin-top: var(--wp--preset--spacing--2);
}
.vbo-showprc-room-summary .vbo-room-carats {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--2);
} .vbo-showprc-room-summary .vbo-room-carat {
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
margin: 0;
border-radius: var(--vik-radius);
background: var(--vik-accent-12);
} .vbo-showprc-room-summary .vbo-room-carat:has(.vbo-icn-carat) {
width: 32px;
}
.vbo-showprc-room-summary .vbo-room-carat:not(:has(.vbo-icn-carat)) {
padding: 0 var(--wp--preset--spacing--3);
color: var(--wp--preset--color--accent-dark);
font-size: var(--wp--preset--font-size--xs);
white-space: nowrap;
}
.vbo-showprc-room-summary .vbo-icn-carat {
color: var(--wp--preset--color--accent-dark);
font-size: var(--wp--preset--font-size--sm);
}
@media (min-width: 768px) {
.vbo-showprc-room-summary {
flex-direction: row;
align-items: flex-start;
}
.vbo-showprc-room-summary-media {
width: 320px;
height: 220px;
}
.vbo-showprc-room-summary-media .vikfx-gallery-container,
.vbo-showprc-room-summary-media .vikfx-gallery-fade-container {
height: 100%;
}
} .vbo-showprc-wrapper .room_prices > h4,
.vbo-showprc-wrapper .room_options > h4 {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--wp--preset--color--accent);
margin: 0 0 var(--wp--preset--spacing--4);
}
.vbo-showprc-pricetable {
display: flex;
flex-direction: column;
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
overflow: hidden;
} .vbo-showprc-pricetable .vbo-showprc-price-entry {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--4);
width: auto;
padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--5);
cursor: pointer;
transition: background-color 0.2s ease;
margin: 0;
}
.vbo-showprc-price-entry + .vbo-showprc-price-entry {
border-top: 1px solid var(--wp--preset--color--line);
}
.vbo-showprc-price-entry:has(.vbo-radio:checked) {
background: var(--wp--preset--color--background-alt);
} .vbo-showprc-pricetable .vbo-showprc-price-entry > .vbo-showprc-price-entry-radio {
float: none;
width: auto;
flex-shrink: 0;
}
.vbo-showprc-price-entry-radio .vbo-radio {
width: 18px;
height: 18px;
accent-color: var(--wp--preset--color--accent);
cursor: pointer;
}
.vbo-showprc-pricetable .vbo-showprc-price-entry > .vbo-showprc-price-entry-rateplan {
float: none;
width: auto;
flex-grow: 1;
}
.vbo-showprc-price-entry-rateplan label {
display: block;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--base);
font-weight: 600;
color: var(--wp--preset--color--text);
cursor: pointer;
}
.vbpricedetails {
margin-top: var(--wp--preset--spacing--1);
font-size: var(--wp--preset--font-size--xs);
color: var(--wp--preset--color--text-soft);
}
.vbpricedetails span {
display: inline-block;
}
.vbpricedetails span + span::before {
content: "·";
margin: 0 var(--wp--preset--spacing--1);
}
.vbo-showprc-pricetable .vbo-showprc-price-entry > .vbo-showprc-price-entry-cost {
float: none;
width: auto;
flex-shrink: 0;
text-align: right;
}
.vbo-showprc-price-entry-cost .room_cost {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
font-variant-numeric: lining-nums;
} .vbageintervals {
margin-top: var(--wp--preset--spacing--5);
padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--5);
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-left: 3px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
}
.vbageintervals > p {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
margin: 0 0 var(--wp--preset--spacing--3);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-soft);
}
.vbageintervals > p .fa-baby {
font-size: var(--wp--preset--font-size--base);
}
.vbo-showprc-child-fee {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--4);
}
.vbo-showprc-child-fee + .vbo-showprc-child-fee {
margin-top: var(--wp--preset--spacing--3);
padding-top: var(--wp--preset--spacing--3);
border-top: 1px solid var(--wp--preset--color--line);
}
.vbo-showprc-child-fee span:first-child {
font-size: var(--wp--preset--font-size--sm);
font-weight: 600;
color: var(--wp--preset--color--text);
white-space: nowrap;
}
.vbo-showprc-child-fee select {
height: 42px;
padding: 0 var(--wp--preset--spacing--6) 0 var(--wp--preset--spacing--3);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
background-color: var(--wp--preset--color--white);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath fill='%232C2C2C' d='M4 5 0 0h8z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right var(--wp--preset--spacing--3) center;
background-size: 8px 5px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text);
cursor: pointer;
} .vbo-showprc-optionstable {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: var(--wp--preset--spacing--4);
} .vbo-showprc-optionstable .vbo-showprc-option-entry {
display: block;
width: auto;
margin: 0;
padding-bottom: 0;
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
box-sizing: border-box;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry > div,
.vbo-showprc-optionstable .vbo-showprc-option-entry > *:not(.vbo-showprc-option-entry-img) {
margin: 0;
padding: 0;
text-align: left;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry.vbo-showprc-option--photo {
order: 1;
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--2);
overflow: hidden;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry.vbo-showprc-option--compact {
order: 2;
grid-column: 1 / -1;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--3);
padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--5);
}
.vbo-showprc-option--compact .vbo-showprc-option-entry-img {
display: none;
}
.vbo-showprc-option--photo .vbo-showprc-option-entry-img img {
display: block;
width: 100%;
height: 160px;
object-fit: cover;
border-radius: 0;
}
.vbo-showprc-optionstable .vbo-showprc-option-entry.vbo-showprc-option--photo .vbo-showprc-option-entry-name,
.vbo-showprc-optionstable .vbo-showprc-option-entry.vbo-showprc-option--photo .vbo-showprc-option-entry-cost,
.vbo-showprc-optionstable .vbo-showprc-option-entry.vbo-showprc-option--photo .vbo-showprc-option-entry-input {
padding-left: var(--wp--preset--spacing--5);
padding-right: var(--wp--preset--spacing--5);
} .vbo-showprc-optionstable .vbo-showprc-option-entry.vbo-showprc-option--photo .vbo-showprc-option-entry-name {
padding-top: var(--wp--preset--spacing--4);
}
.vbo-showprc-optionstable .vbo-showprc-option-entry.vbo-showprc-option--photo .vbo-showprc-option-entry-input {
padding-bottom: var(--wp--preset--spacing--4);
margin-top: auto;
}
.vbo-showprc-option--compact .vbo-showprc-option-entry-name {
flex-grow: 1;
min-width: 180px;
}
.vbo-showprc-option-entry-name {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
font-weight: 500;
color: var(--wp--preset--color--text);
}
.vbo-showprc-option-entry-descr {
margin-top: var(--wp--preset--spacing--1);
}
.vbo-showprc-option-entry-descr p {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 400;
color: var(--wp--preset--color--text-soft);
margin: 0;
}
.vbo-showprc-option-entry-cost {
display: flex;
align-items: baseline;
gap: var(--wp--preset--spacing--1);
font-family: var(--wp--preset--font-family--display);
font-variant-numeric: lining-nums;
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
color: var(--wp--preset--color--accent);
} .vbo-showprc-option--compact .vbo-showprc-option-entry-cost {
flex-wrap: wrap;
justify-content: flex-end;
row-gap: var(--wp--preset--spacing--1);
}
.vbo-showprc-option--compact .vbo-showprc-option-entry-qualifier {
flex-basis: 100%;
text-align: right;
}
.vbo-showprc-option-entry-qualifier {
order: -1;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.03em;
color: var(--wp--preset--color--text-soft);
}
.vbo-showprc-option-entry-input {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
}
.vbo-showprc-option--compact .vbo-showprc-option-entry-input {
flex-shrink: 0;
} .vbo-showprc-option-entry-input input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
flex-shrink: 0;
width: 18px;
height: 18px;
margin: 0;
border: 1px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
background-color: var(--wp--preset--color--white);
cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.vbo-showprc-option-entry-input input[type="checkbox"]:checked {
background-color: var(--wp--preset--color--accent);
border-color: var(--wp--preset--color--accent);
}
.vbo-showprc-option-entry-input input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 5px;
top: 1px;
width: 5px;
height: 9px;
border: solid var(--wp--preset--color--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.vbo-showprc-option-entry-input input[type="checkbox"]:focus-visible {
outline: none;
box-shadow: 0 0 0 3px var(--vik-accent-15);
}
.vbo-showprc-checkbox-label {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text);
cursor: pointer;
} .vbo-showprc-qty-stepper {
display: inline-flex;
align-items: center;
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
transition: border-color 0.2s ease;
}
.vbo-showprc-qty-stepper:focus-within {
border-color: var(--wp--preset--color--accent);
}
.vbo-showprc-qty-btn {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 40px;
border: 0;
background: transparent;
color: var(--wp--preset--color--text);
font-size: var(--wp--preset--font-size--base);
line-height: 1;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease;
} .vbo-showprc-qty-btn:hover {
background: var(--vik-accent-12);
color: var(--wp--preset--color--accent-dark);
}
.vbo-showprc-qty-btn:focus-visible {
outline: none;
background: var(--vik-accent-12);
color: var(--wp--preset--color--accent-dark);
}
.vbo-showprc-option-entry-input input[type="number"] {
width: 32px;
height: 32px;
border: 0;
border-left: 1px solid var(--wp--preset--color--line);
border-right: 1px solid var(--wp--preset--color--line);
text-align: center;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text);
appearance: textfield;
-moz-appearance: textfield;
}
.vbo-showprc-option-entry-input input[type="number"]::-webkit-outer-spin-button,
.vbo-showprc-option-entry-input input[type="number"]::-webkit-inner-spin-button {
appearance: none;
-webkit-appearance: none;
margin: 0;
}
.vbo-showprc-no-units {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
color: var(--wp--preset--color--text-soft);
} .vbo-showprc-option--mandatory {
background: var(--wp--preset--color--background-alt);
}
.vbo-showprc-option--mandatory .vbo-showprc-option-entry-name,
.vbo-showprc-option--mandatory .vbo-showprc-option-entry-descr p {
color: var(--wp--preset--color--text-soft);
} .vbo-showprc-fake-checkbox {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border: 1px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
font-size: 12px;
line-height: 1;
}
.vbo-showprc-fake-checkbox::after {
content: "✓";
} .vbo-showprc-mandatory-badge {
display: inline-block;
padding: var(--wp--preset--spacing--1) var(--wp--preset--spacing--3);
border: 1px solid var(--vik-accent-35);
border-radius: 100px;
background: var(--vik-accent-08);
color: var(--wp--preset--color--accent-dark);
font-family: var(--wp--preset--font-family--body);
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
white-space: nowrap;
} .vbo-showprc-breakdown {
margin-top: var(--wp--preset--spacing--6);
}
.vbo-showprc-breakdown-toggle {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
background: var(--wp--preset--color--white);
color: var(--wp--preset--color--text);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 600;
cursor: pointer;
box-sizing: border-box;
transition: border-color 0.2s ease;
}
.vbo-showprc-breakdown-toggle:hover {
border-color: var(--wp--preset--color--accent);
}
.vbo-showprc-breakdown-toggle i {
color: var(--wp--preset--color--text-soft);
font-size: 12px;
transition: transform 0.2s ease;
}
.vbo-showprc-breakdown.is-open .vbo-showprc-breakdown-toggle {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.vbo-showprc-breakdown.is-open .vbo-showprc-breakdown-toggle i {
transform: rotate(180deg);
}
.vbo-showprc-breakdown-body {
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--5) 0;
border: 1px solid var(--wp--preset--color--line);
border-top: 0;
border-radius: 0 0 var(--vik-radius) var(--vik-radius);
background: var(--wp--preset--color--white);
}
.vbo-showprc-breakdown-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--4);
padding: var(--wp--preset--spacing--3) 0;
}
.vbo-showprc-breakdown-row + .vbo-showprc-breakdown-row {
border-top: 1px solid var(--wp--preset--color--line);
}
.vbo-showprc-breakdown-row-info {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.vbo-showprc-breakdown-row-room {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 600;
color: var(--wp--preset--color--text);
}
.vbo-showprc-breakdown-row-rate {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
color: var(--wp--preset--color--text-soft);
}
.vbo-showprc-breakdown-row-price {
flex-shrink: 0;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-variant-numeric: lining-nums;
color: var(--wp--preset--color--text);
} .vbo-showprc-breakdown-row.vbo-showprc-breakdown-total-row {
margin: 0 calc(var(--wp--preset--spacing--5) * -1);
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
border-top: 2px solid var(--wp--preset--color--accent);
background: var(--wp--preset--color--background-alt);
}
.vbo-showprc-breakdown-total-row span:first-child {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--wp--preset--color--text-soft);
}
.vbo-showprc-breakdown-total-row span:last-child {
font-family: var(--wp--preset--font-family--display);
font-variant-numeric: lining-nums;
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
color: var(--wp--preset--color--accent);
} .vbo-showprc-stickybar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--4);
margin-top: var(--wp--preset--spacing--7);
padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--5);
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
}
.vbo-showprc-stickybar .goback {
flex-shrink: 0;
}
.vbo-showprc-stickybar .vbo-goback-link {
display: inline-block;
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
background: transparent;
color: var(--wp--preset--color--text);
font-size: var(--wp--preset--font-size--sm);
text-decoration: none;
transition: border-color 0.2s ease;
}
.vbo-showprc-stickybar .vbo-goback-link:hover {
border-color: var(--wp--preset--color--accent);
}
.vbo-showprc-stickybar-total {
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right;
margin-left: auto;
}
.vbo-showprc-stickybar-total-label {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--wp--preset--color--text-soft);
}
.vbo-showprc-stickybar-total-price {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--xl);
font-weight: 500;
color: var(--wp--preset--color--accent);
font-variant-numeric: lining-nums;
}
@media (max-width: 767px) {
.vbo-showprc-stickybar {
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--4);
}
.vbo-showprc-stickybar .vbo-goback-link {
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
}
.vbo-showprc-stickybar-total-label {
font-size: 9px;
}
.vbo-showprc-stickybar-total-price {
font-size: var(--wp--preset--font-size--lg);
}
}  .vbo-oconfirm-summary-room-wrapper {
border-radius: var(--vik-radius);
}
.vbo-oconfirm-summary-room-head-cell span {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
letter-spacing: 0.05em;
color: var(--wp--preset--color--text-soft);
}
.vbo-oconfirm-summary-container {
margin-bottom: var(--wp--preset--spacing--7);
} .vbo-oconfirm-summary-total-wrapper {
margin-top: var(--wp--preset--spacing--3);
background: var(--wp--preset--color--background-alt);
border: 1px solid var(--wp--preset--color--line);
border-top: 2px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
}
.vbo-oconfirm-total-block {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--wp--preset--color--text-soft);
}
.vbo-oconfirm-summary-total-row .vbo_price {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
font-variant-numeric: lining-nums;
}
.vbo-oconfirm-summary-total-row .vbo_currency {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
}
.vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-coupon-row > div {
font-size: inherit;
}
.vbo-oconfirm-summary-total-wrapper .vbo-oconfirm-summary-coupon-row .vbo_price {
color: var(--vbo-green-color);
font-size: var(--wp--preset--font-size--md);
} .vbo-oconfirm-middlep {
margin: 0 0 var(--wp--preset--spacing--7);
gap: var(--wp--preset--spacing--5);
}
.vbo-coupon-outer,
.vbo-enterpin-block {
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
}
.vbhaveacoupon,
.vbo-enterpin-top h4 {
display: block;
margin: 0 0 var(--wp--preset--spacing--3);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 600;
color: var(--wp--preset--color--text);
}
.vbo-enterpin-inner span {
display: block;
margin-bottom: var(--wp--preset--spacing--3);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-soft);
}
.vbentercoupon-inner,
.vbo-enterpin-btns {
display: flex;
gap: var(--wp--preset--spacing--3);
} .vbinputcoupon,
#vbo-pincode-inp {
flex-grow: 1;
height: 42px;
padding: 0 var(--wp--preset--spacing--3);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text);
box-sizing: border-box;
}
.vbentercoupon-inner .btn,
.vbo-enterpin-btns .btn {
flex-shrink: 0;
height: 42px;
padding: 0 var(--wp--preset--spacing--5);
box-sizing: border-box;
} .vbinput:focus,
.vbtextarea:focus,
select.vbf-countryinp:focus,
select.vbf-stateinp:focus,
.vbinputcoupon:focus,
#vbo-pincode-inp:focus,
.vbo-precheckin-adult-wrap .vbo-precheckin-guest-detail select:focus {
outline: none;
border-color: var(--wp--preset--color--accent);
box-shadow: 0 0 0 3px var(--vik-accent-15);
} select.vbf-countryinp,
select.vbf-stateinp {
height: 42px;
padding: 0 var(--wp--preset--spacing--6) 0 var(--wp--preset--spacing--3);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
background-color: var(--wp--preset--color--white);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath fill='%232C2C2C' d='M4 5 0 0h8z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right var(--wp--preset--spacing--3) center;
background-size: 8px 5px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text);
cursor: pointer;
} .vbcustomfields {
display: flex;
flex-wrap: wrap;
gap: 0 var(--wp--preset--spacing--6);
padding: 30px;
}
.vbcustomfields .vbo-oconfirm-cfield-entry {
display: block;
width: calc(50% - (var(--wp--preset--spacing--6) / 2));
margin: var(--wp--preset--spacing--3) 0;
}
.vbo-oconfirm-cfield-separator h4 {
margin: 0;
} .vbcustomfields .vbo-oconfirm-cfield-entry:first-child {
margin-top: 0;
}
.vbcustomfields .vbo-oconfirm-cfield-entry-separator,
.vbcustomfields .vbo-oconfirm-cfield-entry-textarea,
.vbcustomfields .vbo-oconfirm-cfield-entry-checkbox {
width: 100%;
}
@media (max-width: 767px) {
.vbcustomfields .vbo-oconfirm-cfield-entry {
width: 100%;
}
} .vbo-oconfirm-cfield-label label {
font-family: var(--wp--preset--font-family--body);
font-weight: 600;
color: var(--wp--preset--color--text);
}
.vbo-oconfirm-cfield-label .vbrequired {
color: var(--wp--preset--color--accent-dark);
} .vbo-oconfirm-cfield-entry-checkbox input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
flex-shrink: 0;
width: 18px !important;
height: 18px !important;
padding: 0 !important;
margin: 0;
border: 1px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
background-color: var(--wp--preset--color--white);
cursor: pointer;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.vbo-oconfirm-cfield-entry-checkbox input[type="checkbox"]:checked {
background-color: var(--wp--preset--color--accent);
border-color: var(--wp--preset--color--accent);
}
.vbo-oconfirm-cfield-entry-checkbox input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 5px;
top: 1px;
width: 5px;
height: 9px;
border: solid var(--wp--preset--color--white);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.vbo-oconfirm-cfield-entry-checkbox input[type="checkbox"]:focus-visible {
outline: none;
box-shadow: 0 0 0 3px var(--vik-accent-15);
}
.vbo-oconfirm-cfield-entry-checkbox .vbo-oconfirm-cfield-label {
align-items: center;
}
.vbo-oconfirm-cfield-entry-checkbox label {
font-weight: 400;
cursor: pointer;
} .vbo-oconfirm-cfield-entry:has(#vbf-inp6),
.vbo-oconfirm-cfield-entry:has(#vbf-inp7) {
margin-top: var(--wp--preset--spacing--6);
padding-top: var(--wp--preset--spacing--5);
border-top: 1px solid var(--wp--preset--color--line);
}
.vbo-oconfirm-cfield-entry-textarea {
margin-top: var(--wp--preset--spacing--6);
padding-top: var(--wp--preset--spacing--5);
border-top: 1px solid var(--wp--preset--color--line);
} .vboconfirmbottom {
margin-top: var(--wp--preset--spacing--7);
}
.vboconfirmbottom .vbo-goback-link {
display: inline-flex;
align-items: center;
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
background: transparent;
color: var(--wp--preset--color--text);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
text-decoration: none;
box-sizing: border-box;
transition: border-color 0.2s ease, color 0.2s ease;
}
.vboconfirmbottom .vbo-goback-link:hover {
border-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent);
}
@media (max-width: 767px) {
.vbo-oconfirm-middlep {
flex-direction: column;
}
.vboconfirmbottom {
display: flex;
flex-direction: column-reverse;
gap: var(--wp--preset--spacing--3);
}
.vboconfirmbottom input[name="saveorder"] {
float: none;
width: 100%;
margin-right: 0;
}
.vboconfirmbottom .vbo-goback-link {
width: 100%;
justify-content: center;
box-sizing: border-box;
}
}
.vbo-oconfirm-paymentopts .vbo-oconfirm-paymethods-list li:hover {
border-color: var(--wp--preset--color--accent);
}
.vbo-oconfirm-paymentopts .vbo-oconfirm-paymethods-list .vbo-oconfirm-paymethod-item-active {
border-color: var(--wp--preset--color--accent);
}
.vbo-oconfirm-paymentopts .vbo-oconfirm-paymethods-list .vbo-oconfirm-paymethod-item-active::after {
background: var(--wp--preset--color--accent);
}  .vbo-precheckin-disclaimer {
display: flex;
align-items: flex-start;
gap: var(--wp--preset--spacing--2);
margin-bottom: var(--wp--preset--spacing--5);
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--4);
background: var(--wp--preset--color--background-alt);
border-radius: var(--vik-radius);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
color: var(--wp--preset--color--text-soft);
line-height: 1.5;
}
.vbo-precheckin-disclaimer-icon {
flex-shrink: 0;
margin-top: 2px;
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--sm);
} .vbo-precheckin-progress {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
margin-bottom: var(--wp--preset--spacing--5);
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
border: 1px solid var(--wp--preset--color--line);
border-radius: 100px;
background: var(--wp--preset--color--white);
}
.vbo-precheckin-progress-count {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
font-weight: 500;
color: var(--wp--preset--color--accent);
font-variant-numeric: lining-nums;
}
.vbo-precheckin-progress-label {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--wp--preset--color--text-soft);
}
.vbo-precheckin-progress.is-complete {
border-color: var(--wp--preset--color--accent);
}
.vbo-precheckin-progress.is-complete .vbo-precheckin-progress-count {
color: var(--wp--preset--color--accent-dark);
} .vbo-precheckin-room-wrapper + .vbo-precheckin-room-wrapper {
margin-top: var(--wp--preset--spacing--7);
}
.vbo-precheckin-room-head span {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
color: var(--wp--preset--color--text);
} .vbo-precheckin-adult-wrap {
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-left: 3px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
padding: 0;
box-sizing: border-box;
}
.vbo-precheckin-adult-wrap + .vbo-precheckin-adult-wrap {
margin-top: var(--wp--preset--spacing--4);
} .vbo-precheckin-adult-wrap .vbo-precheckin-adult-num {
position: relative;
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--3);
padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--5);
font-size: var(--wp--preset--font-size--sm);
cursor: pointer;
user-select: none;
}
.vbo-precheckin-adult-num::before {
content: "";
flex-shrink: 0;
width: 28px;
height: 28px;
border-radius: 100px;
background-color: var(--wp--preset--color--background-alt);
}
.vbo-precheckin-adult-num::after {
content: "";
position: absolute;
top: 50%;
left: var(--wp--preset--spacing--5);
transform: translateY(-50%);
width: 28px;
height: 28px;
pointer-events: none;
-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / 14px 14px no-repeat;
background-color: var(--wp--preset--color--accent);
} .vbo-precheckin-adult-num > span:first-child {
flex-grow: 1;
font-family: var(--wp--preset--font-family--body);
font-weight: 600;
color: var(--wp--preset--color--text);
}
.vbo-precheckin-guest-status {
flex-shrink: 0;
width: 10px;
height: 10px;
border-radius: 100px;
border: 1px solid var(--wp--preset--color--line);
background: transparent;
transition: background-color 0.2s ease, border-color 0.2s ease;
} .vbo-precheckin-guest-status.is-complete {
background: #5b7a5b;
border-color: #4f6b4f;
}
.vbo-precheckin-guest-chevron {
flex-shrink: 0;
color: var(--wp--preset--color--text-soft);
font-size: 12px;
transition: transform 0.2s ease;
}
.vbo-precheckin-adult-wrap.is-collapsed .vbo-precheckin-guest-chevron {
transform: rotate(-90deg);
} .vbo-precheckin-adult-wrap.is-collapsed .vbo-precheckin-guest-fields {
display: none;
} .vbo-precheckin-guest-fields {
gap: 0 var(--wp--preset--spacing--6);
padding: 0 var(--wp--preset--spacing--5) var(--wp--preset--spacing--5);
}
.vbo-precheckin-adult-wrap .vbo-precheckin-guest-detail {
box-sizing: border-box;
flex-basis: calc(50% - (var(--wp--preset--spacing--6) / 2));
padding: 0;
margin: var(--wp--preset--spacing--3) 0;
border: 0;
}
@media (max-width: 767px) {
.vbo-precheckin-adult-wrap .vbo-precheckin-guest-detail {
flex-basis: 100%;
}
} .vbo-precheckin-adult-wrap .vbo-precheckin-guest-detail label {
font-family: var(--wp--preset--font-family--body);
} .vbo-precheckin-adult-wrap .vbo-precheckin-guest-detail select {
height: 42px;
padding: 0 var(--wp--preset--spacing--6) 0 var(--wp--preset--spacing--3);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
background-color: var(--wp--preset--color--white);
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath fill='%232C2C2C' d='M4 5 0 0h8z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right var(--wp--preset--spacing--3) center;
background-size: 8px 5px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 400;
color: var(--wp--preset--color--text);
cursor: pointer;
} .vbo-paxfield-upload-wrapper {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--wp--preset--spacing--3);
padding: var(--wp--preset--spacing--6) var(--wp--preset--spacing--4);
border: 1px dashed var(--wp--preset--color--line);
border-radius: var(--vik-radius);
background: var(--wp--preset--color--background-alt);
text-align: center;
cursor: pointer;
transition: border-color 0.2s ease, background-color 0.2s ease;
}
.vbo-paxfield-upload-wrapper.is-dragover {
border-color: var(--wp--preset--color--accent);
background: var(--vik-accent-08);
}
.vbo-precheckin-dropzone-icon {
width: 32px;
height: 32px;
color: var(--wp--preset--color--accent);
font-size: 28px;
}
.vbo-paxfield-upload-wrapper .vbo-paxfield-upload-instructions {
max-width: 480px;
margin-bottom: 0;
font-size: var(--wp--preset--font-size--xs);
font-style: normal;
opacity: 1;
}
.vbo-paxfield-upload-instructions span {
font-family: var(--wp--preset--font-family--body);
color: var(--wp--preset--color--text-soft);
line-height: 1.5;
}
.vbo-paxfield-upload-instructions .fa-info-circle {
margin-right: var(--wp--preset--spacing--1);
color: var(--wp--preset--color--accent);
}
.vbo-paxfield-upload-container {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--wp--preset--spacing--2);
}
.vbo-paxfield-upload-progress-wrap {
width: 200px;
max-width: 100%;
}
.vbo-paxfield-files {
width: 100%;
}
.vbo-paxfield-file-uploaded {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--2);
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
margin-top: var(--wp--preset--spacing--2);
background: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
color: var(--wp--preset--color--text);
text-align: left;
cursor: default;
} .vbo-precheckin-submit {
position: sticky;
bottom: 0;
z-index: 20;
margin-top: var(--wp--preset--spacing--7);
padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--5);
background: var(--wp--preset--color--white);
border-top: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius) var(--vik-radius) 0 0;
box-shadow: 0 -8px 24px rgba(30, 30, 30, 0.08);
}
@media (max-width: 767px) {
.vbo-precheckin-submit {
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--4);
}
.vbo-precheckin-submit .btn {
display: block;
width: 100%;
text-align: center;
box-sizing: border-box;
}
}  .vbo-booking-leavereview-inner {
box-shadow: none;
}
.vbo-booking-review-message {
margin-top: var(--wp--preset--spacing--6);
}
.vbo-booking-starrating-wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--wp--preset--spacing--6) var(--wp--preset--spacing--5);
}
.vbo-booking-starrating-wrap .vbo-booking-starrating-cont {
margin: 0;
}
@media (max-width: 767px) {
.vbo-booking-starrating-wrap {
grid-template-columns: repeat(2, 1fr);
}
}
.vbo-booking-starrating-wrap .vbo-booking-review-servicename {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 600;
color: var(--wp--preset--color--text);
margin-bottom: var(--wp--preset--spacing--2);
} .vbo-booking-starrating-wrap .vbo-booking-starrating-stars .vbo-review-star {
font-weight: 400;
color: var(--wp--preset--color--line);
cursor: pointer;
transition: color 0.15s ease;
}
.vbo-booking-starrating-wrap .vbo-booking-starrating-stars .vbo-review-star-full,
.vbo-booking-starrating-wrap .vbo-booking-starrating-stars .vbo-review-star-hover {
font-weight: 900;
color: var(--wp--preset--color--accent);
} .vbo-revstay-average {
display: inline-flex;
align-items: baseline;
gap: var(--wp--preset--spacing--2);
margin-bottom: var(--wp--preset--spacing--5);
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
background: var(--wp--preset--color--background-alt);
border-radius: var(--vik-radius);
}
.vbo-revstay-average-value {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--xl);
font-weight: 500;
color: var(--wp--preset--color--accent);
font-variant-numeric: lining-nums;
}
.vbo-revstay-average-outof {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-soft);
}
.vbo-revstay-average-label {
align-self: center;
margin-left: var(--wp--preset--spacing--2);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--wp--preset--color--text-soft);
} .vbo-booking-review-message textarea {
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
padding: var(--wp--preset--spacing--3);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text);
box-sizing: border-box;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.vbo-booking-review-message textarea:focus {
outline: none;
border-color: var(--wp--preset--color--accent);
box-shadow: 0 0 0 3px var(--vik-accent-15);
} .vbo-booking-review-message-privacy {
display: flex;
align-items: flex-start;
gap: var(--wp--preset--spacing--2);
margin-top: var(--wp--preset--spacing--3);
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--4);
background: var(--wp--preset--color--background-alt);
border-radius: var(--vik-radius);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
color: var(--wp--preset--color--text-soft);
line-height: 1.5;
}
.vbo-revstay-disclaimer-icon {
flex-shrink: 0;
margin-top: 2px;
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--sm);
} .vbo-booking-review-cmds a.vbo-pref-color-btn-secondary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
background: transparent;
color: var(--wp--preset--color--text);
font-size: var(--wp--preset--font-size--sm);
text-decoration: none;
box-sizing: border-box;
transition: border-color 0.2s ease, color 0.2s ease;
}
.vbo-booking-review-cmds a.vbo-pref-color-btn-secondary:hover {
border-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent);
}
.vbo-booking-review-cmds {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--3);
}
@media (max-width: 767px) {
.vbo-booking-review-cmds {
flex-direction: column-reverse;
}
.vbo-booking-review-cmds .vbo-booking-review-cmd,
.vbo-booking-review-cmds .vbo-booking-review-cmd a,
.vbo-booking-review-cmds .vbo-booking-review-cmd button {
width: 100%;
box-sizing: border-box;
}
.vbo-booking-review-cmds .vbo-booking-review-cmd a {
text-align: center;
}
}  .vbo-search-results-filter-price-range .vbo-dual-slider-track {
background: var(--wp--preset--color--accent) !important;
}
.vbo-search-results-filter-price-range input[type="range"]::-webkit-slider-thumb,
.vbo-search-results-filter-price-range input[type="range"]::-moz-range-thumb {
background: var(--wp--preset--color--accent);
} .vbo-search-results-filter-price-range .vbo-dual-slider-wrap {
margin-top: 24px;
} .vbo-dual-slider-tooltip {
position: absolute;
bottom: 100%;
margin-bottom: 10px;
transform: translateX(-50%);
background: var(--wp--preset--color--ink, #1e1e1e);
color: var(--wp--preset--color--white);
font-size: var(--wp--preset--font-size--xs);
line-height: 1;
white-space: nowrap;
padding: 5px 8px;
border-radius: var(--vik-radius);
opacity: 0;
pointer-events: none;
transition: opacity 0.15s ease;
}
.vbo-dual-slider-tooltip.is-visible {
opacity: 1;
}
.vbo-dual-slider-tooltip::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 4px solid transparent;
border-top-color: var(--wp--preset--color--ink, #1e1e1e);
} .vbo-modal-sticky-head .vbo-modal-overlay-content-head {
box-sizing: border-box;
}
#vbo-results-filters-form > div:first-of-type h4 {
margin-top: 0;
}
.vbo-results-filter-entries .vbo-results-filter-entry .vbo-results-filter-entry-name {
min-height: auto;
}
.vbo-results-filters-form-wrapper .vbo-results-filter-entries .vbo-results-filter-entry input:checked + .vbo-results-filter-entry-name {
background: var(--wp--preset--color--accent);
border-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
}
.vbo-results-filters-form-wrapper .vbo-results-filter-entries .vbo-results-filter-entry input:checked + .vbo-results-filter-entry-name:hover {
background: var(--wp--preset--color--accent-dark);
border-color: var(--wp--preset--color--accent-dark);
}
.vbo-results-filters-form-wrapper .vbo-results-filter-entry input:checked + .vbo-results-filter-entry-name:after { display: none;
} .vbo-modal-overlay-block.vbo-modal-overlay-search-results-filters-modal {
background-color: rgba(0, 0, 0, 0.45);
} .vbo-modal-overlay-content-search-results-filters-modal .vbo-modal-overlay-content-footer {
box-sizing: border-box;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--3);
} .vbo-modal-overlay-content-search-results-filters-modal .vbo-modal-overlay-content-footer-left {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--4);
}
.vbo-modal-overlay-content-search-results-filters-modal .vbo-results-filters-reset {
background: none;
border: none;
padding: 0;
font-family: inherit;
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-soft);
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
}
.vbo-modal-overlay-content-search-results-filters-modal .vbo-results-filters-reset:hover {
color: var(--wp--preset--color--accent);
}  .vbsrchdetpriceboxinner .vbroomnumnightsdet {
background-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
} .vbo-searchdet-total-label {
display: block;
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
margin-bottom: var(--wp--preset--spacing--1);
} .vbo-searchdet-gallery-container .vik-dots-slider-navbuttons {
opacity: 1;
}
.vbo-searchdet-gallery-container .vik-dots-slider-navbuttons > span {
background: rgba(255, 255, 255, 0.75);
} .vbo-searchresults-classic-wrap .room_item.room_selected {
border-color: #4f6b4f;
}
.room_item.room_selected .vbselectordiv .btn {
background-color: transparent;
border-color: #4f6b4f;
color: #4f6b4f;
}
.room_item.room_selected .vbselectordiv .btn:hover {
background-color: transparent;
border-color: #4f6b4f;
color: #4f6b4f;
}
.room_item.room_selected .vbselectordiv .btn::before {
content: "\2713";
margin-right: var(--wp--preset--spacing--1);
font-weight: 700;
}  .vbdialog-inner {
display: flex;
flex-direction: column;
box-sizing: border-box;
width: min(420px, 92vw);
height: auto;
min-height: 0;
max-height: 90vh;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow-y: auto;
padding: 0;
border-radius: var(--vik-radius);
}
.vbdialog-left,
.vbdialog-right {
display: block;
width: 100%;
vertical-align: initial;
}
.vbdialog-left {
line-height: 0; }
#vbdialogrimage, .vbdialog-left #vbdialogrimage {
width: 100%;
max-width: none;
height: 200px;
max-height: none;
margin: 0;
object-fit: cover;
} .vbdialog-right {
position: relative;
top: auto;
text-align: center;
box-sizing: border-box;
padding: var(--wp--preset--spacing--5) var(--wp--preset--spacing--6) var(--wp--preset--spacing--6);
transform: none;
} .vbdialog-right:after {
top: 0;
left: 50%;
transform: translate(-50%, -50%);
background: #5b7a5b;
border-color: var(--wp--preset--color--white);
width: 40px;
height: 40px;
line-height: 40px;
font-size: 17px;
}
.vbdialog-right-top {
margin-bottom: var(--wp--preset--spacing--4);
margin-top: var(--wp--preset--spacing--4);
}
.vbdialog-intro {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--wp--preset--color--text-soft);
}
.vbdialogrname {
display: block;
margin: var(--wp--preset--spacing--1) 0 0;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
color: var(--wp--preset--color--text);
} .vbdialog-roomslot {
margin: var(--wp--preset--spacing--2) 0 0;
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-soft);
} .vbdialog-recap {
display: flex;
align-items: baseline;
justify-content: center;
gap: var(--wp--preset--spacing--2);
margin: 0 0 var(--wp--preset--spacing--4);
padding-top: var(--wp--preset--spacing--3);
border-top: 1px solid var(--wp--preset--color--line);
}
.vbdialog-recap-price {
font-family: var(--wp--preset--font-family--display);
font-variant-numeric: lining-nums;
font-size: var(--wp--preset--font-size--md);
color: var(--wp--preset--color--accent);
}
.vbdialog-recap-nights {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
color: var(--wp--preset--color--text-soft);
text-transform: uppercase;
letter-spacing: 0.03em;
}
.vbdialog-right-bottom {
display: flex;
gap: var(--wp--preset--spacing--3);
margin: 0;
}
.vbdialog-right-bottom .vbo-pref-color-btn,
.vbdialog-right-bottom .vbo-pref-color-btn-secondary {
flex: 1 1 0;
box-sizing: border-box;
text-align: center;
} #vbdialog-cancel.vbo-pref-color-btn-secondary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
background: transparent;
color: var(--wp--preset--color--text);
font-size: var(--wp--preset--font-size--sm);
cursor: pointer;
transition: border-color 0.2s ease, color 0.2s ease;
}
#vbdialog-cancel.vbo-pref-color-btn-secondary:hover {
border-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent);
background: transparent;
}
@media (max-width: 480px) {
.vbdialog-right-bottom {
flex-direction: column-reverse;
}
}  .vbo-promotion-room-capacity-icon {
content: "";
display: block;
flex-shrink: 0;
background-color: var(--wp--preset--color--text-soft);
width: 14px;
height: 14px;
-webkit-mask: var(--vbo-icon-user) center / contain no-repeat;
mask: var(--vbo-icon-user) center / contain no-repeat;
--vbo-icon-user: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
.vbo-promotion-block {
align-items: center;
}  .vbo-promotion-details {
box-sizing: border-box;
display: block;
width: 100vw;
margin: 0 calc(50% - 50vw);
padding: var(--vik-section-space-y-compact) 0;
border-bottom: none;
background: var(--wp--preset--color--background);
}
.vbo-promotion-details:nth-child(even) {
background: var(--wp--preset--color--background-alt);
} .vbo-promotion-details + .vbo-promotion-details {
border-top: 1px solid var(--wp--preset--color--line);
} .vbo-promotion-det-wrapper,
.vbo-promotion-wrapper {
display: grid;
box-sizing: border-box;
float: none;
width: 100%;
max-width: var(--wp--style--global--content-size, 1200px);
margin-left: auto;
margin-right: auto;
padding-left: var(--wp--preset--spacing--5);
padding-right: var(--wp--preset--spacing--5);
}
@media (min-width: 768px) {
.vbo-promotion-det-wrapper,
.vbo-promotion-wrapper {
padding-left: var(--wp--preset--spacing--6);
padding-right: var(--wp--preset--spacing--6);
}
}
@media (min-width: 1024px) {
.vbo-promotion-det-wrapper,
.vbo-promotion-wrapper {
padding-left: var(--wp--preset--spacing--8);
padding-right: var(--wp--preset--spacing--8);
}
} .vbo-promotion-det-wrapper {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
column-gap: var(--wp--preset--spacing--5);
row-gap: var(--wp--preset--spacing--2);
padding-top: 0;
padding-bottom: var(--wp--preset--spacing--5);
}
.vbo-promotion-name {
grid-column: 1;
grid-row: 1;
padding: 0;
min-width: 0;
}
.vbo-promotion-name h4 {
margin: 0;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--xl);
font-weight: 500;
}
.vbo-promotion-description {
grid-column: 1 / -1;
grid-row: 2;
padding: 0;
margin: 0;
align-self: auto;
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--sm);
} .vbo-promotion-dates {
box-sizing: border-box;
width: 100%;
margin: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--5);
padding-top: var(--wp--preset--spacing--4);
padding-bottom: var(--wp--preset--spacing--5);
background: transparent;
border-top: 1px solid var(--wp--preset--color--line);
}
.vbo-promotion-dates-left {
display: flex;
align-items: flex-start;
gap: var(--wp--preset--spacing--7);
}
.vbo-promotion-date-from,
.vbo-promotion-date-to {
display: flex;
flex-direction: column;
gap: 4px;
}
.vbo-promotion-date-label {
font-size: var(--wp--preset--font-size--xs);
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--wp--preset--color--text-soft);
}
.vbo-promotion-date-from-sp,
.vbo-promotion-date-to-sp {
font-weight: 600;
} .vbo-promotion-dates-right {
display: flex;
align-items: center;
}
.vbo-promotion-dates-right.vbo-pref-color-element {
background: transparent;
color: var(--wp--preset--color--accent);
}
.vbo-promotion-dates-right > i {
display: none;
}
.vbo-promotion-date-validuntil {
display: flex;
flex-direction: column;
gap: 4px;
}
.vbo-promotion-dates-right .vbo-promotion-date-label {
color: inherit;
}
.vbo-promotion-date-validuntil span:last-child {
font-weight: 600;
color: inherit;
} .vbo-promotion-discount {
grid-column: 2;
grid-row: 1;
}
.vbo-promotion-discount-details {
display: inline-flex;
align-items: baseline;
gap: var(--wp--preset--spacing--1);
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
border-width: 1px;
border-style: solid;
border-radius: 100px;
white-space: nowrap;
}
.vbo-promotion-discount-percent-amount {
font-weight: 600;
}
.vbo-promotion-discount-percent-txt {
font-size: var(--wp--preset--font-size--xs);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.vbo-promotion-bottom-block {
box-sizing: border-box;
padding: 0;
border: 0;
} .vbo-promotion-date-from-sp,
.vbo-promotion-date-to-sp,
.vbo-promotion-date-validuntil span,
.vbo-promotion-discount-percent-amount,
.vbo-promotion-room-price .vbo-promotion-room-price-base,
.vbo-promotion-room-price .vbo-promotion-room-price-discounted,
.vbo-promotion-room-capacity-value {
font-variant-numeric: lining-nums;
}  .vbo-promotion-rooms-list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--vik-grid-gap);
margin-top: var(--wp--preset--spacing--6);
}
@media (min-width: 768px) {
.vbo-promotion-rooms-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.vbo-promotion-rooms-list {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
} .vbo-promotion-room-block {
box-sizing: border-box;
width: 100%;
display: flex;
flex-direction: column;
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
overflow: hidden;
background: var(--wp--preset--color--white);
margin: 0;
padding-bottom: 0;
} .vbo-promotion-room-img {
aspect-ratio: 4 / 3;
}
.vbo-promotion-room-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
}
.vbo-promotion-room-img:empty {
background: var(--wp--preset--color--line);
}
.vbo-promotion-room-name {
margin: 0;
padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--4) 0;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--base);
font-weight: 600;
text-align: left;
} .vbo-promotion-room-capacity {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--4) 0;
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
} .vbo-promotion-room-price {
display: flex;
align-items: baseline;
gap: var(--wp--preset--spacing--2);
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--4) 0;
}
.vbo-promotion-room-price-base {
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--sm);
}
.vbo-promotion-room-price-discounted {
color: var(--wp--preset--color--accent);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
font-weight: 600;
} .vbo-promotion-room-book-block {
margin-top: auto;
padding: var(--wp--preset--spacing--4);
}
.vbo-promotion-room-book-block .vbo-promotion-room-book-link {
display: block;
width: 100%;
box-sizing: border-box;
text-align: center;
margin: 0;
}  .vbo-availability-controls {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--3);
margin-bottom: var(--wp--preset--spacing--4);
}
.vbo-availability-controls form[name="vbmonths"] select {
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
background-color: var(--wp--preset--color--background);
color: var(--wp--preset--color--ink);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
} .vblegendediv {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
color: var(--wp--preset--color--text-soft);
}
.vblegendediv .vblegenda {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
padding: 0 var(--wp--preset--spacing--3);
}
.vblegendediv .vblegenda:first-child {
padding-left: 0;
}
.vblegendediv .vblegenda:not(:first-child) {
border-left: 1px solid var(--wp--preset--color--line);
}
.vblegendediv .vblegenda-status {
display: inline-block;
width: 14px;
height: 14px;
border-radius: var(--vik-radius);
background-color: var(--wp--preset--color--background);
border: 1px solid var(--wp--preset--color--line);
}
.vblegendediv .vblegwarning {
background-color: color-mix( in srgb, var(--wp--preset--color--accent) 18%, var(--wp--preset--color--background) );
border-color: color-mix( in srgb, var(--wp--preset--color--accent) 45%, var(--wp--preset--color--background) );
}
.vblegendediv .vblegbusy {
background-color: var(--wp--preset--color--accent-dark);
border-color: var(--wp--preset--color--accent-dark);
}
.vblegendediv .vbo-av-leg-selected {
background-color: var(--wp--preset--color--background);
border: 2px solid var(--wp--preset--color--accent);
}
.vblegendediv .vbo-av-leg-today {
width: 2px;
height: 14px;
background-color: var(--wp--preset--color--accent);
border: none;
border-radius: 0;
}
.vblegendediv .vblegenda-lbl {
white-space: nowrap;
} .vbo-av-hint {
margin: 0;
padding-left: var(--wp--preset--spacing--3);
border-left: 1px solid var(--wp--preset--color--line);
font-style: italic;
} .vbo-availability-wrapper.vbo-av-grid {
--vbo-av-identity-w: 320px;
--vbo-av-day-w: minmax(46px, 1fr);
display: grid;
grid-template-columns: var(--vbo-av-identity-w) repeat( var(--vbo-av-days, 31), var(--vbo-av-day-w) );
align-items: start;
position: relative;
max-height: 70vh;
overflow: auto;
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
background-color: var(--wp--preset--color--background);
} .vbo-availability-wrapper.vbo-av-grid .vbo-availability-room-container {
display: contents;
}
.vbo-availability-wrapper.vbo-av-grid .vbo-availability-room-monthcal.table-responsive {
display: contents;
overflow: visible;
}
.vbo-availability-wrapper.vbo-av-grid .vbo-availability-room-monthcal table {
display: contents;
}
.vbo-availability-wrapper.vbo-av-grid .vbo-availability-room-monthcal tbody {
display: contents;
}
.vbo-availability-wrapper.vbo-av-grid .vbo-availability-room-avdays {
display: contents;
} .vbo-availability-wrapper.vbo-av-grid .vbo-availability-month-day {
position: sticky;
top: 0;
z-index: 3;
display: block;
box-sizing: border-box;
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--1);
background-color: var(--wp--preset--color--background);
border-bottom: 1px solid var(--wp--preset--color--line);
text-align: center;
line-height: 1.3;
}
.vbo-availability-wrapper.vbo-av-grid .vbo-availability-daynumber {
display: block;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-variant-numeric: lining-nums;
color: var(--wp--preset--color--ink);
}
.vbo-availability-wrapper.vbo-av-grid .vbo-availability-weekday {
display: block;
font-family: var(--wp--preset--font-family--body);
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--wp--preset--color--text-soft);
} .vbo-availability-wrapper.vbo-av-grid .vbo-availability-month-day.vbo-av-weekend {
background-color: color-mix( in srgb, var(--wp--preset--color--line) 25%, var(--wp--preset--color--background) );
}
.vbo-availability-wrapper.vbo-av-grid td.vbo-av-weekend {
background-color: color-mix( in srgb, var(--wp--preset--color--line) 12%, var(--wp--preset--color--background) );
} .vbo-availability-wrapper.vbo-av-grid .vbo-availability-month-day.vbo-av-today-col {
border-bottom: 2px solid var(--wp--preset--color--accent);
} .vbo-availability-wrapper.vbo-av-grid .vbo-av-corner-cell {
position: sticky;
top: 0;
left: 0;
z-index: 4;
display: flex;
align-items: center;
padding: var(--wp--preset--spacing--3);
background-color: var(--wp--preset--color--background);
border-bottom: 1px solid var(--wp--preset--color--line);
border-right: 1px solid var(--wp--preset--color--line);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--sm);
color: var(--wp--preset--color--text-soft);
min-height: 39px;
} .vbo-av-today-line { align-self: stretch;
width: 2px;
margin: 0 auto;
background-color: var(--wp--preset--color--accent);
pointer-events: none;
z-index: 1;
} .vbo-availability-wrapper.vbo-av-grid .vbo-av-identity {
position: sticky;
left: 0;
z-index: 2;
background-color: var(--wp--preset--color--background);
border-right: 1px solid var(--wp--preset--color--line);
border-bottom: 1px solid var(--wp--preset--color--line);
} .vbo-av-identity-bar {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: var(--wp--preset--spacing--2);
min-height: 52px;
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
box-sizing: border-box;
}
.vbo-av-identity.is-selected .vbo-av-identity-bar {
flex-wrap: wrap;
}
.vbo-av-identity-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--2);
flex: 0 0 auto;
} .vbo-av-identity.is-selected .vbo-av-identity-actions {
flex-basis: 100%;
}
.vbo-av-chevron {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
padding: 0;
border: none;
background: none;
color: var(--wp--preset--color--text-soft);
cursor: pointer;
transition: transform 0.2s ease;
}
.vbo-av-chevron[hidden] {
visibility: hidden;
}
.vbo-av-identity.is-expanded .vbo-av-chevron {
transform: rotate( 180deg );
}
.vbo-av-identity-thumb {
flex: 0 0 auto;
width: 36px;
height: 36px;
border-radius: var(--vik-radius);
overflow: hidden;
background-color: var(--wp--preset--color--background-alt);
}
.vbo-av-identity-thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.vbo-av-identity-name {
flex: 1 1 auto;
min-width: 0;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--base);
font-weight: 500;
color: var(--wp--preset--color--ink);
}
.vbo-av-identity-actions .vbo-pref-color-btn {
flex: 0 0 auto;
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
font-size: var(--wp--preset--font-size--xs);
white-space: nowrap;
} .vbo-av-identity-bar .vbo-availability-room-details-last-checkin {
flex: 0 0 auto;
align-items: center;
gap: var(--wp--preset--spacing--1);
padding: var(--wp--preset--spacing--1) var(--wp--preset--spacing--3);
border: 1px solid var(--wp--preset--color--accent);
border-radius: 100px;
background-color: var(--wp--preset--color--background);
color: var(--wp--preset--color--accent-dark);
font-size: var(--wp--preset--font-size--xs);
font-variant-numeric: lining-nums;
white-space: nowrap;
}
.vbo-av-identity-bar .vbo-availability-room-details-last-checkin i {
display: none;
} .vbo-av-identity-bar .vbo-availability-room-details-last-checkin span {
margin: 0;
padding: 0;
position: static;
font-size: inherit;
font-weight: 600;
text-transform: none;
}
.vbo-av-checkin-remove {
display: inline-flex;
align-items: center;
justify-content: center;
width: 14px;
height: 14px;
padding: 0;
border: none;
background: none;
color: inherit;
font-size: 12px;
line-height: 1;
cursor: pointer;
opacity: 0.7;
}
.vbo-av-checkin-remove:hover {
opacity: 1;
} .vbo-av-identity-detail {
padding: 0 var(--wp--preset--spacing--3) var(--wp--preset--spacing--3);
border-top: 1px solid var(--wp--preset--color--line);
}
.vbo-av-identity-detail .vbo-availability-room-details-descr {
margin: var(--wp--preset--spacing--2) 0;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
line-height: 1.5;
color: var(--wp--preset--color--text-soft);
} .vbo-av-identity-amenities {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--2);
margin: 0;
}
.vbo-av-identity-amenities .vbo-room-carat {
display: inline-flex;
align-items: center;
justify-content: center;
height: 32px;
margin: 0;
border-radius: var(--vik-radius);
background: var(--vik-accent-12);
}
.vbo-av-identity-amenities .vbo-room-carat:has( .vbo-icn-carat ) {
width: 32px;
}
.vbo-av-identity-amenities .vbo-room-carat:not( :has( .vbo-icn-carat ) ) {
padding: 0 var(--wp--preset--spacing--3);
color: var(--wp--preset--color--accent-dark);
font-size: var(--wp--preset--font-size--xs);
white-space: nowrap;
}
.vbo-av-identity-amenities .vbo-icn-carat {
color: var(--wp--preset--color--accent-dark);
font-size: var(--wp--preset--font-size--sm);
} .vbo-availability-wrapper.vbo-av-grid td[data-cell-ts] {
display: block;
box-sizing: border-box;
min-height: 52px;
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--1);
border-bottom: 1px solid var(--wp--preset--color--line);
border-right: 1px solid color-mix( in srgb, var(--wp--preset--color--line) 60%, transparent );
text-align: center;
position: relative;
}
.vbo-availability-wrapper.vbo-av-grid td.vbo-free-cell,
.vbo-availability-wrapper.vbo-av-grid td.vbo-partially-cell {
cursor: pointer;
}
.vbo-availability-wrapper.vbo-av-grid td.vbo-free-cell:hover,
.vbo-availability-wrapper.vbo-av-grid td.vbo-partially-cell:hover {
background-color: color-mix( in srgb, var(--wp--preset--color--accent) 8%, var(--wp--preset--color--background) );
}
.vbo-availability-wrapper.vbo-av-grid td.vbo-partially-cell {
background-color: color-mix( in srgb, var(--wp--preset--color--accent) 16%, var(--wp--preset--color--background) );
}
.vbo-availability-wrapper.vbo-av-grid td.vbo-occupied-cell {
background-color: var(--wp--preset--color--accent-dark);
}
.vbo-availability-wrapper.vbo-av-grid .vbo-availability-day-container {
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
font-variant-numeric: lining-nums;
color: var(--wp--preset--color--accent-dark);
}
.vbo-availability-wrapper.vbo-av-grid td.vbo-occupied-cell .vbo-availability-day-container { display: none;
} .vbo-availability-wrapper.vbo-av-grid td.vbo-cell-selected-arrival {
background-color: var(--wp--preset--color--background);
border: 2px solid var(--wp--preset--color--accent);
}
.vbo-av-cell-check {
display: none;
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--sm);
}
.vbo-availability-wrapper.vbo-av-grid td.vbo-cell-selected-arrival .vbo-av-cell-check {
display: inline-block;
}
.vbo-availability-wrapper.vbo-av-grid td.vbo-cell-selected-arrival .vbo-availability-day-container {
display: none;
} @media (max-width: 1023px) {
.vbo-av-identity-bar {
flex-wrap: wrap;
row-gap: var(--wp--preset--spacing--1);
padding: var(--wp--preset--spacing--2);
}
.vbo-av-identity-actions {
flex-basis: 100%;
}
.vbo-availability-wrapper.vbo-av-grid {
--vbo-av-identity-w: 260px;
--vbo-av-day-w: minmax(42px, 1fr);
max-height: 65vh;
}
.vbo-av-identity-name {
font-size: var(--wp--preset--font-size--sm);
}
.vbo-av-identity-thumb {
width: 32px;
height: 32px;
} .vblegendediv {
row-gap: var(--wp--preset--spacing--2);
column-gap: var(--wp--preset--spacing--3);
}
.vblegendediv .vblegenda {
padding: 0;
}
.vblegendediv .vblegenda:not(:first-child) {
border-left: none;
}
.vbo-av-hint {
padding-left: 0;
border-left: none;
flex-basis: 100%;
}
} @media (max-width: 767px) {
.vbo-availability-controls {
flex-direction: column;
align-items: flex-start;
gap: var(--wp--preset--spacing--2);
}
.vblegendediv {
flex-direction: column;
align-items: flex-start;
row-gap: var(--wp--preset--spacing--1);
}
.vbo-av-hint {
padding-left: 0;
border-left: none;
}
.vbo-availability-wrapper.vbo-av-grid {
--vbo-av-identity-w: 180px;
--vbo-av-day-w: minmax(38px, 1fr);
max-height: 62vh;
}
.vbo-av-identity-thumb {
display: none;
} .vbo-av-identity-bar {
row-gap: var(--wp--preset--spacing--2);
} .vbo-av-identity-actions .vbo-pref-color-btn {
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
font-size: var(--wp--preset--font-size--sm);
}
.vbo-av-identity-detail {
padding: 0 var(--wp--preset--spacing--2) var(--wp--preset--spacing--2);
}
.vbo-av-identity-amenities .vbo-room-carat {
height: 28px;
}
.vbo-av-identity-amenities .vbo-room-carat:has( .vbo-icn-carat ) {
width: 28px;
}
} .vbclistheadt {
margin: 0 0 var(--wp--preset--spacing--6);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--xl);
font-weight: 500;
color: var(--wp--preset--color--ink);
}
.vbo-pkglist-container {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--7);
} .vbo-pkglist-pkg {
display: flex;
align-items: stretch;
width: 100%;
margin: 0;
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
overflow: hidden;
background: var(--wp--preset--color--background);
}
.vbo-pkglist-pkg-bone {
position: relative;
float: none;
display: block;
flex: 0 0 42%;
width: auto;
}
.vbo-pkglist-pkg-content {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-width: 0;
} .vbo-pkglist-pkg-bone:empty {
background: var(--wp--preset--color--background-alt);
}
.vbo-pkglist-pkg-img {
width: 100%;
height: 100%;
}
.vbo-pkglist-pkg-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .vbo-pkglist-pkg-datebadge {
position: absolute;
top: var(--wp--preset--spacing--4);
left: var(--wp--preset--spacing--4);
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
border-radius: var(--vik-radius);
background: color-mix(in srgb, var(--wp--preset--color--ink) 55%, transparent);
color: var(--wp--preset--color--white);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-variant-numeric: lining-nums;
line-height: 1.3;
}
.vbo-pkglist-pkg-btwo {
float: none;
display: block;
width: auto;
padding: var(--wp--preset--spacing--7) var(--wp--preset--spacing--7) 0;
border-right: none;
}
.vbo-pkglist-pkg-name {
margin: 0 0 var(--wp--preset--spacing--3);
}
.vbo-pkglist-pkg-name h4 {
margin: 0;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
color: var(--wp--preset--color--ink);
}
.vbo-pkglist-pkg-shortdescr {
margin: 0;
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--sm);
line-height: 1.6;
} .vbo-pkglist-pkg-bthree {
float: none;
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas:
"benefits benefits"
"price cta";
column-gap: var(--wp--preset--spacing--5);
row-gap: var(--wp--preset--spacing--5);
align-items: end;
width: auto;
margin-top: var(--wp--preset--spacing--5);
padding: var(--wp--preset--spacing--6) var(--wp--preset--spacing--7) var(--wp--preset--spacing--7);
border-top: 1px solid var(--wp--preset--color--line);
border-left: none;
} .vbo-pkglist-pkg-benefits {
grid-area: benefits;
margin: 0;
padding: 0;
border: none;
border-radius: 0;
text-align: left;
}
.vbo-pkglist-pkg-benefits-head {
margin-bottom: var(--wp--preset--spacing--3);
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
text-transform: uppercase;
letter-spacing: 0.05em;
}
.vbo-pkglist-pkg-benefits-list {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--2);
margin: 0;
padding: 0;
list-style: none;
}
.vbo-pkglist-pkg-benefits-list li {
display: flex;
align-items: flex-start;
gap: var(--wp--preset--spacing--2);
color: var(--wp--preset--color--ink);
font-size: var(--wp--preset--font-size--sm);
line-height: 1.5;
} .vbo-pkglist-pkg-benefits-icon {
flex-shrink: 0;
width: 14px;
height: 14px;
margin-top: 3px;
background-color: var(--wp--preset--color--accent);
-webkit-mask: var(--vbo-icon-check) center / contain no-repeat;
mask: var(--vbo-icon-check) center / contain no-repeat;
--vbo-icon-check: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.vbo-pkglist-pkg-benefits-text {
margin: 0;
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--sm);
line-height: 1.6;
}
.vbo-pkglist-pkg-cost {
grid-area: price;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--wp--preset--spacing--2);
text-align: left;
} .vbo-pkglist-pkg-cost .vbo-pkglist-pkg-price {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
font-variant-numeric: lining-nums;
}
.vbo-pkglist-pkg-priceper {
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
}
.vbo-pkglist-pkg-priceper:empty {
display: none;
} .vbo-pkglist-pkg-dates-cont {
display: inline-flex;
width: auto;
margin: 0;
}
.vbo-pkglist-pkg-dates {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
width: auto;
margin-top: 0;
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
border-radius: var(--vik-radius);
background: var(--wp--preset--color--background-alt);
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
}
.vbo-pkglist-pkg-dates i {
margin-right: 0;
color: var(--wp--preset--color--accent-dark);
font-size: 11px;
}
.vbo-pkglist-pkg-dates-lbl {
margin-right: 0;
font-size: inherit;
}
.vbo-pkglist-pkg-dates-ft {
font-variant-numeric: lining-nums;
}
.vbo-pkglist-pkg-details {
grid-area: cta;
justify-self: end;
text-align: right;
} .vbo-pkglist-pkg-details a.vbo-pref-color-btn {
display: inline-block;
width: auto;
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
white-space: nowrap;
}
@media (max-width: 980px) {
.vbo-pkglist-pkg-bone {
flex: 0 0 100%;
}
}
@media (max-width: 780px) {
.vbo-pkglist-pkg {
flex-direction: column;
}
.vbo-pkglist-pkg-bone {
flex-basis: auto;
min-height: 220px;
}
.vbo-pkglist-pkg-bthree {
grid-template-columns: 1fr;
grid-template-areas:
"benefits"
"price"
"cta";
}
.vbo-pkglist-pkg-details {
justify-self: stretch;
text-align: center;
}
.vbo-pkglist-pkg-details a.vbo-pref-color-btn {
display: block;
width: 100%;
margin: 0;
text-align: center;
}
} .vbo-pkgdet-breadcrumb {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--1);
margin-bottom: var(--wp--preset--spacing--5);
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
text-decoration: none;
}
.vbo-pkgdet-breadcrumb:hover {
color: var(--wp--preset--color--accent);
}
.vbo-pkgdet-breadcrumb::before {
content: "‹";
font-size: var(--wp--preset--font-size--md);
line-height: 1;
}
.vbo-pkgdet-eyebrow {
margin-bottom: var(--wp--preset--spacing--2);
color: var(--wp--preset--color--accent);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
} .vbo-pkgdet-headrow {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--4);
margin-bottom: var(--wp--preset--spacing--6);
}
.vbo-pkgdet-title {
margin: 0;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--xl);
font-weight: 500;
color: var(--wp--preset--color--ink);
} .vbo-pkgdet-dates {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
flex-shrink: 0;
width: auto;
margin: 0;
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--4);
border-radius: var(--vik-radius);
background: var(--wp--preset--color--background-alt);
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
}
.vbo-pkgdet-dates i {
margin-right: 0;
color: var(--wp--preset--color--accent-dark);
font-size: 12px;
}
.vbo-pkgdet-dates-lbl {
margin-right: 0;
font-size: inherit;
}
.vbo-pkgdet-dates-ft {
font-variant-numeric: lining-nums;
} .vbo-pkgdet-img {
position: relative;
width: 100%;
max-width: none;
margin: 0 0 var(--wp--preset--spacing--7);
border-radius: var(--vik-radius);
overflow: hidden;
}
.vbo-pkgdet-img img {
display: block;
width: 100%;
max-width: none;
height: 480px;
margin: 0;
object-fit: cover;
}
.vbo-pkgdet-minnights-badge {
position: absolute;
bottom: var(--wp--preset--spacing--4);
left: var(--wp--preset--spacing--4);
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
border-radius: var(--vik-radius);
background: color-mix(in srgb, var(--wp--preset--color--ink) 55%, transparent);
color: var(--wp--preset--color--white);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-variant-numeric: lining-nums;
} .vbo-pkgdet-layout {
display: grid;
grid-template-columns: 1fr 340px;
align-items: start;
gap: var(--wp--preset--spacing--8);
}
.vbo-pkgdet-topwrap {
min-width: 0;
}
.vbo-pkgdet-sidebar {
position: sticky;
top: var(--wp--preset--spacing--6);
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--6);
padding: var(--wp--preset--spacing--6);
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
background: var(--wp--preset--color--background);
}
.vbo-pkgdet-sidebar-price {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--wp--preset--spacing--3);
padding-bottom: var(--wp--preset--spacing--6);
border-bottom: 1px solid var(--wp--preset--color--line);
} .vbo-pkgdet-sidebar-price .vbo-pkglist-pkg-price {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--xl);
font-weight: 500;
font-variant-numeric: lining-nums;
}
.vbo-pkgdet-sidebar-price .vbo-pkglist-pkg-priceper {
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
}
.vbo-pkgdet-sidebar-price .vbo-pkglist-pkg-priceper:empty {
display: none;
}
.vbo-pkgdet-sidebar-rooms-head {
margin-bottom: var(--wp--preset--spacing--3);
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
text-transform: uppercase;
letter-spacing: 0.05em;
}
.vbo-pkgdet-sidebar-rooms-list {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--2);
margin: 0;
padding: 0;
list-style: none;
}
.vbo-pkgdet-sidebar-rooms-list li {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--2);
color: var(--wp--preset--color--ink);
font-size: var(--wp--preset--font-size--sm);
} .vbo-pkgdet-sidebar-rooms-icon {
flex-shrink: 0;
width: 14px;
height: 14px;
background-color: var(--wp--preset--color--accent-dark);
-webkit-mask: var(--vbo-icon-home) center / contain no-repeat;
mask: var(--vbo-icon-home) center / contain no-repeat;
--vbo-icon-home: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3C/svg%3E");
}
.vbo-pkgdet-sidebar-cta {
width: 100%;
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
text-align: center;
font-size: var(--wp--preset--font-size--sm);
cursor: pointer;
}
.vbo-pkgdet-sidebar-hint {
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
text-align: center;
line-height: 1.5;
}
@media (max-width: 1023px) {
.vbo-pkgdet-layout {
grid-template-columns: 1fr;
}
.vbo-pkgdet-sidebar {
position: static;
}
} .vbo-pkgdet-descrprice-block {
display: block;
width: auto;
border-top: 0;
border-bottom: 0;
background: transparent;
margin: 0;
} .vbo-pkgdet-descrprice-block .vbo-pkgdet-descr p:first-child {
margin-top: 0;
}
.vbo-pkgdet-descrprice-block .vbo-pkgdet-descr {
float: none;
display: block;
width: auto;
min-height: 0;
padding: 0;
border: 0;
background: transparent;
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--base);
line-height: 1.7;
}
.vbo-pkgdet-descr :is( h1, h2, h3, h4 ) {
color: var(--wp--preset--color--ink);
font-family: var(--wp--preset--font-family--display);
font-weight: 500;
}
.vbo-pkgdet-condsdates-block {
display: block;
width: auto;
text-align: left;
margin-top: var(--wp--preset--spacing--7);
padding-top: var(--wp--preset--spacing--7);
border-top: 1px solid var(--wp--preset--color--line);
}
.vbo-pkgdet-conds-head {
margin-bottom: var(--wp--preset--spacing--3);
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
text-transform: uppercase;
letter-spacing: 0.05em;
} .vbo-pkgdet-conds {
display: flex;
align-items: flex-start;
gap: var(--wp--preset--spacing--3);
border: 0;
border-radius: var(--vik-radius);
padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--5);
background: var(--wp--preset--color--background-alt);
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--sm);
line-height: 1.6;
text-align: left;
}
.vbo-pkgdet-conds p:first-of-type {
margin-top: 0;
}
.vbo-pkgdet-conds p:last-child {
margin-bottom: 0;
} .vbo-pkgdet-conds-icon {
flex-shrink: 0;
width: 18px;
height: 18px;
margin-top: 2px;
background-color: var(--wp--preset--color--accent);
-webkit-mask: var(--vbo-icon-info) center / contain no-repeat;
mask: var(--vbo-icon-info) center / contain no-repeat;
--vbo-icon-info: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5'/%3E%3Ccircle cx='12' cy='8' r='.3' fill='black' stroke='black'/%3E%3C/svg%3E");
} .vbo-pkgdet-benefits {
margin: var(--wp--preset--spacing--7) 0 0;
padding: var(--wp--preset--spacing--7) 0 0;
border-top: 1px solid var(--wp--preset--color--line);
border-bottom: 0;
text-align: left;
font-size: inherit;
font-weight: inherit;
} .vbo-pkgdet-roomswrap {
margin-top: var(--wp--preset--spacing--9);
scroll-margin-top: var(--wp--preset--spacing--6);
}
.vbo-pkgdet-roomsttl {
margin: 0 0 var(--wp--preset--spacing--2);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--xl);
font-weight: 500;
color: var(--wp--preset--color--ink);
}
.vbo-pkgdet-rooms-subheading {
margin: 0 0 var(--wp--preset--spacing--6);
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--base);
}
.vbo-pkgdet-roomslist {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--5);
} .vbo-pkgdet-room-container {
border: 1px solid var(--wp--preset--color--line);
border-radius: var(--vik-radius);
margin: 0;
overflow: hidden;
background: var(--wp--preset--color--background);
} .vbo-pkgdet-room-container .vbo-pkgdet-room-outer {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
width: auto;
padding: 0;
}
.vbo-pkgdet-room-img {
flex: 0 0 220px;
width: auto;
float: none;
text-align: left;
}
.vbo-pkgdet-room-img img {
display: block;
width: 100%;
height: 100%;
max-width: none;
margin: 0;
object-fit: cover;
}
.vbo-pkgdet-room-det {
flex: 1 1 auto;
width: auto;
float: none;
min-width: 0;
padding: var(--wp--preset--spacing--5) var(--wp--preset--spacing--6);
}
.vbo-pkgdet-roomname {
margin: 0 0 var(--wp--preset--spacing--2);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
color: var(--wp--preset--color--ink);
}
.vbo-pkgdet-room-shortdescr {
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--sm);
line-height: 1.6;
} .vbo-pkgdet-room-det .vbmaxminpeopleroom {
display: flex;
flex-wrap: wrap;
width: auto;
margin: var(--wp--preset--spacing--3) 0 0;
}
.vbo-pkgdet-room-det .vbmaxminpeopleroom > div {
float: none;
display: inline-flex;
align-items: center;
margin: 0 var(--wp--preset--spacing--4) 0 0;
padding: 0;
font-size: var(--wp--preset--font-size--xs);
font-weight: 400;
color: var(--wp--preset--color--text-soft);
}
.vbo-pkgdet-room-det .vbmaximgdet i {
float: none;
width: auto;
height: auto;
margin: 0 var(--wp--preset--spacing--1) 0 0;
border-radius: 0;
background: none !important;
color: var(--wp--preset--color--accent-dark);
font-size: var(--wp--preset--font-size--sm);
line-height: 1;
}
.vbo-pkgdet-room-det .vbmaxlabeldet,
.vbo-pkgdet-room-det .vbmaxnumberdet {
margin: 0 var(--wp--preset--spacing--1) 0 0;
}
.vbo-pkgdet-room-booknow {
flex: 0 0 auto;
display: flex;
align-items: center;
width: auto;
float: none;
padding: 0 var(--wp--preset--spacing--6);
text-align: center;
}
.vbo-pkgdet-room-booknow-btn {
white-space: nowrap;
} .vbo-pkgdet-room-inner {
padding: var(--wp--preset--spacing--6);
border-top: 1px solid var(--wp--preset--color--line);
background: var(--vbo-light-grey-bg-color, #f6f6f6);
}
.vbo-pkgdet-room-thumbs-cont {
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--2);
width: auto;
margin: 0 0 var(--wp--preset--spacing--5);
}
.vbo-pkgdet-room-thumbs-cont > div {
float: none;
margin: 0;
}
.vbo-pkgdet-room-thumb img {
height: 64px;
width: auto;
border-radius: var(--vik-radius);
}
.vbo-seldates-cont.vbo-pkgdet-room-form {
padding: 0;
}
.vbo-pkgdet-room-form > h4 {
margin: 0 0 var(--wp--preset--spacing--4);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
font-weight: 500;
color: var(--wp--preset--color--ink);
}
.vbo-pkgdet-room-form .vbdivsearch {
box-sizing: border-box;
} .vbo-pkgdet-room-form .vbmaxminpeopleroom {
display: none;
}
@media (max-width: 767px) {
.vbo-pkgdet-room-outer {
flex-direction: column;
}
.vbo-pkgdet-room-img {
flex-basis: auto;
height: 200px;
}
.vbo-pkgdet-room-booknow {
padding: var(--wp--preset--spacing--5);
}
} .vbo-pkgdet-room-form .vb-search-inner {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: auto;
gap: var(--wp--preset--spacing--6);
}
.vbo-pkgdet-room-form .vb-search-inner > div {
float: none;
width: auto;
margin: 0;
}
.vbo-pkgdet-room-form .vbo-search-inpblock {
margin: 0;
}
.vbo-pkgdet-room-form .vbo-search-inpblock label {
display: block;
margin: 0 0 var(--wp--preset--spacing--1);
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
} .vbo-pkgdet-room-form .input-group {
display: flex;
align-items: center;
height: 30px;
box-sizing: border-box;
gap: var(--wp--preset--spacing--1);
padding-bottom: var(--wp--preset--spacing--1);
border-bottom: 1px solid var(--wp--preset--color--line);
}
.vbdivsearch .vb-search-inner .vbo-search-inpblock .input-group > input {
flex: 1;
height: 100%;
border: 0;
padding: 0;
background: transparent;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
line-height: 1;
color: var(--wp--preset--color--ink);
}
.vbo-pkgdet-room-form .input-group .vbo-caltrigger {
width: auto;
height: auto;
padding: 0;
border: none;
border-radius: 0;
float: none;
color: var(--wp--preset--color--accent);
font-size: var(--wp--preset--font-size--base);
line-height: 1;
} .vbo-pkgdet-room-form .vb-search-inner > .vbo-search-num-racblock {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 0 var(--wp--preset--spacing--4);
width: auto;
margin: 0;
}
.vbo-pkgdet-room-form .vb-search-inner > .vbo-search-num-racblock > div {
flex: 0 0 auto;
}
.vbo-pkgdet-room-form .vbo-search-num-rooms {
width: auto;
}
.vbo-pkgdet-room-form .vb-search-inner > .vbo-search-num-racblock > .vbo-search-num-aduchild-block {
display: flex;
flex-wrap: wrap;
flex-basis: 100%;
gap: var(--wp--preset--spacing--6);
width: auto;
margin: 0;
} .vbo-pkgdet-room-form .vbo-search-num-aduchild-entry {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: var(--wp--preset--spacing--6);
padding: 0;
margin: 0;
}
.vbo-pkgdet-room-form .vbo-search-roomnum {
display: none;
}
.vbo-pkgdet-room-form .vbo-search-num-adults-entry-label,
.vbo-pkgdet-room-form .vbo-search-num-children-entry-label {
display: block;
margin: 0 0 var(--wp--preset--spacing--1);
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
} .vbo-pkgdet-room-form .vbo-search-num-adults-entry select,
.vbo-pkgdet-room-form .vbo-search-num-children-entry select {
height: 30px;
box-sizing: border-box;
line-height: 30px;
padding: 0 var(--wp--preset--spacing--5) var(--wp--preset--spacing--1) 0;
border: none;
border-bottom: 1px solid var(--wp--preset--color--line);
border-radius: 0;
background-color: transparent;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath fill='%232C2C2C' d='M4 5 0 0h8z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right center;
background-size: 8px 5px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-family: var(--wp--preset--font-family--display);
font-variant-numeric: lining-nums;
font-size: var(--wp--preset--font-size--md);
color: var(--wp--preset--color--ink);
cursor: pointer;
} .vbo-pkgdet-room-form [id^="vbjstotnights"] {
flex-basis: 100%;
margin-top: var(--wp--preset--spacing--2);
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
}
.vbo-pkgdet-room-form [id^="vbjstotnights"]:empty {
margin-top: 0;
}
.vbo-pkgdet-room-form .vbo-search-submit {
width: auto;
margin: 0;
}
.vbo-pkgdet-room-form .vbo-search-submit .vbdetbooksubmit {
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--6);
}
@media (max-width: 767px) {
.vbo-pkgdet-room-form .vb-search-inner {
flex-direction: column;
align-items: stretch;
}
.vbo-pkgdet-room-form .vbo-search-num-aduchild-entry {
gap: var(--wp--preset--spacing--4);
}
.vbo-pkgdet-room-form .vbo-search-submit .vbdetbooksubmit {
width: 100%;
}
} @media (min-width: 860px) {
.vbo-pkgdet-room-form .vb-search-inner {
flex-wrap: nowrap;
}
}
@media (min-width: 860px) and (max-width: 1023px) {
.vbo-pkgdet-room-form .vb-search-inner {
gap: var(--wp--preset--spacing--4);
} .vbo-pkgdet-room-form .vbo-search-num-aduchild-entry {
flex-wrap: nowrap;
gap: var(--wp--preset--spacing--4);
} .vbo-pkgdet-room-form .vbo-search-inpblock-checkin,
.vbo-pkgdet-room-form .vbo-search-inpblock-checkout,
.vbo-pkgdet-room-form .vbo-search-num-racblock,
.vbo-pkgdet-room-form .vbo-search-submit {
flex: 0 0 auto;
}
.vbo-pkgdet-room-form .vbo-search-inpblock-checkin,
.vbo-pkgdet-room-form .vbo-search-inpblock-checkout {
min-width: 128px;
}
.vbo-pkgdet-room-form .vbo-search-submit .vbdetbooksubmit {
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--4);
}
}  .vbsearchorderdiv {
display: block;
box-sizing: border-box;
max-width: 760px;
margin: 0 auto var(--wp--preset--spacing--7);
}
.vbsearchorderinner {
clear: none;
float: none;
width: auto;
margin: 0 0 var(--wp--preset--spacing--6);
padding: 0;
border-bottom: 0;
text-align: center;
}
.vbo-bookings-list-eyebrow {
display: block;
margin-bottom: var(--wp--preset--spacing--2);
color: var(--wp--preset--color--accent);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
}
.vbsearchordertitle {
display: block;
position: static;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--xl);
font-weight: 500;
color: var(--wp--preset--color--text);
}
.vbo-bookings-list-subtitle {
max-width: 480px;
margin: var(--wp--preset--spacing--3) auto 0;
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--sm);
} .vbo-bookings-list-search {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);
margin-bottom: 0;
padding: var(--wp--preset--spacing--5) var(--wp--preset--spacing--6);
background: var(--wp--preset--color--background-alt);
border-radius: var(--vik-radius);
}
.vbo-bookings-list-search span {
flex: 1 1 100%;
margin-bottom: 0;
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
} .vbo-bookings-list-search input[name="confirmnumber"] {
flex: 1 1 220px;
min-width: 0;
margin: 0 !important;
padding: var(--wp--preset--spacing--2) 0 !important;
border: none;
border-bottom: 1.5px solid var(--wp--preset--color--accent);
border-radius: 0;
background: transparent;
color: var(--wp--preset--color--text);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--md) !important;
font-variant-numeric: lining-nums;
box-sizing: border-box;
} .vbo-bookings-list-search input[name="confirmnumber"]:focus {
outline: none;
border-bottom-color: var(--wp--preset--color--accent-dark);
box-shadow: 0 3px 0 -2px var(--vik-accent-15);
} .vbo-bookings-list-search .vbsearchordersubmit {
flex: 0 0 auto;
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--6) !important;
font-size: var(--wp--preset--font-size--sm) !important;
}
@media (max-width: 767px) {
.vbo-bookings-list-search input[name="confirmnumber"],
.vbo-bookings-list-search .vbsearchordersubmit {
flex-basis: 100%;
}
} .wrap.plugin-container:has(.vbsearchorderdiv) .notice-error,
.vbo-bookings-list-empty {
display: block;
box-sizing: border-box;
max-width: 760px;
margin: 0 auto var(--wp--preset--spacing--7);
padding: var(--wp--preset--spacing--5) var(--wp--preset--spacing--6);
background: color-mix(in srgb, var(--vbo-color-error) 6%, var(--wp--preset--color--background)) !important;
border: 1px solid color-mix(in srgb, var(--vbo-color-error) 30%, transparent) !important;
border-radius: var(--vik-radius);
text-align: center;
}
.wrap.plugin-container:has(.vbsearchorderdiv) .notice-error p,
.vbo-bookings-list-empty p {
margin: 0 !important;
color: var(--vbo-color-error) !important;
font-size: var(--wp--preset--font-size--sm);
}
.wrap.plugin-container:has(.vbsearchorderdiv) .notice-error p::before,
.vbo-bookings-list-empty p::before {
content: "";
display: block;
width: 26px;
height: 26px;
margin: 0 auto var(--wp--preset--spacing--2);
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
} .vbo-bookings-list-empty {
background: var(--wp--preset--color--background-alt) !important;
border-color: var(--wp--preset--color--line) !important;
}
.vbo-bookings-list-empty p {
color: var(--wp--preset--color--text-soft) !important;
}
.vbo-bookings-list-empty p::before {
-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat;
} .vbo-bookings-list-table-head {
display: none;
}
.vbo-bookings-list-container {
max-width: 760px;
margin: 0 auto;
}
.vbo-bookings-list-table-body {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--4);
} .vbo-bookings-list-table-body .vbo-bookings-list-table-row {
display: flex;
flex-direction: column;
align-items: stretch;
gap: var(--wp--preset--spacing--4);
margin-bottom: 0;
padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--5);
background: var(--wp--preset--color--background);
border: 0.5px solid var(--wp--preset--color--line);
border-radius: 12px;
box-shadow: none;
font-size: var(--wp--preset--font-size--sm);
}
@media (min-width: 768px) {
.vbo-bookings-list-table-body .vbo-bookings-list-table-row {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--5);
}
} .vbo-bookings-list-card-lead {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--1) var(--wp--preset--spacing--3);
}
@media (min-width: 768px) {
.vbo-bookings-list-card-lead {
flex: 0 1 auto;
flex-direction: column;
align-items: flex-start;
gap: var(--wp--preset--spacing--2);
min-width: 0;
}
} .vbo-bookings-list-status {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--1);
flex-shrink: 0;
padding: var(--wp--preset--spacing--1) var(--wp--preset--spacing--3);
border: 1px solid currentColor;
border-radius: 100px;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
}
.vbo-bookings-list-status::before {
content: "";
flex-shrink: 0;
width: 12px;
height: 12px;
background-color: currentColor;
-webkit-mask: var(--vbo-bkl-status-icon) center / contain no-repeat;
mask: var(--vbo-bkl-status-icon) center / contain no-repeat;
}
.vbo-bookings-list-status-standby {
--vbo-bkl-status-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E");
background: var(--vik-accent-08);
border-color: var(--vik-accent-35);
color: var(--wp--preset--color--accent-dark);
}
.vbo-bookings-list-status-confirmed {
--vbo-bkl-status-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12l3 3 5-6'/%3E%3C/svg%3E");
background: rgba(91, 122, 91, 0.1);
border-color: rgba(91, 122, 91, 0.4);
color: #4f6b4f;
}
.vbo-bookings-list-status-cancelled {
--vbo-bkl-status-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E");
background: rgba(91, 86, 77, 0.08);
border-color: rgba(91, 86, 77, 0.3);
color: var(--wp--preset--color--text-soft);
}
.vbo-bookings-list-card-number {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
color: var(--wp--preset--color--accent);
text-decoration: none;
font-variant-numeric: lining-nums;
}
.vbo-bookings-list-card-number:hover {
color: var(--wp--preset--color--accent-dark);
text-decoration: underline;
}
.vbo-bookings-list-card-date {
flex-basis: 100%;
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
font-variant-numeric: lining-nums;
}
@media (min-width: 768px) {
.vbo-bookings-list-card-date {
flex-basis: auto;
}
} .vbo-bookings-list-card-dates {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
}
@media (min-width: 768px) {
.vbo-bookings-list-card-dates {
flex: 1 1 auto;
justify-content: center;
}
}
.vbo-bookings-list-card-datecol {
display: flex;
flex-direction: column;
gap: 2px;
}
.vbo-bookings-list-card-datecol-lbl {
color: var(--wp--preset--color--text-soft);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.vbo-bookings-list-card-datecol-val {
color: var(--wp--preset--color--text);
font-size: var(--wp--preset--font-size--md);
font-variant-numeric: lining-nums;
}
.vbo-bookings-list-card-datecol-nights .vbo-bookings-list-card-datecol-val {
color: var(--wp--preset--color--accent);
font-weight: 500;
}
.vbo-bookings-list-card-arrow {
flex-shrink: 0;
width: 14px;
height: 14px;
align-self: center;
margin-top: var(--wp--preset--spacing--4);
background-color: var(--wp--preset--color--text-soft);
opacity: 0.6;
-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
} .vbo-bookings-list-card-cta {
flex-shrink: 0;
width: 100%;
}
@media (min-width: 768px) {
.vbo-bookings-list-card-cta {
width: auto;
}
}
.vbo-bookings-list-card-details {
display: block;
width: 100%;
box-sizing: border-box;
padding: var(--wp--preset--spacing--2) var(--wp--preset--spacing--5);
background: transparent;
border: 1px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
color: var(--wp--preset--color--accent);
text-align: center;
text-decoration: none;
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
font-weight: 500;
transition: background-color 0.2s ease, color 0.2s ease;
}
@media (min-width: 768px) {
.vbo-bookings-list-card-details {
display: inline-block;
width: auto;
white-space: nowrap;
}
}
.vbo-bookings-list-card-details:hover {
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
}
@media (max-width: 767px) {
.vbsearchorderdiv,
.vbo-bookings-list-container,
.wrap.plugin-container:has(.vbsearchorderdiv) .notice-error,
.vbo-bookings-list-empty {
max-width: none;
}
} .vbo-operators-login-wrap {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--4);
max-width: 680px;
margin: 0 auto;
padding: var(--wp--preset--spacing--7) var(--wp--preset--spacing--5);
} .vbo-operators-login-wrap .vbo-operators-authcode,
.vbo-operators-login-wrap.vbo-operator-login-expanded .loginblock {
box-sizing: border-box;
margin: 0;
padding: 1.6rem 1.8rem;
border-top: 0.5px solid var(--wp--preset--color--line);
border-right: 0.5px solid var(--wp--preset--color--line);
border-bottom: 0.5px solid var(--wp--preset--color--line);
border-left: 3px solid var(--wp--preset--color--accent);
border-radius: 12px;
background: var(--wp--preset--color--white);
box-shadow: none;
} .loginblock {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
border-left: none;
}
.vbo-operators-login-wrap.vbo-operator-login-expanded .loginblock {
display: block;
text-align: left;
} .vbo-operators-login-wrap:not(.vbo-operator-login-expanded) .loginblock > form {
display: none;
}
.vbo-operators-login-wrap.vbo-operator-login-expanded .vbo-operator-login-trigger {
display: none;
}
.vbo-operator-login-trigger {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--wp--preset--spacing--3) var(--wp--preset--spacing--5);
background: transparent;
border: 1px solid var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
color: var(--wp--preset--color--accent);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--sm);
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease;
}
.vbo-operator-login-trigger:hover {
background: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
}
.vbo-operator-login-trigger:focus-visible {
outline: none;
box-shadow: 0 0 0 3px var(--vik-accent-15);
} .vbo-operators-authcode label[for="authcode"],
.loginblock h3 {
display: block;
margin: 0 0 var(--wp--preset--spacing--4);
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--lg);
font-weight: 500;
line-height: 1.15;
color: var(--wp--preset--color--text);
} .vbo-operators-authcode #authcode,
.loginblock .vbinput {
display: block;
width: 100%;
box-sizing: border-box;
margin: 0;
padding: var(--wp--preset--spacing--2) 0;
border: none;
border-bottom: 1.5px solid var(--wp--preset--color--accent);
border-radius: 0;
background: transparent;
color: var(--wp--preset--color--text);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--md);
}
.vbo-operators-authcode #authcode:focus,
.loginblock .vbinput:focus {
outline: none;
border-bottom-color: var(--wp--preset--color--accent-dark);
box-shadow: 0 3px 0 -2px var(--vik-accent-15);
}
.loginblock-lbl label {
display: block;
margin-bottom: var(--wp--preset--spacing--1);
color: var(--wp--preset--color--text-soft);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
} .vbo-operators-authcode input[type="submit"],
.loginblock input[type="submit"] {
display: block;
width: 100%;
box-sizing: border-box;
margin: var(--wp--preset--spacing--4) 0 0;
}
.loginblock .vbo-pref-color-btn {
background-color: transparent;
border-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--accent);
}
.loginblock .vbo-pref-color-btn:hover {
background-color: var(--wp--preset--color--accent);
color: var(--wp--preset--color--white);
} .vbo-operator-dashboard-link-left i {
background: var(--vbo-pref-bgcolor-op20);
color: var(--wp--preset--color--accent);
}
.vbo-operator-dashboard-links ul {
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--4);
}
.vbo-operator-dashboard-links li {
display: block;
flex: 1 1 calc(50% - (var(--wp--preset--spacing--4) / 2));
min-width: 280px;
width: auto;
}
.vbo-logout {
border-radius: var(--vik-radius);
}  .vbomodchrates-bookdiv input {
background-color: var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
color: var(--wp--preset--color--white);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--xs);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.vbomodchrates-bookdiv input:hover {
background-color: var(--wp--preset--color--accent-dark);
} .vbomodchrates-rate-website {
background-color: var(--wp--preset--color--background-alt);
border: 0;
border-radius: var(--vik-radius);
color: var(--wp--preset--color--ink);
font-family: var(--wp--preset--font-family--body);
}
.vbomodchrates-rate-website .vbomodchrates-rate-val {
color: var(--wp--preset--color--accent);
} .vbomodchrates-fixed:not(.vbomodchrates-container-active) {
border-color: var(--wp--preset--color--accent);
}
.vbomodchrates-open-cont i {
color: var(--wp--preset--color--accent);
}
.vbomodchrates-fixed:not(.vbomodchrates-container-active):hover .vbomodchrates-open-cont i {
border-color: var(--wp--preset--color--accent);
} .vbomodchrates-dates-wrapper > div .input-group input,
.vbomodchrates-search-container select {
font-family: var(--wp--preset--font-family--body);
} @media (max-width: 1023px) {
.vbomodchrates-fixed.vbomodchrates-container-active .vbomodchrates-searchinfo {
display: none;
}
.vbomodchrates-fixed.vbomodchrates-container-active {
max-height: 70vh;
overflow-y: auto;
} .vbomodchrates-close-cont {
top: -35px;
left: -21px;
padding: 13px;
}
}  .vbo-quote-sol-head-right .vbo-quote-sol-head-price,
.vbo-quote-sol-room-desc .vbo-quote-sol-room-info .vbo-quote-sol-room-price-block .vbo-quote-sol-room-price {
color: var(--wp--preset--color--accent);
} .vbo-quote-sol-footer .vbo-quote-sol-total-price > span:not(.vbo-quote-sol-total-price-disc) {
color: var(--wp--preset--color--accent);
} .vbo-quote-sol-room-desc .vbo-quote-sol-room-info .vbo-quote-sol-room-title i {
color: var(--wp--preset--color--ink);
} .vbo-quote-sol-footer .vbo-quote-sol-footer-actions .btn.vbo-accept {
background-color: var(--wp--preset--color--accent);
border-color: var(--wp--preset--color--accent);
border-radius: var(--vik-radius);
}
.vbo-quote-sol-footer .vbo-quote-sol-footer-actions .btn.vbo-accept:hover {
background-color: var(--wp--preset--color--accent-dark);
border-color: var(--wp--preset--color--accent-dark);
} .vbo-quote-sol-room-desc {
align-self: flex-start;
} .vbo-quote-container {
margin-top: var(--wp--preset--spacing--6);
margin-bottom: var(--wp--preset--spacing--8);
}