/* Shared by all three themes: right-to-left mirroring, the visit form skeleton, preview bar. */
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
img{max-width:100%;display:block}
.i{width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
[dir="rtl"] .flip{scale:-1 1}
:root{--dir:1}
[dir="rtl"]{--dir:-1}
section[id]{scroll-margin-top:24px}
p,li,dd,blockquote{text-wrap:pretty}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;padding:10px 16px;background:#fff;color:#000;border-radius:6px;font-weight:700}
.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* visit form layout; colours come from each theme */
.visit-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.vf-row{display:grid;gap:6px;min-width:0}
.vf-wide{grid-column:1/-1}
.visit-form label{font-weight:700;font-size:15px}
.visit-form input,.visit-form select,.visit-form textarea{font:inherit;font-size:16px;width:100%;padding:12px 14px;border-radius:var(--field-r,6px);border:1.5px solid var(--field-border,#b9c4c2);background:var(--field-bg,#fff);color:inherit}
.visit-form textarea{resize:vertical;min-height:96px}
.visit-form input:focus,.visit-form select:focus,.visit-form textarea:focus{outline:3px solid var(--focus,#0e6a74);outline-offset:1px}
.vf-hp{position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.visit-form{position:relative}
.vf-send{display:inline-flex;align-items:center;gap:10px;font:inherit;font-weight:700;font-size:17px;cursor:pointer;border:0;padding:15px 26px}
.visit-done{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border-radius:var(--field-r,6px)}
.visit-done .i{width:30px;height:30px;stroke-width:2.2;margin-top:2px}
.visit-done p{margin:6px 0 0}
.visit-error{padding:12px 16px;border-radius:6px;margin:0 0 16px;font-weight:700}
@media (max-width:640px){.visit-form{grid-template-columns:1fr}}

/* theme preview bar (only while previewing a theme that is not live) */
.preview-bar{position:fixed;inset-inline:0;bottom:0;z-index:50;display:flex;justify-content:center;gap:14px;align-items:center;flex-wrap:wrap;
  padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
  background:#132b2c;color:#fff;font:600 14px/1.3 "Atkinson Hyperlegible",system-ui,sans-serif}
.preview-bar a{color:#fff;padding:6px 12px;border-radius:999px;border:1px solid rgb(255 255 255 / .35);text-decoration:none}
.preview-bar a[aria-current]{background:#fff;color:#132b2c}
body.has-preview{padding-bottom:64px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}