/* styles/default/components/c-search.css — #17 hledání: ikona, input, klávesa /, vymazání
   Created :: 2026-10-21
   Updated :: 2026-10-28
   2026-10-28 :: M9 – úklid a revize (viz 04 kap. 3) */

.c-search { position: relative; display: flex; align-items: center; min-width: 20rem; max-width: 100%; }
.c-search > .c-icon { position: absolute; left: var(--sp-3); color: var(--color-text-subtle); pointer-events: none; }
.c-search > .c-input { padding-left: 3.6rem; padding-right: 4.4rem; }
.c-search > .c-input::-webkit-search-cancel-button { display: none; }
.c-search > .c-kbd { position: absolute; right: var(--sp-2); pointer-events: none; }
.c-search__clear { position: absolute; right: var(--sp-1); display: none; }
.c-search:focus-within > .c-kbd, .c-search.has-value > .c-kbd { display: none; }
.c-search.has-value .c-search__clear { display: inline-flex; }

@media (max-width: 767.98px) {
  .c-search { min-width: 0; flex: 1; }
  .c-search > .c-kbd { display: none; }
}