/* ═══════════════════════════════════════════════════════════════════
   trikito-hledani-1.css — SVĚTLO reskin výsledků vyhledávání
   (/vyhledavani/, body.type-search). Nativní DOM, čisté CSS.
   Lekce z klient-3: scope pod `body.type-search #content-wrapper`
   (body třída bleeduje do headeru/footeru) a počítat s globálním
   `.btn.btn-primary`/`.flag` !important z trikito-homepage-1.css.
   Karty produktů štukuje homepage-1 globálně — tady jen shell.
   Pilulky kategorií = 1:1 vzor v10 podkategorií (kategorie-10.css).
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1. plátno + layout (prázdný sidebar pryč, obsah na plnou šíři) ──
   Plátno BÍLÉ jako u tk-kat2 kategorií — vyhledávání je produktový
   výpis; #FCF8F7 patří formulářovým stránkám (klient), #EFE9DE docs. */
body.type-search .breadcrumbs-wrapper{display:none}
body.type-search #content-wrapper{
  position:relative;padding-top:clamp(26px,3.5vw,48px);padding-bottom:clamp(44px,6vw,88px);
  background:#fff!important;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
body.type-search #content-wrapper .content-wrapper-in{
  display:block;background:transparent!important}
body.type-search #content-wrapper aside.sidebar{display:none!important}
body.type-search #content-wrapper main#content{
  width:100%!important;float:none;padding:0;background:transparent!important}
body.type-search #content-wrapper .content-inner{max-width:none}

/* ── 2. titulek ── */
body.type-search #content-wrapper main#content>h2{
  font-family:'Grift',-apple-system,system-ui,sans-serif!important;font-weight:800;
  font-size:clamp(26px,2.8vw,36px);line-height:1.12;letter-spacing:-.025em;
  color:#1B1513;margin:0 0 4px;text-align:center}
body.type-search #content-wrapper main#content>h2 .highlight{
  color:#1B1513;font-weight:800}
body.type-search #content-wrapper main#content>h2::after{
  content:"";display:block;width:48px;height:5px;border-radius:3px;
  background:#C51A11;margin:12px auto 0}

/* ── 3. labely skupin (Kategorie / Produkty) ── */
body.type-search #content-wrapper .search-results-group h4,
body.type-search #content-wrapper h4.search-products-heading{
  font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(27,21,19,.62);text-align:center;margin:26px 0 12px}

/* ── 4. kategorie jako pilulky (vzor v10 podkategorií) ── */
body.type-search #content-wrapper .search-results-group-list ul{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
  margin:0;padding:0;list-style:none}
body.type-search #content-wrapper .search-results-group-list li{
  width:auto;float:none;padding:0;margin:0;flex:0 0 auto}
body.type-search #content-wrapper .search-results-group-list li::before{content:none!important}
body.type-search #content-wrapper .search-results-group-list a{
  position:relative;display:inline-flex;align-items:center;gap:9px;
  background:#fff;border:0!important;border-radius:999px;padding:13px 22px;
  box-shadow:inset 0 0 0 1.5px rgba(27,21,19,.18);
  font:700 14px/1 'Grift',-apple-system,system-ui,sans-serif;color:#1B1513;
  text-decoration:none!important;white-space:nowrap;transition:box-shadow .18s}
body.type-search #content-wrapper .search-results-group-list a::after{
  content:"→";font-weight:600;opacity:.55;transition:transform .18s,opacity .18s}
body.type-search #content-wrapper .search-results-group-list a:hover{
  box-shadow:inset 0 0 0 2px #1B1513}
body.type-search #content-wrapper .search-results-group-list a:hover::after{
  transform:translateX(2px);opacity:1}

/* ── 5. mřížka produktů ── */
body.type-search #content-wrapper .search-results{margin-top:6px}
body.type-search #content-wrapper .products-block{margin-top:4px}

/* ── 6. prázdný výsledek ── */
body.type-search #content-wrapper main#content>p{
  text-align:center;font-size:15.5px;color:rgba(27,21,19,.72);margin:18px 0 0}

/* ── 7. stránkování (kdyby výsledků bylo víc stránek) ── */
body.type-search #content-wrapper .pagination{
  display:flex;gap:6px;justify-content:center;align-items:center;margin-top:26px}
body.type-search #content-wrapper .pagination a,
body.type-search #content-wrapper .pagination span{
  min-width:36px;height:36px;display:grid;place-items:center;border-radius:8px;
  font-weight:600;font-size:14px;color:#1B1513;text-decoration:none;
  transition:box-shadow .15s}
body.type-search #content-wrapper .pagination a:hover{
  box-shadow:inset 0 0 0 1px #1B1513}
body.type-search #content-wrapper .pagination .current,
body.type-search #content-wrapper .pagination a.current{
  background:#1B1513;color:#fff}