/* Colours follow the website: the plugin borrows the theme's own text and
   link colours, so changing the site theme changes the booking form too. */
.maw-bk-form{
  --maw-ink: currentColor;
  --maw-accent: var(--wp--preset--color--primary, var(--wp--preset--color--contrast, currentColor));
  --maw-on-accent: var(--wp--preset--color--base, #fff);
  --maw-line: color-mix(in srgb, currentColor 22%, transparent);
  --maw-soft: color-mix(in srgb, currentColor 6%, transparent);
}
.maw-bk-form{max-width:680px;font-size:16px;line-height:1.5}
.maw-bk-title{margin:0 0 6px;font-size:1.25em}
.maw-bk-intro{margin:0 0 18px;opacity:.8}
.maw-bk-step{margin:0 0 20px}
.maw-bk-step label{display:block;margin:0 0 12px;font-weight:600}
.maw-bk-step select,.maw-bk-field input,.maw-bk-field textarea,.maw-bk-field select{
  display:block;width:100%;margin-top:6px;padding:12px;font-size:16px;font-weight:400;
  border:1px solid var(--maw-line);border-radius:10px;background:transparent;box-sizing:border-box}
.maw-bk-field input[type=checkbox]{width:auto;display:inline-block}
.maw-bk-label{display:block;font-weight:600;margin-bottom:8px}
.maw-bk-days{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
.maw-bk-day{flex:0 0 auto;min-width:64px;padding:10px 6px;border:1px solid var(--maw-line);border-radius:12px;background:transparent;cursor:pointer;text-align:center;line-height:1.2}
.maw-bk-day em{display:block;font-style:normal;font-size:12px;opacity:.7;text-transform:uppercase}
.maw-bk-day strong{display:block;font-size:20px}
.maw-bk-day span{display:block;font-size:12px;opacity:.7}
.maw-bk-day.is-active{background:var(--maw-accent);color:var(--maw-on-accent);border-color:var(--maw-accent)}
.maw-bk-times{display:flex;flex-wrap:wrap;gap:8px}
.maw-bk-time{padding:11px 16px;border:1px solid var(--maw-line);border-radius:10px;background:transparent;cursor:pointer;font-size:15px}
.maw-bk-time.is-active{background:var(--maw-accent);color:var(--maw-on-accent);border-color:var(--maw-accent)}
.maw-bk-submit{width:100%;padding:14px 18px;border:0;border-radius:10px;background:var(--maw-accent);color:var(--maw-on-accent);font-size:16px;cursor:pointer}
.maw-bk-submit[disabled]{opacity:.6}
.maw-bk-message{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--maw-soft)}
.maw-bk-message.is-error{background:#fdecec;color:#8a1c1c}
.maw-bk-message.is-ok{background:#e9f7ee;color:#14522c}
.maw-bk-loading{opacity:.6}
@media (max-width:520px){.maw-bk-time{flex:1 0 30%}}
.maw-bk-tz{margin:10px 0 0;font-size:14px;opacity:.75}
.maw-bk-note{margin:10px 0 0;font-size:14px;opacity:.75}
.maw-bk-listen .maw-bk-field{display:block;margin:0 0 12px;font-weight:600}
.maw-bk-listen{max-width:none}
.maw-bk-listen-row{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(140px,1fr) minmax(200px,1.25fr) auto;gap:10px;align-items:end;margin-bottom:10px}
.maw-bk-listen-row .maw-bk-field{margin:0}
.maw-bk-listen-row .maw-bk-submit{width:auto;min-height:48px;white-space:nowrap}
.maw-bk-consent{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4}
.maw-bk-consent input{margin-top:3px}
@media (max-width:760px){.maw-bk-listen-row{grid-template-columns:1fr 1fr}.maw-bk-listen-row .maw-bk-submit{width:100%}}
@media (max-width:480px){.maw-bk-listen-row{grid-template-columns:1fr}}