/* The .themeSwitch component, pinned to the bottom right corner for anyone
   who is not signed in and so has no settings page to find it on.
   Everything about how the switch itself looks lives with the component in
   style.css. This is where it sits, and nothing else. */
.themeSwitch--floating {
    position: fixed;
    bottom: 20px;
    right: 20px;
    /* The bug button is bottom LEFT, so the two never meet. Under the admin
       overlay's own corner furniture, which only an admin sees and an admin
       is signed in, so they never share the corner either. */
    z-index: 9998;
    /* The base carries the footer's offset from the legal text above it,
       which means nothing to a floating control. */
    margin-top: 0;
    background: var(--bg-card);
    box-shadow: 0 4px 16px rgba(0,0,0,0.35);
}

/* Smaller where 20px from each edge is most of the width. */
@media (max-width: 520px) {
    .themeSwitch--floating { bottom: 14px; right: 14px; }
}