/* Shared public controls. Bootstrap supplies theme colors and popup behavior. */
.site-appearance[hidden] { display: none !important; }
.site-appearance { flex-shrink: 0; }
.appearance-button { min-height: 44px; min-width: 44px; }
.appearance-mode-button { display: inline-flex; justify-content: center; align-items: center; }
[data-mode-icon="light"] { display: none; }
[data-bs-theme="dark"] [data-mode-icon="light"] { display: block; filter: invert(1); }
[data-bs-theme="dark"] [data-mode-icon="dark"] { display: none; }
[data-bs-theme="dark"] .appearance-mode-button:is(:hover, :active) [data-mode-icon="light"] { filter: none; }
.appearance-mode-button:is(:hover, :active) [data-mode-icon="dark"] { filter: invert(1); }
.site-appearance .dropdown-menu { z-index: 1040; }
.appearance-button:focus-visible { outline: 3px solid var(--bs-link-color); outline-offset: 3px; }
.site-themed { color: var(--bs-body-color); background-color: var(--bs-body-bg); }
.site-themed a:not(.btn) { color: var(--bs-link-color); }
.site-themed a:not(.btn):hover { color: var(--bs-link-hover-color); }
.site-themed .navbar { background-color: var(--bs-body-bg); }
@media print { .site-appearance { display: none !important; } }