/* WD Assist discovery-call booking widget: the handover widget's styles, moved out of the page with its script (booking.js).
   Class names and structure are as supplied. The variables point at the site's brand tokens, the site fonts are used,
   the selected-slot and button fills keep WCAG AA contrast (white on #0664d4 is 5.6:1) and every control is at least 44px tall.
   Loaded on the booking page only. */
#wda-booking{
  --wda-accent:var(--wd-blue-ink,#0664d4);
  --wda-accent-deep:var(--wd-blue-deep,#054eaa);
  --wda-accent-soft:var(--wd-blue-soft,#e8f1fe);
  --wda-accent-ink:#ffffff;
  --wda-ink:var(--ca-ink,#0b0f2a);
  --wda-head:var(--ca-navy,#050a38);
  --wda-muted:var(--ca-muted,#5b6178);
  --wda-line:var(--ca-line-2,#cfd3e0);
  --wda-bg:#ffffff;
  --wda-err:#b4232a;
  --wda-radius:var(--r-card,12px);
  max-width:560px;margin:0;color:var(--wda-ink);
  font-family:var(--font-body,"Inter","Segoe UI",Roboto,system-ui,sans-serif);
  font-size:16px;line-height:1.45;
}
#wda-booking *{box-sizing:border-box}
#wda-booking p{max-width:none}
#wda-booking .wda-card{background:var(--wda-bg);border:1px solid var(--ca-line,#e3e5ee);border-radius:var(--wda-radius);padding:24px 24px 26px;box-shadow:var(--ca-shadow,none)}
#wda-booking .wda-h{font-family:var(--font-display,inherit);font-size:21px;font-weight:800;letter-spacing:-.01em;line-height:1.25;color:var(--wda-head);margin:0 0 6px}
#wda-booking .wda-sub{color:var(--wda-muted);margin:0 0 18px;font-size:15px;line-height:1.5}
#wda-booking .wda-label{display:block;font-weight:700;font-size:14px;color:var(--wda-head);margin:16px 0 6px}
#wda-booking .wda-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#wda-booking .wda-input,#wda-booking .wda-date{display:block;width:100%;min-height:48px;border:1.5px solid var(--wda-line);border-radius:10px;padding:11px 12px;font:inherit;color:var(--wda-ink);background:#fff;transition:border-color .12s,box-shadow .12s}
#wda-booking .wda-input:hover,#wda-booking .wda-date:hover{border-color:#a9afc2}
#wda-booking .wda-input:focus,#wda-booking .wda-date:focus{outline:none;border-color:var(--wda-accent);box-shadow:0 0 0 3px rgba(6,100,212,.28)}
#wda-booking textarea.wda-input{resize:vertical;min-height:84px}
#wda-booking .wda-tznote{color:var(--wda-muted);font-size:13.5px;margin:0 0 8px}
#wda-booking .wda-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:4px}
#wda-booking .wda-slots button{cursor:pointer;min-height:44px;background:#fff;color:var(--wda-ink);border:1.5px solid var(--wda-line);border-radius:9px;padding:9px 6px;font:inherit;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;transition:border-color .12s,background .12s}
#wda-booking .wda-slots button:hover{border-color:var(--wda-accent);background:var(--wda-accent-soft)}
#wda-booking .wda-slots button[aria-pressed="true"]{border-color:var(--wda-accent);background:var(--wda-accent);color:var(--wda-accent-ink)}
#wda-booking .wda-sel{font-size:14px;font-weight:600;color:var(--wda-head);margin-top:10px;min-height:1px}
#wda-booking .wda-sel small{font-size:13px;font-weight:400;color:var(--wda-muted)}
#wda-booking .wda-cta{display:block;width:100%;min-height:50px;margin-top:20px;cursor:pointer;background:var(--wda-accent);color:var(--wda-accent-ink);border:0;border-radius:10px;padding:14px;font:inherit;font-weight:700;font-size:16px;transition:background .12s}
#wda-booking .wda-cta:hover:not(:disabled){background:var(--wda-accent-deep)}
#wda-booking .wda-cta:disabled{opacity:.5;cursor:not-allowed}
#wda-booking .wda-slots button:focus-visible,#wda-booking .wda-cta:focus-visible{outline:3px solid var(--wda-accent);outline-offset:2px}
#wda-booking .wda-note{color:var(--wda-muted);font-size:13.5px;line-height:1.5;margin:12px 0 0}
#wda-booking .wda-msg{margin-top:6px;font-size:14px;color:var(--wda-muted)}
#wda-booking .wda-msg:empty{margin:0}
#wda-booking .wda-msg.err{color:var(--wda-err);font-weight:600}
#wda-booking .wda-success{text-align:center;padding:12px 4px 4px}
#wda-booking .wda-success .tick{width:64px;height:64px;margin:0 auto;border-radius:50%;background:var(--wda-accent);color:var(--wda-accent-ink);font-size:34px;font-weight:700;line-height:64px}
#wda-booking .wda-success .wda-sub{margin:4px 0 0;font-size:15.5px;color:var(--wda-ink)}
#wda-booking .wda-success .wda-sub small{font-size:14px}
#wda-booking .wda-hidden{display:none !important}
#wda-booking .wda-spin{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:wdaSpin .7s linear infinite;vertical-align:-2px;margin-right:8px}
@keyframes wdaSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#wda-booking .wda-spin{animation-duration:2s}}
@media (max-width:420px){
  #wda-booking .wda-card{padding:20px 16px 22px}
  #wda-booking .wda-row{grid-template-columns:1fr;gap:0}
}
