/* One month at a time (month.js), 2026-10-03: used inside the booking (.skl-book) and studio tour (.skl-tour) pages,
   whose colors it borrows. */
.skl-cal{display:block!important;max-width:520px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.skl-cal .cal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.skl-cal .cal-title{margin:0;font:700 19px/1.2 Outfit,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--teal);text-align:center;flex:1}
.skl-cal .cal-arrow{width:44px;height:44px;flex:none;border:2px solid var(--line);background:#fff;color:var(--teal);cursor:pointer;
  font:400 30px/1 Outfit,sans-serif;padding:0 0 4px;display:flex;align-items:center;justify-content:center}
.skl-cal .cal-arrow:hover:not(:disabled){border-color:var(--gold)}
.skl-cal .cal-arrow:disabled{opacity:.3;cursor:default;background:transparent}
.skl-cal .cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.skl-cal .cal-grid.cal-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.skl-cal .cal-wd{font:700 12px/1 Outfit,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--muted);padding:2px 0 4px}
.skl-cal .cal-grid>button{aspect-ratio:1/1;min-height:40px;padding:0!important;display:flex;align-items:center;justify-content:center}
.skl-cal .cal-grid>button b{margin:0!important;font-size:18px!important}
.skl-cal .cal-in-next{animation:cal-next .22s ease-out}
.skl-cal .cal-in-prev{animation:cal-prev .22s ease-out}
@keyframes cal-next{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes cal-prev{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.skl-cal .cal-in-next,.skl-cal .cal-in-prev{animation:none}}
@media (max-width:680px){.skl-cal{max-width:none}.skl-cal .cal-grid{gap:4px}.skl-cal .cal-grid>button b{font-size:16px!important}}
html[data-look="2026"] .skl-cal .cal-arrow{border:1px solid rgba(19,62,84,.16);border-radius:var(--lk-r-sm);box-shadow:0 1px 2px rgba(19,62,84,.06);transition:all .18s}
html[data-look="2026"] .skl-cal .cal-arrow:hover:not(:disabled){border-color:var(--lk-gold);transform:translateY(-1px);box-shadow:var(--lk-shadow)}
html[data-look="2026"] .skl-cal .cal-arrow:disabled{box-shadow:none}