/* styles/default/components/c-segmented.css — #5 segmentový přepínač (radiogroup): Otevřené / Uzavřené / Vše, téma, hustota
   Created :: 2026-10-21
   Updated :: 2026-10-28
   2026-10-28 :: M9 – úklid a revize (viz 04 kap. 3) */

.c-segmented {
  display: inline-flex;
  gap: var(--sp-half);
  padding: var(--sp-half);
  border: 1px solid var(--color-border);
  border-radius: var(--r-md);
  background: var(--color-surface-2);
}
.c-segmented__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  height: calc(var(--control-h) - .6rem);
  padding: 0 var(--sp-3);
  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-segmented__item:hover { color: var(--color-text); }
.c-segmented__item:has(input:checked) { background: var(--color-surface); color: var(--color-text); box-shadow: var(--sh-xs); }
.c-segmented__item:has(input:focus-visible) { box-shadow: var(--focus-ring); }
.c-segmented__item:has(input[disabled]) { opacity: .5; cursor: not-allowed; }

.c-segmented--sm .c-segmented__item { height: calc(var(--control-h-sm) - .6rem); padding: 0 var(--sp-2); font-size: var(--fs-xs); }

@media (max-width: 767.98px) {
  .c-segmented { display: flex; flex-wrap: wrap; }
  .c-segmented__item, .c-segmented--sm .c-segmented__item { flex: 1 1 auto; justify-content: center; height: auto; min-height: calc(var(--touch-min) - .6rem); }
}