:root {
--ldg-bnb-background: #ffffff;
--ldg-bnb-border-radius: 0.42em;
--ldg-bnb-box-shadow: 0px 24px 54px 0px rgba(0, 0, 0, 0.1);
--ldg-bnb-padding: 14px;
--ldg-bnb-input-background: #ffffff;
--ldg-bnb-button-border-radius: 0px;
--ldg-bnb-color-primary: #c47a53;
--ldg-bnb-color-primary-lighter:#e2bda9;
--ldg-bnb-color-primary-darker: #623d2a;
--ldg-bnb-color-primary-contrast: #ffffff;
--ldg-component-calendar-cell-selection-bg-color: #c47a53;
--ldg-component-calendar-cell-selection-color: #ffffff;
--ldg-component-calendar-cell-selected-bg-color: #e2bda9;
--ldg-component-calendar-cell-selected-color: #ffffff;
--ldg-bnb-font-family: inherit;
}
#lodgify-book-now-box {    
width: 100%;
}  :root {
--ldg-bnb-background: #ffffff;
--ldg-bnb-border-radius: 0.42em;
--ldg-bnb-box-shadow: 0 24px 54px rgba(0, 0, 0, .12);
--ldg-bnb-padding: 20px;
--ldg-bnb-input-background: #ffffff;
--ldg-bnb-button-border-radius: 0px;
--ldg-bnb-color-primary: var(--trs-terracotta, #b97d5a);
--ldg-bnb-color-primary-lighter: rgba(185, 125, 90, .14);
--ldg-bnb-color-primary-darker: var(--trs-red, #9e4b2f);
--ldg-bnb-color-primary-contrast: #ffffff;
--ldg-component-calendar-cell-selection-bg-color: var(--trs-terracotta, #b97d5a); --trs-ldgw-text: #1a1a1a;
--trs-ldgw-muted: #6b6b6b;
--trs-ldgw-border: #e2e2e2;
--trs-ldgw-active: #1a1a1a;
--trs-ldgw-accent: var(--trs-terracotta, #b97d5a);
--trs-ldgw-accent-hover: var(--trs-red, #9e4b2f);
--trs-ldgw-range: rgba(185, 125, 90, .14);
--trs-ldgw-font: var(--trs-font-nav, system-ui, sans-serif);
} .trs-lodgify,
#lodgify-book-now-box,
#lodgify-book-now-box > div,
#lodgify-book-now-box [data-testid="book-now-box"] {
width: 100% !important;
max-width: none !important;
box-sizing: border-box;
} #lodgify-book-now-box,
#lodgify-book-now-box *,
[data-radix-popper-content-wrapper] [data-testid^="book-now-box"],
[data-radix-popper-content-wrapper] [data-testid^="book-now-box"] * {
font-family: var(--trs-ldgw-font) !important;
} #lodgify-book-now-box button,
#lodgify-book-now-box button:hover,
#lodgify-book-now-box button:focus,
#lodgify-book-now-box button:active,
[data-radix-popper-content-wrapper] [data-testid^="book-now-box"] button,
[data-radix-popper-content-wrapper] [data-testid^="book-now-box"] button:hover,
[data-radix-popper-content-wrapper] [data-testid^="book-now-box"] button:focus,
[data-radix-popper-content-wrapper] [data-testid^="book-now-box"] button:active {
background-color: #ffffff;
color: var(--trs-ldgw-text);
box-shadow: none;
text-transform: none;
letter-spacing: normal;
transform: none;
} #lodgify-book-now-box [data-testid="book-now-box.date-picker.trigger"],
#lodgify-book-now-box [data-testid="guests-breakdown-trigger"] {
min-height: 72px;
padding: 10px 20px !important;
background: #ffffff !important;
color: var(--trs-ldgw-text) !important;
border: 1px solid var(--trs-ldgw-border) !important;
border-radius: 0.42em !important;
box-shadow: none !important;
transition: border-color .15s ease, box-shadow .15s ease;
} #lodgify-book-now-box [data-testid="book-now-box.date-picker.trigger"]:hover,
#lodgify-book-now-box [data-testid="guests-breakdown-trigger"]:hover {
background: #ffffff !important;
border-color: #bdbdbd !important;
} #lodgify-book-now-box [data-testid="book-now-box.date-picker.trigger"][aria-expanded="true"],
#lodgify-book-now-box [data-testid="guests-breakdown-trigger"][aria-expanded="true"],
#lodgify-book-now-box [data-testid="book-now-box.date-picker.trigger"]:focus-visible,
#lodgify-book-now-box [data-testid="guests-breakdown-trigger"]:focus-visible {
background: #ffffff !important;
border-color: var(--trs-ldgw-active) !important;
box-shadow: 0 0 0 1px var(--trs-ldgw-active) !important;
outline: none !important;
} #lodgify-book-now-box [data-testid="book-now-box.date-picker.trigger"]:focus:not(:focus-visible):not([aria-expanded="true"]),
#lodgify-book-now-box [data-testid="guests-breakdown-trigger"]:focus:not(:focus-visible):not([aria-expanded="true"]) {
background: #ffffff !important;
border-color: var(--trs-ldgw-border) !important;
box-shadow: none !important;
} #lodgify-book-now-box [data-testid="book-now-box.date-picker.trigger"] span {
font-size: 16px !important;
white-space: nowrap !important;
}
#lodgify-book-now-box [data-testid="guests-breakdown-trigger-value"] {
font-size: 18px !important;
color: var(--trs-ldgw-text) !important;
}
#lodgify-book-now-box [data-testid="book-now-box.date-picker.trigger.section1"]:empty,
#lodgify-book-now-box [data-testid="book-now-box.date-picker.trigger"] span[class]:not([data-testid$="section1"]):not([data-testid$="section2"]) {
color: var(--trs-ldgw-muted) !important;
}
#lodgify-book-now-box [data-testid="book-now-box.date-picker.trigger"] svg { color: var(--trs-ldgw-muted); }
#lodgify-book-now-box [data-testid="guests-breakdown-trigger"] label {
font-size: 13px !important;
color: var(--trs-ldgw-muted) !important;
cursor: pointer;
}
#lodgify-book-now-box [data-testid="guests-breakdown-trigger"] svg { color: var(--trs-ldgw-text); } #lodgify-book-now-box [data-testid="book-now-box.cta-button"],
#lodgify-book-now-box [data-testid="book-now-box.cta-button"]:visited,
#lodgify-book-now-box [data-testid="book-now-box.cta-button"]:focus {
min-height: 64px;
background: var(--trs-ldgw-accent) !important;
border: 0 !important;
border-radius: 0 !important;
color: #ffffff !important;
font-size: 18px !important;
font-weight: 500 !important;
text-decoration: none !important;
box-shadow: none !important;
transition: background .15s ease;
}
#lodgify-book-now-box [data-testid="book-now-box.cta-button"]:hover,
#lodgify-book-now-box [data-testid="book-now-box.cta-button"]:focus-visible {
background: var(--trs-ldgw-accent-hover) !important;
color: #ffffff !important;
} #lodgify-book-now-box [data-testid="book-now-box.minimum-price-per-night.text"] {
font-size: 14px !important;
color: var(--trs-ldgw-muted) !important;
}
#lodgify-book-now-box [data-testid="book-now-box.minimum-price-per-night.text"] + *,
#lodgify-book-now-box [data-testid="text"] {
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
color: var(--trs-ldgw-text) !important;
} [data-radix-popper-content-wrapper] [role="dialog"]:has([data-testid="book-now-box.date-picker-range-calendar"]) {
background: #ffffff !important;
border-radius: 4px !important;
box-shadow: 0 24px 54px rgba(0, 0, 0, .12) !important;
border: 0 !important;
}
[data-testid="book-now-box.date-picker-range-calendar"] {
background: #ffffff !important;
color: var(--trs-ldgw-text);
} [data-testid="book-now-box.date-picker-range-calendar"] [data-testid="calendar-header-title"],
[data-testid="book-now-box.date-picker-range-calendar"] [data-testid="calendar-header-title"] span {
font-size: 16px !important;
font-weight: 400 !important;
color: var(--trs-ldgw-text) !important;
} [data-testid="book-now-box.date-picker-prev-button"],
[data-testid="book-now-box.date-picker-next-button"] {
width: 44px !important;
height: 36px !important;
border: 1px solid transparent !important;
border-radius: 6px !important;
background: transparent !important;
color: var(--trs-ldgw-text) !important;
}
[data-testid="book-now-box.date-picker-prev-button"]:hover:not(:disabled),
[data-testid="book-now-box.date-picker-next-button"]:hover:not(:disabled) {
border-color: var(--trs-ldgw-active) !important;
background: transparent !important;
}
[data-testid="book-now-box.date-picker-prev-button"]:disabled,
[data-testid="book-now-box.date-picker-next-button"]:disabled { opacity: .3; } [data-testid="book-now-box.date-picker-range-calendar"] th {
font-size: 13px !important;
font-weight: 400 !important;
color: var(--trs-ldgw-muted) !important;
text-transform: lowercase;
} [data-testid="book-now-box.date-picker-range-calendar"] td[role="gridcell"] { padding: 1px 0 !important; }
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"] {
position: relative;
display: flex !important;
align-items: center;
justify-content: center;
width: 100% !important;
min-width: 38px;
height: 38px !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: var(--trs-ldgw-text) !important;
font-size: 15px !important;
}
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"] > span:not(.calendar-cell-range) {
position: relative;
z-index: 1;
display: inline-grid !important;
place-items: center;
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
max-height: none !important;
flex: 0 0 34px !important;
padding: 0 !important;
line-height: 1 !important;
border-radius: 50% !important;
background: transparent !important;
color: inherit !important;
transition: background .12s ease, color .12s ease;
} [data-testid="book-now-box.date-picker-range-calendar"] td [role="button"]:not(.disabled):not(.unavailable):hover > span:not(.calendar-cell-range) {
box-shadow: inset 0 0 0 1px var(--trs-ldgw-active);
}
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"]:focus-visible { outline: none !important; }
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"]:focus-visible > span:not(.calendar-cell-range) {
box-shadow: inset 0 0 0 2px var(--trs-ldgw-active);
} [data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].today > span:not(.calendar-cell-range) { font-weight: 700; } [data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].disabled,
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].unavailable {
color: #b5b5b5 !important;
cursor: default;
}
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].unavailable > span:not(.calendar-cell-range),
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].disabled:not(.selected) > span:not(.calendar-cell-range) {
text-decoration: line-through;
} [data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].outside-visible-range { visibility: hidden; } [data-testid="book-now-box.date-picker-range-calendar"] td [role="button"] .calendar-cell-range {
display: none !important;
}
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"] .calendar-cell-number,
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"] .calendar-cell-marker {
position: static !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
min-height: 0 !important;
flex: none !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: inherit !important;
}
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"] .calendar-cell-marker:empty { display: none !important; }
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"] .calendar-cell-shape {
border: 0 !important;
}
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].unavailable .calendar-cell-number,
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].disabled:not(.selected) .calendar-cell-number {
text-decoration: line-through !important;
}
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].selection-start .calendar-cell-number,
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].selection-end .calendar-cell-number {
text-decoration: none !important;
} [data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].selected:not(.selection-start):not(.selection-end)::before,
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].selection-start:not(.selection-end)::before,
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].selection-end:not(.selection-start)::before {
content: "";
position: absolute;
top: 2px; bottom: 2px;
left: 0; right: 0;
background: var(--trs-ldgw-range);
}
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].selection-start:not(.selection-end)::before { left: 50%; }
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].selection-end:not(.selection-start)::before { right: 50%; }
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].selected:not(.selection-start):not(.selection-end) {
color: var(--trs-ldgw-text) !important;
}
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].selection-start > span:not(.calendar-cell-range),
[data-testid="book-now-box.date-picker-range-calendar"] td [role="button"].selection-end > span:not(.calendar-cell-range) {
background: var(--trs-ldgw-accent) !important;
color: #ffffff !important;
font-weight: 600;
text-decoration: none;
} [data-testid="book-now-box.guests-breakdown-overlay-popover"] {
background: #ffffff !important;
border-radius: 4px !important;
box-shadow: 0 24px 54px rgba(0, 0, 0, .12) !important;
border: 0 !important;
color: var(--trs-ldgw-text) !important;
}
[data-testid="book-now-box.guests-breakdown-overlay-popover"] .label-wrapper p {
margin: 0;
font-size: 17px !important;
color: var(--trs-ldgw-text) !important;
}
[data-testid="book-now-box.guests-breakdown-overlay-popover"] .label-wrapper p.description {
font-size: 15px !important;
color: var(--trs-ldgw-muted) !important;
}
[data-testid="book-now-box.guests-breakdown-overlay-popover"] .label-wrapper.disabled p { color: #b5b5b5 !important; } [data-testid="book-now-box.guests-breakdown-overlay-popover"] button[data-testid$="-add-button"],
[data-testid="book-now-box.guests-breakdown-overlay-popover"] button[data-testid$="-remove-button"] {
width: 46px !important;
height: 42px !important;
min-width: 0 !important;
padding: 0 !important;
border: 1px solid var(--trs-ldgw-border) !important;
border-radius: 6px !important;
background: #ffffff !important;
color: var(--trs-ldgw-text) !important;
box-shadow: none !important;
}
[data-testid="book-now-box.guests-breakdown-overlay-popover"] button[data-testid$="-add-button"]:hover:not(:disabled),
[data-testid="book-now-box.guests-breakdown-overlay-popover"] button[data-testid$="-remove-button"]:hover:not(:disabled),
[data-testid="book-now-box.guests-breakdown-overlay-popover"] button[data-testid$="-add-button"]:focus-visible,
[data-testid="book-now-box.guests-breakdown-overlay-popover"] button[data-testid$="-remove-button"]:focus-visible {
border-color: var(--trs-ldgw-active) !important;
box-shadow: 0 0 0 1px var(--trs-ldgw-active) !important;
background: #ffffff !important;
outline: none !important;
}
[data-testid="book-now-box.guests-breakdown-overlay-popover"] button:disabled {
color: #d0d0d0 !important;
background: #ffffff !important;
}
[data-testid="book-now-box.guests-breakdown-overlay-popover"] button svg { color: currentColor; fill: currentColor; }
[data-testid="book-now-box.guests-breakdown-overlay-popover"] input[type="number"] {
font-size: 18px !important;
color: var(--trs-ldgw-text) !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
} [data-testid="book-now-box.guests-breakdown-done-cta"],
[data-testid="book-now-box.guests-breakdown-done-cta"]:focus {
background: #ffffff !important;
color: var(--trs-ldgw-text) !important;
border: 1px solid var(--trs-ldgw-border) !important;
border-radius: 6px !important;
box-shadow: none !important;
font-size: 17px !important;
}
[data-testid="book-now-box.guests-breakdown-done-cta"]:hover,
[data-testid="book-now-box.guests-breakdown-done-cta"]:focus-visible {
background: #ffffff !important;
color: var(--trs-ldgw-text) !important;
border-color: var(--trs-ldgw-active) !important;
outline: none !important;
}