/* Mora light mode. The header, footer and photo hero stay black in both modes
   so the approved black-background logo always sits on black. */
.theme-toggle{display:inline-grid;place-items:center;width:42px;height:42px;flex-shrink:0;background:none;border:1px solid #3a3a3a;color:#f5f5f5;cursor:pointer;border-radius:0;padding:0}
.theme-toggle:hover{border-color:#e02024;color:#ff2a2d}
.theme-toggle:focus-visible{outline:2px solid #e02024;outline-offset:3px}
html[data-theme=dark]{color-scheme:dark}
html[data-theme=light]{color-scheme:light;--bg:#f4f4f5;--surface:#ffffff;--surface2:#f0f0f2;--line:#dadade;--line2:#bfbfc6;--text:#111114;--text2:#4a4a52;--accent:#e02024;--accent-bright:#b8141a;--accent-dim:#f6d0d1}
html[data-theme=light] body{background:var(--bg);color:var(--text)}
html[data-theme=light] :is(header,.site-header,footer,.site-footer,.hero){--bg:#000;--surface:#0f0f0f;--surface2:#161616;--line:#262626;--line2:#3a3a3a;--text:#f5f5f5;--text2:#a3a3a3;--accent:#e02024;--accent-bright:#ff2a2d;color:#f5f5f5}
html[data-theme=light] :is(header,.site-header){background:#000}
html[data-theme=light] :is(footer,.site-footer){background:#000;color:#a3a3a3}
/* home page */
html[data-theme=light] .book-btn:hover{background:#fbe9ea}
html[data-theme=light] .next-step{background:rgba(0,0,0,.55)}
/* simple pages: terms, privacy, image disclosure, thanks */
html[data-theme=light] body.doc main :is(p,li){color:#3f3f46}
html[data-theme=light] body.doc strong{color:#111114}
html[data-theme=light] body.doc .key{background:#fff}
html[data-theme=light] body.doc .key li{color:#26262b}
html[data-theme=light] body.doc .ver{color:#5f5f66}
/* booking page */
html[data-theme=light] :is(input[type=text],input[type=tel],input[type=email],input[type=date],input[type=number],select,textarea){background:#fff}
html[data-theme=light] :is(input,textarea)::placeholder{color:#85858d}
html[data-theme=light] input[type=date]{color-scheme:light}
html[data-theme=light] :is(.choice span,.photo,.day,.tm,.pay-card){background:#fff}
html[data-theme=light] .choice input:checked+span{color:#111114;background:#fde4e5}
html[data-theme=light] :is(.preview-note,.timer){border-color:#d9ae2f;background:#fff7dc;color:#5a4200}
html[data-theme=light] .timer b{color:#111114}
html[data-theme=light] .terms-box{background:#fff;border-color:#d0d0d6}
html[data-theme=light] .terms-box li{color:#33333a}
html[data-theme=light] :is(.terms-box a,.agree a){color:#111114}
html[data-theme=light] .vin-status{color:#55555c}
html[data-theme=light] .vin-status.ok{color:#137a35}
html[data-theme=light] .vin-status.warn{color:#8a5a00}
html[data-theme=light] .vin-status.bad{color:#b3141a}
html[data-theme=light] input.filled{border-color:#16a34a !important}
html[data-theme=light] .held{background:#fdecec;color:#2a0a0b}
/* make room for the sun/moon button in the home page header */
@media(min-width:1100px){.site-header .container{gap:16px}.site-header .main-nav a{white-space:nowrap;padding:10px 8px}.site-header .header-phone,.site-header .btn-primary{white-space:nowrap}}
@media(max-width:768px){.site-header .container{gap:8px}.site-header .theme-toggle{width:40px;height:40px;margin-left:auto}.site-header .mobile-menu-btn{width:40px;height:40px}}
@media(max-width:400px){.site-header .logo img{height:76px}}
@media(max-width:380px){.site-header .logo img{height:66px}.site-header .btn-primary{padding:11px 13px;font-size:12px}.site-header .container{gap:6px}}