/* Appointment calendar dialog styles. */
html.rm-booking-is-open { overflow: hidden; }
.rm-booking-dialog {
  box-sizing: border-box;
  width: min(900px, calc(100vw - 32px));
  height: min(870px, calc(100dvh - 32px));
  max-width: none;
  max-height: none;
  padding: 0;
  border: 1px solid #d9e4dd;
  border-radius: 18px;
  background: #fff;
  color: #183e39;
  box-shadow: 0 28px 85px rgba(8,36,34,.27);
  overflow: hidden;
}
.rm-booking-dialog[open] { display: flex; flex-direction: column; }
.rm-booking-dialog::backdrop {
  background: rgba(10,31,29,.65);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.rm-booking-head {
  display:flex; justify-content:space-between; align-items:flex-start;
  gap:16px; padding:21px 24px 18px; background:#f2f7f3;
  border-bottom:1px solid #dfe8e1; flex:0 0 auto;
  font-family:'DM Sans',Arial,sans-serif;
}
.rm-booking-head h2 {
  font:750 clamp(19px,2.3vw,26px)/1.3 'Manrope',Arial,sans-serif;
  color:#163d37; margin:4px 0 6px;
}
.rm-booking-head p { font:400 13px/1.6 'DM Sans',Arial,sans-serif; color:#506b5e; margin:0; }
.rm-booking-eyebrow {
  display:block; font:800 10px/1.5 'DM Sans',Arial,sans-serif;
  color:#2a7767; letter-spacing:.14em;
}
.rm-booking-close {
  flex:0 0 40px; display:grid; place-items:center; border:1px solid #d5e2d8;
  border-radius:10px; background:#fff; color:#18483e; cursor:pointer;
  width:40px; height:40px; font:400 28px/1 Arial,sans-serif;
}
.rm-booking-close:hover,.rm-booking-close:focus-visible { background:#e3f0e9; outline-color:#297767; }
.rm-booking-frame-wrap { flex:1 1 auto; min-height:0; background:#fff; }
.rm-booking-frame { display:block; width:100%; height:100%; border:0; background:#fff; }
.rm-booking-foot {
  box-sizing:border-box; display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:14px 24px; flex:0 0 auto; border-top:1px solid #e1eae3;
  background:#f8faf8; font:500 12px/1.5 'DM Sans',Arial,sans-serif; color:#4b6759;
}
.rm-booking-foot a { color:#12665a; font-weight:750; text-decoration:underline; text-underline-offset:3px; }
.rm-booking-foot a:hover,.rm-booking-foot a:focus-visible { color:#0b3e38; }
@media (max-width:640px) {
  .rm-booking-dialog {
    width:100vw; height:100dvh; max-height:none; margin:0; border:0; border-radius:0;
    inset:0;
  }
  .rm-booking-head { padding:14px 16px 13px; }
  .rm-booking-head h2 { font-size:20px; margin-top:3px; }
  .rm-booking-head p { font-size:12px; }
  .rm-booking-foot { padding:12px 16px 18px; display:grid; gap:5px; font-size:12px; }
}
@media (prefers-reduced-motion: reduce) {
  .rm-booking-dialog { scroll-behavior:auto; }
}