/* styles/default/components/c-option.css — #48 řádek číselníku c-option (03 §9.46): náhled, název (inline), použití, ovládání (tón, výchozí, uzavírá), menu ⋯;
   leží v plochém c-tree--editable seznamu c-option-list (řádek je c-tree__row), pořadí přetažením / Alt+↑↓ (options-editor.js)
   Stavy: is-default · is-editing (z c-tree) · is-dragging · is-drop-before · is-drop-after
   Created :: 2026-10-28
   Updated :: 2026-10-28
   2026-10-28 :: M9 – M9-11 (viz 04 kap. 3) */

.c-option-list { list-style: none; margin: 0; padding: 0; }
.c-option__preview { display: inline-flex; align-items: center; flex-shrink: 0; }
.c-option__name { flex: 0 1 auto; }   /* dědí vzhled c-tree__name; vlastní hook pro options-editor.js */
.c-option__usage { flex-shrink: 0; }
.c-option__controls { display: inline-flex; align-items: center; gap: var(--sp-3); margin: 0; }
.c-option__default, .c-option__closed { font-size: var(--fs-sm); }
.c-option__flags { display: inline-flex; align-items: center; gap: var(--sp-1); }

@media (max-width: 767.98px) {
  .c-option > .c-tree__row { flex-wrap: wrap; }                         /* tón, výchozí a uzavírá pod názvem */
  .c-option__controls { flex-basis: 100%; order: 10; display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-3); padding: var(--sp-1) 0 var(--sp-1) 2.6rem; }
  .c-option .c-tree__actions { margin-left: auto; }
}