/* ============================================================================
   PS Vitamin Infusions — Vagaro Wizard styles
   Brand: Outfit · sage #527359 · chartreuse #BED173 · charcoal #333133
   ============================================================================ */

:root{
  --vw-sage:        #527359;
  --vw-chartreuse:  #BED173;
  --vw-charcoal:    #333133;
  --vw-body:        #5A595A;
  --vw-bg:          #FFFFFF;
  --vw-bg-alt:      #FAF5F0;
  --vw-border:      #E1DFDB;
  --vw-blue:        #6597D6;
  --vw-orange:      #EC9F57;
  --vw-navy:        #08263F;
  --vw-radius:      10px;
  --vw-radius-sm:   5px;
  --vw-shadow:      0 4px 20px rgba(8, 38, 63, 0.08);
  --vw-shadow-lg:   0 10px 40px rgba(8, 38, 63, 0.12);
  --vw-font:        "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ---------- Demo host page (delete if embedding) -------------------------- */
html,body{margin:0;padding:0;background:var(--vw-bg-alt);}
body{font-family:var(--vw-font);color:var(--vw-body);font-weight:300;-webkit-font-smoothing:antialiased;}
.page{max-width:860px;margin:0 auto;padding:32px 16px 64px;}
.page-header{text-align:center;margin-bottom:24px;}
.page-header h1{font-weight:400;color:var(--vw-charcoal);font-size:clamp(32px,5vw,52px);margin:0 0 8px;}
.page-header .subtitle{font-size:18px;margin:0;}
.page-footer{text-align:center;margin-top:32px;font-size:15px;}
.page-footer a{color:var(--vw-sage);text-decoration:none;font-weight:500;}
.page-footer a:hover{text-decoration:underline;}

/* ---------- Wizard shell --------------------------------------------------- */
#vagaro-wizard-root *,
#vagaro-wizard-root *::before,
#vagaro-wizard-root *::after{box-sizing:border-box;}

.vw{
  font-family:var(--vw-font);
  color:var(--vw-charcoal);
  background:var(--vw-bg);
  border:1px solid var(--vw-border);
  border-radius:var(--vw-radius);
  box-shadow:var(--vw-shadow);
  overflow:hidden;
}

/* Progress bar */
.vw-progress{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 24px;background:var(--vw-bg-alt);border-bottom:1px solid var(--vw-border);
  gap:8px;
}
.vw-step{display:flex;align-items:center;gap:8px;flex:1;min-width:0;}
.vw-step + .vw-step::before{
  content:"";display:block;height:2px;background:var(--vw-border);flex:1;margin-right:8px;
  transition:background .3s;
}
.vw-step.is-done + .vw-step::before,
.vw-step.is-active::before{background:var(--vw-sage);}
.vw-dot{
  width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid var(--vw-border);
  display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;
  color:var(--vw-body);flex-shrink:0;transition:all .3s;
}
.vw-step.is-active .vw-dot{background:var(--vw-sage);color:#fff;border-color:var(--vw-sage);}
.vw-step.is-done .vw-dot{background:var(--vw-chartreuse);color:#fff;border-color:var(--vw-chartreuse);}
.vw-step-label{font-size:14px;font-weight:400;color:var(--vw-body);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;}
.vw-step.is-active .vw-step-label{color:var(--vw-charcoal);font-weight:500;}

@media (max-width:560px){
  .vw-step-label{display:none;}
  .vw-progress{padding:14px 16px;}
}

/* Step body */
.vw-body{padding:28px 24px;}
@media (max-width:560px){.vw-body{padding:20px 16px;}}

.vw-h2{font-size:24px;font-weight:500;color:var(--vw-charcoal);margin:0 0 6px;}
.vw-hint{font-size:15px;color:var(--vw-body);margin:0 0 20px;}

/* Card grid (locations / services) */
.vw-grid{display:grid;gap:12px;}
.vw-grid.cols-1{grid-template-columns:1fr;}
.vw-grid.cols-2{grid-template-columns:1fr 1fr;}
@media (max-width:560px){.vw-grid.cols-2{grid-template-columns:1fr;}}

.vw-card{
  position:relative;background:#fff;border:2px solid var(--vw-border);
  border-radius:var(--vw-radius);padding:18px 18px 16px;text-align:left;cursor:pointer;
  font-family:inherit;color:inherit;display:flex;flex-direction:column;gap:6px;
  transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
  width:100%;overflow:hidden;
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none;
}
/* Hover only applies on devices with a real pointer (kills iPad sticky-hover) */
@media (hover:hover) and (pointer:fine){
  .vw-card:hover{border-color:var(--vw-sage);transform:translateY(-1px);box-shadow:var(--vw-shadow);}
}
/* Explicitly reset the unselected default so no stale state can stick */
.vw-card:not(.is-selected){background:#fff;border-color:var(--vw-border);}
.vw-card:not(.is-selected):focus,
.vw-card:not(.is-selected):active{background:#fff;border-color:var(--vw-border);outline:none;box-shadow:none;}
.vw-card.is-selected{
  border-color:var(--vw-sage);
  background:var(--vw-sage) !important;
  box-shadow:0 4px 14px rgba(82,115,89,.32);
}
.vw-card.is-selected .vw-card-title,
.vw-card.is-selected .vw-card-meta{color:#fff !important;}
.vw-card-title{font-size:17px;font-weight:500;color:var(--vw-charcoal);line-height:1.3;}
.vw-card-meta{font-size:13.5px;color:var(--vw-body);line-height:1.45;}
.vw-card-accent{
  position:absolute;top:0;left:0;right:0;height:4px;background:var(--vw-sage);
}

/* Service category section */
.vw-category{margin-bottom:18px;}
.vw-category:last-child{margin-bottom:0;}
.vw-category-title{
  font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--vw-sage);margin:0 0 10px;
}

/* Forms list */
.vw-form-block{
  background:var(--vw-bg-alt);border:1px solid var(--vw-border);
  border-radius:var(--vw-radius);padding:18px;margin-bottom:14px;
}
.vw-form-notice{
  display:flex;gap:10px;align-items:flex-start;
  background:#FFF8E6;border:1px solid #F0D78A;border-radius:var(--vw-radius-sm);
  padding:12px 14px;margin:0 0 12px;font-size:14.5px;color:#5A4A14;
  line-height:1.45;
}
.vw-form-notice .vw-form-notice-icon{font-size:18px;line-height:1;margin-top:1px;}
.vw-is-kiosk .vw-form-notice{font-size:17px;padding:14px 16px;}
.vw-form-block-title{font-size:17px;font-weight:500;color:var(--vw-charcoal);margin:0 0 4px;}
.vw-form-block-desc{font-size:14px;color:var(--vw-body);margin:0 0 14px;}

/* Big orange "Fill out the form" button + green "I filled it out" confirm button.
   Both occupy the exact same slot so the confirm button feels like a direct
   replacement when the user comes back from the new tab. */
.vw-form-open-btn,
.vw-form-confirm-btn{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;width:100%;
  color:#fff;text-decoration:none;
  border:none;border-radius:12px;
  padding:18px 22px;margin:6px 0 14px;
  font:inherit;font-size:18px;font-weight:600;line-height:1.2;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
  transition:filter .15s, transform .05s;
  cursor:pointer;text-align:center;
}
.vw-form-open-btn{background:#EC9F57;}                  /* orange — go fill out */
.vw-form-confirm-btn{background:var(--vw-sage,#527359);} /* sage green — confirm done */
.vw-form-open-btn:hover,.vw-form-open-btn:focus,
.vw-form-confirm-btn:hover,.vw-form-confirm-btn:focus{filter:brightness(.94);outline:none;}
.vw-form-open-btn:active,
.vw-form-confirm-btn:active{transform:translateY(1px);}
.vw-form-confirm-btn{animation:vwPulse 2.4s ease-in-out infinite;}
@keyframes vwPulse{
  0%,100%{box-shadow:0 2px 6px rgba(0,0,0,.12), 0 0 0 0 rgba(82,115,89,0);}
  50%    {box-shadow:0 2px 6px rgba(0,0,0,.12), 0 0 0 8px rgba(82,115,89,.18);}
}
/* Brief attention pulse on the Continue button after service selection */
.vw-btn-pulse{animation:vwBtnPulse 0.8s ease-in-out 3;}
@keyframes vwBtnPulse{
  0%,100%{box-shadow:0 2px 6px rgba(0,0,0,.12), 0 0 0 0 rgba(82,115,89,0);}
  50%    {box-shadow:0 2px 6px rgba(0,0,0,.12), 0 0 0 10px rgba(82,115,89,.25);}
}
.vw-form-open-btn-sub{font-size:13px;font-weight:400;opacity:.92;margin-top:2px;}
.vw-is-kiosk .vw-form-open-btn,
.vw-is-kiosk .vw-form-confirm-btn{font-size:22px;padding:24px 28px;border-radius:14px;}
.vw-is-kiosk .vw-form-open-btn-sub{font-size:15px;}

/* Confirm-state notice (greenish) vs untouched notice (amber) */
.vw-form-notice-confirm{
  background:#EFF5E8;border-color:#B6CE9C;color:#3F5A3F;
}
.vw-inline-link{color:#3F5A3F;text-decoration:underline;font-weight:600;}
.vw-inline-link:hover,.vw-inline-link:focus{color:var(--vw-sage,#527359);}
/* v1.7.4: button variant of the inline link (so we can intercept the click
   and fall back to same-tab navigation if window.open is pop-up-blocked). */
.vw-inline-link-btn{
  background:transparent;border:none;padding:0;margin:0;
  font:inherit;color:#3F5A3F;text-decoration:underline;font-weight:600;
  cursor:pointer;display:inline;
}
.vw-inline-link-btn:hover,.vw-inline-link-btn:focus{color:var(--vw-sage,#527359);outline:none;}

/* Lightweight link-style button — used for retry + gate skip */
.vw-link-btn{
  background:transparent;border:none;
  color:var(--vw-charcoal,#333133);font:inherit;font-size:14px;
  text-decoration:underline;cursor:pointer;padding:6px 4px;
}
.vw-link-btn:hover,.vw-link-btn:focus{color:var(--vw-sage,#527359);outline:none;}
.vw-form-retry-row{text-align:center;margin:-6px 0 4px;}
.vw-form-retry-row .vw-link-btn{font-size:13.5px;color:var(--vw-body);}
.vw-is-kiosk .vw-form-retry-row .vw-link-btn{font-size:15px;}

/* Vagaro sign-in gate — shown at top of step 3 until they pass it */
.vw-vagaro-gate{background:#FFF6E5;border-color:#F0D78A;}
.vw-vagaro-gate .vw-form-block-title{color:#5A4A14;}
.vw-vagaro-gate .vw-form-block-desc{color:#5A4A14;}
.vw-vagaro-gate-skip{text-align:center;margin-top:6px;}
.vw-vagaro-gate-skip .vw-link-btn{font-size:14px;color:#5A4A14;}
.vw-is-kiosk .vw-vagaro-gate-skip .vw-link-btn{font-size:16px;}
.vw-confirm{
  display:flex;align-items:flex-start;gap:10px;margin-top:14px;
  font-size:14.5px;color:var(--vw-charcoal);cursor:pointer;user-select:none;
}
.vw-confirm input{width:18px;height:18px;margin-top:2px;accent-color:var(--vw-sage);cursor:pointer;}

.vw-returning-toggle{
  display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--vw-charcoal);
  background:#fff;border:1px solid var(--vw-border);border-radius:var(--vw-radius-sm);
  padding:12px 14px;margin-bottom:14px;cursor:pointer;user-select:none;
}
.vw-returning-toggle input{width:18px;height:18px;accent-color:var(--vw-sage);cursor:pointer;}

/* Thank-you / done step */
.vw-thanks{
  text-align:center;max-width:560px;margin:24px auto;
  display:flex;flex-direction:column;align-items:center;gap:14px;
}
.vw-thanks-check{
  width:88px;height:88px;border-radius:50%;
  background:var(--vw-chartreuse);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:52px;line-height:1;font-weight:600;
  margin-bottom:8px;
  box-shadow:0 4px 18px rgba(82,115,89,.18);
}
.vw-thanks-h2{font-size:32px;font-weight:400;color:var(--vw-charcoal);margin:0;}
.vw-thanks-sub{
  font-size:18px;line-height:1.5;color:var(--vw-body);
  margin:0 0 8px;max-width:480px;
}
.vw-thanks-foot{
  font-size:14px;color:var(--vw-body);opacity:.7;
  margin:12px 0 0;font-style:italic;
}
.vw-is-kiosk .vw-thanks{margin:48px auto;gap:18px;}
.vw-is-kiosk .vw-thanks-check{width:120px;height:120px;font-size:72px;}
.vw-is-kiosk .vw-thanks-h2{font-size:42px;}
.vw-is-kiosk .vw-thanks-sub{font-size:22px;max-width:560px;}
.vw-is-kiosk .vw-thanks-foot{font-size:16px;}

/* Booking embed step */
.vw-summary{
  background:var(--vw-bg-alt);border:1px solid var(--vw-border);
  border-radius:var(--vw-radius);padding:14px 16px;margin-bottom:18px;
  display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14.5px;
}
.vw-summary b{color:var(--vw-charcoal);font-weight:500;}
.vw-embed-wrap{
  background:#fff;border:1px solid var(--vw-border);border-radius:var(--vw-radius);
  padding:12px;min-height:560px;
}
.vw-embed-wrap iframe{width:100%;border:0;}
.vw-embed-empty{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;min-height:280px;padding:24px;color:var(--vw-body);
}
.vw-embed-empty .vw-h2{margin-bottom:8px;}

/* Footer / nav buttons */
.vw-nav{
  display:flex;justify-content:space-between;gap:10px;
  padding:16px 24px;border-top:1px solid var(--vw-border);background:var(--vw-bg-alt);
  flex-wrap:wrap;
}
@media (max-width:560px){.vw-nav{padding:14px 16px;}}

.vw-btn{
  font-family:inherit;font-size:16px;font-weight:500;
  padding:14px 28px;border-radius:var(--vw-radius-sm);
  border:none;cursor:pointer;transition:all .18s ease;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  line-height:1;text-decoration:none;
}
.vw-btn-primary{background:var(--vw-chartreuse);color:#fff;}
.vw-btn-primary:hover:not(:disabled){background:var(--vw-sage);}
.vw-btn-primary:disabled{background:#E1DFDB;color:#8A8987;cursor:not-allowed;}
.vw-btn-secondary{background:transparent;color:var(--vw-charcoal);border:1.5px solid var(--vw-border);}
.vw-btn-secondary:hover{border-color:var(--vw-sage);color:var(--vw-sage);}
.vw-btn-link{background:none;color:var(--vw-sage);padding:14px 8px;}
.vw-btn-link:hover{text-decoration:underline;}
.vw-btn-block{width:100%;}

.vw-fallback{
  margin-top:16px;text-align:center;font-size:14.5px;color:var(--vw-body);
}
.vw-fallback a{color:var(--vw-sage);font-weight:500;}

.vw-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ============================================================================
   KIOSK MODE — iPad in-clinic styling
   Enabled by <html class="vw-kiosk"> + .vw-is-kiosk on the wizard shell.
   Larger tap targets, edge-to-edge layout, portrait lock, no host chrome.
   ============================================================================ */
html.vw-kiosk, html.vw-kiosk body{
  height:100%;margin:0;padding:0;overflow:hidden;
  background:var(--vw-bg-alt);
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
  overscroll-behavior:none;
}
/* Standalone-template wrapper (kiosk/*.html) */
html.vw-kiosk .page{max-width:none;padding:0;height:100vh;display:flex;flex-direction:column;}
html.vw-kiosk .page-header,
html.vw-kiosk .page-footer{display:none;}
/* When mounted inside WordPress/Elementor: pin the wizard root to the viewport
   so the footer nav can never be scrolled off-screen. The fixed-position root
   floats above whatever theme/Elementor structure exists. */
html.vw-kiosk #vagaro-wizard-root{
  position:fixed;inset:0;z-index:9000;
  background:#fff;
  display:flex;flex-direction:column;min-height:0;
  /* iOS safe-area insets so Home Screen webapp respects notches */
  padding-top:env(safe-area-inset-top);
  padding-bottom:env(safe-area-inset-bottom);
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
}
html.vw-kiosk .vw-is-kiosk{
  flex:1;display:flex;flex-direction:column;min-height:0;
  border-radius:0;border:0;box-shadow:none;background:#fff;
}
html.vw-kiosk .vw-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:28px 32px 32px;}
html.vw-kiosk .vw-nav{flex-shrink:0;}

/* Portrait-locked layout via @media (also reinforced by viewport meta).
   The rotate hint is hidden by default; only kiosk-mode pages show it when
   the iPad is rotated to landscape. */
.vw-rotate-hint{
  display:none;position:fixed;inset:0;z-index:10000;
  background:var(--vw-charcoal);color:#fff;
  align-items:center;justify-content:center;text-align:center;
  font-size:22px;padding:32px;
}
@media (orientation:landscape){
  html.vw-kiosk .vw-rotate-hint{display:flex !important;}
}
/* On WP pages the rotate hint may not exist in the DOM, so the JS injects one. */

/* ---------- Kiosk: Larger touch targets ---------- */
.vw-is-kiosk .vw-h2{font-size:32px;margin-bottom:8px;}
.vw-is-kiosk .vw-hint{font-size:18px;margin-bottom:24px;}
.vw-is-kiosk .vw-card{padding:22px 22px 20px;min-height:88px;gap:8px;}
.vw-is-kiosk .vw-card-title{font-size:20px;}
.vw-is-kiosk .vw-card-meta{font-size:15px;}
.vw-is-kiosk .vw-category-title{font-size:15px;margin-bottom:14px;}
.vw-is-kiosk .vw-btn{font-size:19px;padding:18px 36px;border-radius:8px;}
.vw-is-kiosk .vw-btn-sm{font-size:15px;padding:10px 18px;}
/* v1.7.3: staff-only button on the thank-you screen.
   Muted treatment so customers are less likely to tap it. */
.vw-btn-staff{opacity:.55;color:#8A8987;border-color:#D9D7D2;letter-spacing:.02em;}
.vw-btn-staff:hover,.vw-btn-staff:focus{opacity:1;border-color:var(--vw-sage);color:var(--vw-sage);}
.vw-is-kiosk .vw-btn-xl{font-size:22px;padding:22px 52px;border-radius:10px;}
.vw-is-kiosk .vw-progress{padding:20px 32px;}
.vw-is-kiosk .vw-dot{width:34px;height:34px;font-size:16px;}
.vw-is-kiosk .vw-step-label{font-size:16px;}
.vw-is-kiosk .vw-nav{padding:20px 32px;}
.vw-is-kiosk .vw-confirm{font-size:17px;padding:6px 0;}
.vw-is-kiosk .vw-confirm input{width:24px;height:24px;}
.vw-is-kiosk .vw-returning-toggle{font-size:17px;padding:16px 18px;}
.vw-is-kiosk .vw-returning-toggle input{width:24px;height:24px;}
.vw-is-kiosk .vw-form-block{padding:22px;}
.vw-is-kiosk .vw-form-block-title{font-size:20px;}
.vw-is-kiosk .vw-summary{font-size:17px;padding:16px 20px;}
.vw-summary-name{flex-basis:100%;font-size:18px;font-weight:500;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--vw-border);}
.vw-is-kiosk .vw-summary-name{font-size:22px;}

@media (max-width:560px){
  html.vw-kiosk .vw-body{padding:20px 18px;}
  .vw-is-kiosk .vw-h2{font-size:26px;}
  .vw-is-kiosk .vw-progress{padding:16px 18px;}
  .vw-is-kiosk .vw-nav{padding:16px 18px;}
}

/* ---------- Kiosk: Location header bar ---------- */
.vw-kiosk-header{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 32px;background:#fff;border-bottom:1px solid var(--vw-border);
}
@media (max-width:560px){.vw-kiosk-header{padding:14px 18px;}}
.vw-kiosk-loc{display:flex;align-items:center;gap:14px;}
.vw-kiosk-loc-dot{
  width:14px;height:14px;border-radius:50%;flex-shrink:0;
  box-shadow:0 0 0 3px rgba(0,0,0,.04);
}
.vw-kiosk-loc-label{
  font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--vw-body);
}
.vw-kiosk-loc-name{font-size:18px;font-weight:500;color:var(--vw-charcoal);}

/* ---------- Kiosk: Splash screen ---------- */
.vw-is-splash{background:linear-gradient(160deg,#FAF5F0 0%,#FFFFFF 100%);}
.vw-splash{
  flex:1;display:flex;align-items:center;justify-content:center;
  padding:48px 32px;text-align:center;
}
.vw-splash-inner{max-width:560px;display:flex;flex-direction:column;align-items:center;gap:14px;}
.vw-splash-logo{
  width:200px;height:auto;margin-bottom:8px;display:block;
  -webkit-user-select:none;user-select:none;-webkit-user-drag:none;
}
.vw-splash-eyebrow{
  font-size:20px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--vw-sage);
}
.vw-is-kiosk .vw-splash-eyebrow{font-size:26px;letter-spacing:.22em;}
.vw-splash-h1{
  font-size:clamp(32px,4.5vw,48px);font-weight:400;color:var(--vw-charcoal);
  margin:4px 0 0;line-height:1.15;
}
.vw-splash-sub{font-size:18px;line-height:1.5;color:var(--vw-body);margin:0 0 16px;max-width:480px;}

/* Splash name capture */
.vw-splash-name{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:4px 0 12px;}
.vw-splash-name-2col{flex-direction:row;gap:14px;max-width:560px;}
.vw-splash-name-col{flex:1 1 0;display:flex;flex-direction:column;gap:6px;min-width:0;}
.vw-splash-name-label{font-size:16px;font-weight:600;color:var(--vw-charcoal);text-align:left;}
.vw-splash-name-input{
  font:inherit;font-size:20px;padding:14px 16px;border:2px solid #d4d4d4;border-radius:10px;
  background:#fff;color:var(--vw-charcoal);outline:none;transition:border-color .15s;width:100%;box-sizing:border-box;
}
.vw-splash-name-input:focus{border-color:var(--vw-sage);}
.vw-is-kiosk .vw-splash-name-label{font-size:20px;}
.vw-is-kiosk .vw-splash-name-input{font-size:24px;padding:18px 20px;}
.vw-is-kiosk .vw-splash-name-2col{max-width:640px;}
@media (max-width:520px){
  .vw-splash-name-2col{flex-direction:column;gap:10px;}
}

/* Completed-form collapsed row — shown after the user taps "Fill out" */
.vw-form-block.vw-form-block-done{
  background:#F4F7EE;border-color:var(--vw-sage);padding:14px 18px;
}
.vw-form-block.vw-form-block-done .vw-form-block-title{margin-bottom:0;color:#3F5A3F;}
.vw-form-block.vw-form-block-done .vw-form-block-desc{display:none;}
.vw-form-done-row{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px;
  font-size:15px;color:var(--vw-charcoal);
}
.vw-form-done-check{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;
  background:var(--vw-sage);color:#fff;font-weight:700;font-size:16px;flex-shrink:0;
}
.vw-form-done-label{flex:1 1 auto;min-width:0;}
.vw-form-done-reopen,
.vw-form-done-undo{
  font:inherit;font-size:14px;
  background:transparent;border:1px solid var(--vw-border);
  color:var(--vw-charcoal);text-decoration:none;
  padding:8px 14px;border-radius:8px;cursor:pointer;
}
.vw-form-done-reopen:hover,.vw-form-done-reopen:focus,
.vw-form-done-undo:hover,.vw-form-done-undo:focus{background:#fff;outline:none;}
.vw-is-kiosk .vw-form-done-row{font-size:17px;}
.vw-is-kiosk .vw-form-done-check{width:34px;height:34px;font-size:18px;}
.vw-is-kiosk .vw-form-done-reopen,
.vw-is-kiosk .vw-form-done-undo{font-size:16px;padding:12px 18px;}
.vw-is-kiosk .vw-splash-logo{width:240px;}
.vw-is-splash .vw-body{padding:0;}

/* Disable smooth-scroll jumps in kiosk to avoid jitter on iPad */
html.vw-kiosk *{scroll-behavior:auto !important;}