/* Terra Sol waitlist v03 (BUILDER P-12, 14 Oct 2026): Vee accessibility TAB + sun/moon icon, bottom-left on every page.
   v03: Vee uses its own native tucked tab (flush to the left edge, rounded on the inner side only) - the same style the
   store's password page (theme r6.2) shows at the top-right, mirrored to the bottom-left. No CSS override on Vee any more.
   The sun sits right beside the tab: ts-corner.js reads the tab's real position into --ts-vx / --ts-vb / --ts-vh.
   (v02 header kept below for history.)
   v02: Vee accessibility button + sun/moon icon, bottom-left on every page.
   Ported from the Shopify staging theme r6.3 (theme 189146497236, assets/ts-r63.css): 20px from the edge / 22px from the bottom,
   14 / 16 on phones, 44px tap targets. Video play/pause sits bottom-right on the waitlist and F&F pages (same corner spec).
   --ts-tb = the waitlist's iOS-toolbar allowance (body.v2 pages only, 0 elsewhere). */
:root{--ts-cx:20px;--ts-cb:22px;--ts-cs:44px;--ts-tb:0px}
@media (max-width:640px){:root{--ts-cx:14px;--ts-cb:16px}}
body.v2{--ts-tb:var(--tb,0px)}

/* play / pause: bottom-right */
html body .cs-vid{inset-inline-start:auto;inset-inline-end:auto;left:auto;right:var(--ts-cx);bottom:calc(var(--ts-cb) + var(--ts-tb));width:var(--ts-cs);height:var(--ts-cs)}

/* sun / moon icon beside the Vee button */
.ts-sun{position:fixed;z-index:95;left:calc(var(--ts-vx,44px) + 2px);bottom:var(--ts-vb,calc(var(--ts-cb) + var(--ts-tb)));height:var(--ts-vh,44px);display:inline-flex;align-items:center}
.ts-sun-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:50%;background:none;color:rgba(246,239,226,.88);cursor:default;-webkit-tap-highlight-color:transparent}
.ts-sun-btn svg{display:block;overflow:visible;filter:drop-shadow(0 1px 8px rgba(18,11,3,.5));transition:transform 600ms cubic-bezier(.22,1,.36,1)}
.ts-sun-btn .ts-sun-ico{width:30px;height:30px}
.ts-sun-btn .sd-moon{width:16px;height:16px}
.ts-sun:hover .ts-sun-ico,.ts-sun.open .ts-sun-ico,.ts-sun-btn:focus-visible .ts-sun-ico{transform:rotate(11.25deg) scale(1.06)}
.ts-sun-btn:focus-visible{outline:2px solid #DBA446;outline-offset:2px}
.ts-sun-pop{position:absolute;left:0;bottom:calc(100% + 8px);z-index:7;min-width:184px;padding:12px 15px 11px;border-radius:12px;background:rgba(22,16,9,.74);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);border:1px solid rgba(246,239,226,.14);box-shadow:0 18px 40px -20px rgba(0,0,0,.65);color:#F6EFE2;text-align:start;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity 220ms ease,transform 220ms ease,visibility 0s linear 220ms}
@media (hover:hover){.ts-sun:hover .ts-sun-pop{opacity:1;visibility:visible;transform:none;transition:opacity 220ms ease,transform 220ms ease}}
.ts-sun.open .ts-sun-pop,.ts-sun:focus-within .ts-sun-pop{opacity:1;visibility:visible;transform:none;transition:opacity 220ms ease,transform 220ms ease}
.ts-sun-p1{display:block;font:400 13.5px/1.35 "Heebo",sans-serif;color:#FAF3E6}
.ts-sun-p2{display:block;margin-top:3px;font:400 12.5px/1.35 "Heebo",sans-serif;color:#DBA446}
body.en .ts-sun-p1,body.en .ts-sun-p2{font-family:"DM Sans",sans-serif}
.ts-sun-p3{display:block;margin-top:8px;padding-top:7px;border-top:1px solid rgba(246,239,226,.12);font:400 10.5px/1.2 "DM Sans","Heebo",sans-serif;letter-spacing:.1em;color:rgba(246,239,226,.5)}
.ts-sun-p1 .t{font-family:"DM Sans",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.02em}
html body .ts-sun span.he-only{display:inline}html body .ts-sun span.en-only{display:none}
html body.en .ts-sun span.he-only{display:none}html body.en .ts-sun span.en-only{display:inline}
/* light pages (privacy, accessibility, guide): the moon is drawn in bronze with a soft light halo so it reads on cream and on dark sections */
html body.ts-light .ts-sun-btn{color:#7A4A1C}
html body.ts-light .ts-sun-btn .sd-moon{filter:drop-shadow(0 0 2px rgba(247,239,227,.95)) drop-shadow(0 1px 5px rgba(42,33,24,.3))}
@media (prefers-reduced-motion:reduce){.ts-sun-btn svg,.ts-sun-pop{transition:none}.ts-sun:hover .ts-sun-ico,.ts-sun.open .ts-sun-ico,.ts-sun-btn:focus-visible .ts-sun-ico{transform:none}}


/* 14 Oct: Vee hidden (TS_VEE=false in ts-corner.js) - sun takes the corner. Remove with TS_VEE=true. */
body.ts-novee .ts-sun{left:max(14px, env(safe-area-inset-left))}