/* styles/default/components/c-comment.css — #39 komentář: avatar + hlavička (autor, čas, „upraveno“, menu ⋯) + tělo; stavy is-own, is-editing, is-deleted, is-highlighted
   Created :: 2026-10-23
   Updated :: 2026-10-28
   2026-10-28 :: M9 – úklid a revize (viz 04 kap. 3) */

.c-comment { display: flex; gap: var(--sp-3); padding: var(--sp-2) var(--sp-2); margin: 0 calc(-1 * var(--sp-2)); border-radius: var(--r-md); transition: background-color var(--dur-3) var(--ease-out); scroll-margin-top: 8rem; }
.c-comment__avatar { flex-shrink: 0; margin-top: var(--sp-half); }
.c-comment__main { flex: 1 1 auto; min-width: 0; }
.c-comment__head { display: flex; align-items: center; flex-wrap: wrap; gap: var(--sp-1) var(--sp-2); min-height: 2.4rem; }
.c-comment__author { font-weight: var(--fw-semibold); }
.c-comment__time { color: var(--color-text-subtle); font-size: var(--fs-xs); }
.c-comment__edited { color: var(--color-text-subtle); font-size: var(--fs-xs); font-style: italic; }
.c-comment__menu { margin-left: auto; opacity: 0; transition: opacity var(--dur-1) var(--ease-out); }
.c-comment:hover .c-comment__menu, .c-comment:focus-within .c-comment__menu, .c-comment__menu:has([aria-expanded="true"]) { opacity: 1; }
@media (hover: none) { .c-comment__menu { opacity: 1; } }
.c-comment__body { margin-top: var(--sp-half); }
.c-comment__deleted { margin-top: var(--sp-half); color: var(--color-text-muted); font-style: italic; font-size: var(--fs-sm); }

.c-comment.is-own .c-comment__author { color: var(--color-link); }
.c-comment.is-highlighted { background: var(--color-primary-soft); }
.c-comment.is-editing { background: var(--color-surface-2); }
.c-comment.is-deleted .c-comment__avatar { opacity: .5; }
.c-comment__content { margin-top: var(--sp-2); padding: var(--sp-2) var(--sp-3); border-left: var(--stroke-3) solid var(--color-danger); background: var(--color-danger-soft); border-radius: var(--r-sm); }

/* Composer v patičce draweru */
.c-composer { display: block; }