/* Demo seçici — üç temada da aynı görünür (sağ alt köşe) */

.demo-switch {
    position: fixed;
    right: max(12px, env(safe-area-inset-right));
    bottom: calc(14px + env(safe-area-inset-bottom));
    z-index: 45;
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 4px 4px 4px 12px;
    border-radius: 999px;
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    background: rgb(16 16 18 / .78);
    border: 1px solid rgb(255 255 255 / .14);
    box-shadow: 0 10px 28px -10px rgb(0 0 0 / .65);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}
.demo-label {
    margin-right: 5px;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgb(255 255 255 / .55);
}
.demo-switch a {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 600;
    color: rgb(255 255 255 / .75);
    text-decoration: none;
    transition: background .25s, color .25s;
}
.demo-switch a:hover { background: rgb(255 255 255 / .1); }
.demo-switch a[aria-current] { background: #fff; color: #111; }

/* Alt bilgi, demo düğmesinin altında kalmasın */
.venue .foot { padding-bottom: calc(100px + env(safe-area-inset-bottom)); }

body { transition: opacity .25s ease; }
html.is-switching-demo body { opacity: 0; }