/* styles/default/components/c-theme-toggle.css — #46 přepínač tématu Světlý / Tmavý / Systém (menu účtu v L1, Nastavení › Profil s popisky)
   Created :: 2026-10-22
   Updated :: 2026-10-28
   2026-10-28 :: M9 – úklid a revize (viz 04 kap. 3) */

.c-theme-toggle {
  display: flex;
  gap: var(--sp-half);
  padding: var(--sp-half);
  margin: 0 var(--sp-2) var(--sp-1);
  border-radius: var(--r-md);
  background: var(--color-surface-2);
}
.c-theme-toggle__item {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-1);
  height: var(--control-h-sm);
  padding: 0 var(--sp-2);
  border-radius: var(--r-sm);
  color: var(--color-text-muted);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);
}
.c-theme-toggle__item:hover { color: var(--color-text); }
.c-theme-toggle__item.is-active, .c-theme-toggle__item[aria-checked="true"] { background: var(--color-surface); color: var(--color-text); box-shadow: var(--sh-xs); }
.c-theme-toggle__item.is-loading { opacity: .6; pointer-events: none; }
.c-theme-toggle__label { display: none; }

.c-theme-toggle--labeled { display: inline-flex; margin: 0; }
.c-theme-toggle--labeled .c-theme-toggle__item { flex: 0 0 auto; height: var(--control-h); padding: 0 var(--sp-3); }
.c-theme-toggle--labeled .c-theme-toggle__label { display: inline; }

@media (max-width: 767.98px) {
  .c-theme-toggle__item { min-height: var(--touch-min); }
}