/* ============================================================
   Preserve A Spot — sun/moon toggle button (site-wide).
   Button chrome only; the per-block light palettes live in
   aspot-archive.css / aspot-single-event.css (scoped html.lodge-light).
   ============================================================ */
.aspot-themetog{width:32px;height:30px;border:0;background:transparent;
  color:#9b9384;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.18s;flex:none;}
.aspot-themetog svg{width:16px;height:16px;}
.aspot-themetog:hover{color:#f1e8d7;}
.aspot-themetog .moon{display:none;}

/* floating variant (injected on single-event pages) */
.aspot-themetog-float{position:fixed;top:84px;right:clamp(14px,4vw,40px);z-index:50;width:38px;height:38px;
  border-radius:50%;background:rgba(21,18,14,.7);backdrop-filter:blur(6px);border:1px solid rgba(201,161,89,.3);color:#c9a159;}
.aspot-themetog-float svg{width:18px;height:18px;}
.aspot-themetog-float:hover{background:#c9a159;color:#1c150a;}

/* light state */
html.lodge-light .aspot-themetog{border-color:rgba(28,26,23,.18);color:#a89380;}
html.lodge-light .aspot-themetog:hover{color:#1c1a17;}
html.lodge-light .aspot-themetog-float{background:rgba(255,255,255,.82);border-color:rgba(143,36,24,.25);color:#b8862f;}
html.lodge-light .aspot-themetog-float:hover{background:#c9a159;color:#1c150a;}
html.lodge-light .aspot-themetog .sun{display:none;}
html.lodge-light .aspot-themetog .moon{display:inline-flex;}