/* The check-in / check-out calendar (rangecal.js). Colours from --rc-accent (the hotel's) with a bronze default. */
.rc-pop { position: absolute; inset: 0 auto auto 0; z-index: 2147483000; font-family: inherit; }
.rc-card { position: absolute; width: 640px; max-width: calc(100vw - 24px); box-sizing: border-box; padding: 16px 18px 12px; background: #fff; color: #1a1b1a; border: 1px solid #e5e0d6; box-shadow: 0 16px 40px rgba(0, 0, 0, .16); font-size: 15px; }
.rc-nav { position: relative; height: 0; }
.rc-nav button { position: absolute; top: -2px; width: 34px; height: 34px; border: 0; background: none; font-size: 26px; line-height: 1; color: #1a1b1a; cursor: pointer; padding: 0; }
.rc-nav button:disabled { opacity: .25; cursor: default; }
.rc-prev { left: -4px; } .rc-next { right: -4px; }
.rc-months { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 24px; }
.rc-title { text-align: center; font-weight: 500; margin: 4px 0 10px; }
.rc-grid { display: grid; grid-template-columns: repeat(7, 1fr); }
.rc-wk span { text-align: center; font-size: 12px; color: #8a8a84; padding-bottom: 6px; text-transform: uppercase; }
.rc-grid button { height: 40px; border: 0; background: none; font: inherit; font-size: 15px; color: inherit; cursor: pointer; padding: 0; border-radius: 0; }
.rc-grid button:hover:not(:disabled) { outline: 1px solid var(--rc-accent, #8c6e43); outline-offset: -1px; }
.rc-grid button:disabled { color: #c9c6bf; text-decoration: line-through; cursor: default; }
.rc-grid .rc-today { font-weight: 600; }
.rc-grid .rc-in { background: var(--rc-soft, #efe7da); }
.rc-grid .rc-a, .rc-grid .rc-b { background: var(--rc-accent, #8c6e43); color: #fff; font-weight: 500; }
.rc-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #eee; }
.rc-sum { font-size: 14px; color: #555; }
.rc-done { padding: 10px 22px; border: 0; background: var(--rc-accent, #8c6e43); color: #fff; font: inherit; font-size: 14px; cursor: pointer; border-radius: 0; }
.rc-done:disabled { opacity: .4; cursor: default; }
/* Phones: a sheet from the bottom, one month. */
.rc-pop.rc-sheet { position: fixed; inset: 0; background: rgba(0, 0, 0, .35); }
.rc-sheet .rc-card { left: 0; right: 0; bottom: 0; top: auto; width: auto; max-width: none; padding-bottom: calc(14px + env(safe-area-inset-bottom)); }
/* The date box: the half being chosen is underlined. */
.rc-on { box-shadow: inset 0 -2px 0 var(--rc-accent, #8c6e43); }