/* The KOHO Air Hotel — live room prices (assets/room-price.css), drawn by assets/room-price.js.
   The written range (.rp-fallback) hides while live prices load or show, and comes back when they can't. */
[data-rp].rp-wait .rp-fallback,[data-rp].rp-on .rp-fallback{display:none}
.rp-live p{margin:0}
.rp-n{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;font:400 1.45rem/1.2 'Cormorant Garamond',Georgia,serif;color:var(--ink)}
.rp-n small{font:400 .62rem/1 'Jost',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.rp-sub{font-size:.8rem;line-height:1.5;color:var(--soft);margin-top:4px}
.rp-t{font-size:.84rem;line-height:1.5;color:var(--sea);margin-top:2px}
.rp-note{font-size:.84rem;line-height:1.5;color:var(--clay-ink);margin-top:4px}
.rp-note::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--clay);margin-right:9px;vertical-align:2px}
.rp-live [hidden]{display:none}
.rp-full{font-size:.84rem;line-height:1.5;color:var(--soft)}

.rp-btn{display:inline-flex;align-items:center;gap:9px;margin-top:14px;min-height:44px;padding:0 18px 0 14px;border:1px solid var(--ink);border-radius:999px;
  background:transparent;color:var(--ink);font:500 .64rem/1 'Jost',sans-serif;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;
  transition:background-color .25s,color .25s}
.rp-btn:hover,.rp-btn[aria-expanded="true"]{background:var(--ink);color:var(--bone)}
.rp-btn:focus-visible{outline:2px solid var(--sea);outline-offset:3px}
.rp-btn[hidden]{display:none}
.rp-ic{width:15px;height:15px;flex:none}

/* a month of the room's nights, on the card */
.rp-cal{max-width:360px;margin-top:12px;padding:12px 12px 10px;border:1px solid var(--line);border-radius:16px;background:var(--bone);
  box-shadow:0 14px 34px rgba(21,42,46,.10)}
.rp-cal[hidden]{display:none}
.rp-cal p{margin:0}
.rp-cal-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.rp-cal-m{font:400 1.15rem/1 'Cormorant Garamond',Georgia,serif;color:var(--ink)}
.rp-cal-nav{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--ink);font:400 1.3rem/1 Georgia,serif;cursor:pointer}
.rp-cal-nav:hover:not(:disabled){background:rgba(21,42,46,.06)}
.rp-cal-nav:disabled{opacity:.25;cursor:default}
.rp-cal-nav:focus-visible,.rp-cal-x:focus-visible{outline:2px solid var(--sea);outline-offset:2px}
.rp-cal-wk,.rp-cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.rp-cal-wk span{padding-bottom:4px;text-align:center;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.rp-cal-g[aria-busy="true"]{opacity:.4}
.rp-d{display:grid;justify-items:center;align-content:center;gap:3px;min-height:44px;padding:5px 0;border:0;border-radius:10px;
  background:transparent;color:var(--ink);font:400 .84rem/1 'Jost',sans-serif;cursor:pointer}
.rp-d small{font-size:.58rem;line-height:1;color:var(--sea)}
.rp-d:hover:not(:disabled){background:rgba(21,42,46,.06)}
.rp-d:focus-visible{outline:2px solid var(--sea);outline-offset:1px}
.rp-d:disabled{color:rgba(21,42,46,.3);cursor:default}
.rp-d:disabled small{color:rgba(21,42,46,.3)}
.rp-d.lo{background:rgba(27,95,107,.09)}
.rp-d.on,.rp-d.on:hover:not(:disabled){background:var(--ink);color:var(--bone)}
.rp-d.on small{color:rgba(250,247,241,.85)}
.rp-cal-st{margin:10px 4px 0;font-size:.78rem;line-height:1.45;color:var(--ink)}
.rp-cal-st:empty{display:none}
.rp-cal-ft{margin:8px 4px 0;font-size:.72rem;line-height:1.45;color:var(--soft)}
.rp-cal-acts{display:flex;justify-content:flex-end}
.rp-cal-x{min-height:44px;padding:0 6px;border:0;background:transparent;color:var(--sea);font:400 .8rem/1 'Jost',sans-serif;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px}

/* [data-rp-from] once it shows a live price: looks like .price, without its block-level small */
.rp-price{font-family:'Cormorant Garamond',serif;font-size:1.25rem;white-space:nowrap}
.rp-price small{font:400 .58rem/1 'Jost',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--clay-ink)}
.rp-live .num,.rp-price .num,.rp-d small{font-variant-numeric:tabular-nums lining-nums}

/* rooms.html: the price in each room's row, a size up */
.rp-row{margin-bottom:22px}
.rp-row .rp-n{font-size:2rem}