/* ub-v61 */
/* booking card 7% smaller */
.booking-card.ub-bk{zoom:.93}
/* about 5% more air between the sections of the listing page */
.ub-main-col>section{padding-top:3px;padding-bottom:3px}
.ub-hostdet p{margin:6px 0 0;line-height:1.7}
/* similar and nearby listings */
.ub-similar{margin-top:44px;margin-bottom:28px}
.ub-similar>h2{margin:0 0 18px}
.ub-sim-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}
.ub-sim-item{display:flex;flex-direction:column;gap:10px;min-width:0}
.ub-sim-item>*:first-child{width:100%}
.ub-sim-km{align-self:flex-start;padding:6px 14px;border-radius:999px;background:#1d5fe0;color:#fff;font-size:13px;font-weight:600}
.ub-sim-more{margin-top:20px;text-align:center}
@media(max-width:900px){.ub-sim-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ub-sim-grid{grid-template-columns:1fr}}

/* ub-v63: same soft look as the Details button */
.ub-sim-grid{gap:26px 23px}
.ub-sim-item{gap:12px}
.ub-sim-km{padding:8px 16px;border-radius:12px;background:#e2f3f8;color:#35829f;font-size:14px;font-weight:600}
.ub-sim-more .button{background:#e2f3f8!important;color:#35829f!important;border:0!important;border-radius:12px;padding:12px 30px;font-size:15px;font-weight:600;box-shadow:none}
.ub-sim-more .button:hover{background:#d3ecf4!important;color:#2b6f8a!important}
/* ub-v63 */

/* ub-v77: desktop booking card 10% narrower */
@media(min-width:801px){.booking-card.ub-bk{box-sizing:border-box;width:90%;margin-left:auto;margin-right:auto}}

/* ub-v81: desktop date picker popup 15% smaller */
@media(min-width:801px){.ub-dp-pop.ub-dp-pop{transform:scale(.85);transform-origin:top left}}

/* ub-v82: no Check availability button once the dates are chosen (it runs by itself) */
.booking-card.ub-bk.ub-auto-on [data-ub-bk-submit]{display:none!important}

/* ub-v83: date picker colours. Taken and past days grey, open days black, no blue. */
.ub-dp-pop.ub-dp-pop .ub-day:not([disabled]):not(.sel){color:#111!important;-webkit-text-fill-color:#111!important;font-weight:700!important;opacity:1!important}
.ub-dp-pop.ub-dp-pop .ub-day[disabled],.ub-dp-pop.ub-dp-pop .ub-day:disabled{color:#c4c4c4!important;-webkit-text-fill-color:#c4c4c4!important;font-weight:500!important;opacity:1!important;background:transparent!important}
.ub-dp-pop.ub-dp-pop .ub-day.sel{background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.ub-dp-pop.ub-dp-pop .ub-day:hover:not([disabled]):not(.sel){box-shadow:inset 0 0 0 2px #111!important}
.ub-dp-pop.ub-dp-pop .ub-cell.ir{background:#f1f1f1!important}
.ub-dp-pop.ub-dp-pop .ub-cell.rs{background:linear-gradient(to right,transparent 50%,#f1f1f1 50%)!important}
.ub-dp-pop.ub-dp-pop .ub-cell.re{background:linear-gradient(to left,transparent 50%,#f1f1f1 50%)!important}
.ub-dp-pop.ub-dp-pop .ub-cell[data-d]{box-shadow:inset 0 0 0 1px #ececec}
.ub-dp-pop.ub-dp-pop .ub-dp-title,.ub-dp-pop.ub-dp-pop .ub-dp-sum,.ub-dp-pop.ub-dp-pop .ub-dp-foot button,.ub-dp-pop.ub-dp-pop .ub-dp-nav{color:#111!important}
.ub-dp-pop.ub-dp-pop .ub-dp-nav[disabled]{color:#c4c4c4!important}

/* ub-v84: desktop booking card 5% bigger (width 90% -> 95%), date picker popup 5% bigger (85% -> 90%) */
@media(min-width:801px){.booking-card.ub-bk{width:91%}}/* ub-v87 */
@media(min-width:801px){.ub-dp-pop.ub-dp-pop{transform:scale(.90);transform-origin:top left}}
