/* =====================================================================
   bundle-catalog.css — katalog / kategorie / detail LAYOUT (zadání 003;
   split 012). Načítá se jen pro catalog_list / category_detail /
   catalog_type:{id} / category_type:{id}. Obsahuje jen page-layout
   (mřížka výpisu, detail dvousloupec). Blokové styly (LayoutRenderer
   bloky, galerie, interaktivní obrázek) jsou v bundle-content.css.
   ===================================================================== */

/* ---- výpis katalogu / podkategorií (mřížka karet) ---- */
.tr-cms__sh__catalog { padding-block: clamp(1.5rem, 4vw, 2.5rem) clamp(2rem, 5vw, 3.5rem); }
.tr-cms__sh__catalog__empty { color: var(--muted); font-size: 1.05rem; }
.tr-cms__sh__catalog__grid {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: var(--gap);
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.tr-cms__sh__catalog__card {
  background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius);
  box-shadow: var(--shadow-1); overflow: hidden; transition: transform .12s var(--ease), border-color .15s, box-shadow .15s;
}
.tr-cms__sh__catalog__card:hover { transform: translateY(-3px); border-color: var(--terra); box-shadow: var(--shadow-2); }
.tr-cms__sh__catalog__card a { display: flex; flex-direction: column; gap: .35rem; padding: 1.1rem 1.2rem; height: 100%; }
.tr-cms__sh__catalog__name { font-family: var(--font-display); font-weight: 900; letter-spacing: -.01em; font-size: 1.05rem; color: var(--text); }
.tr-cms__sh__catalog__excerpt { color: var(--muted); font-size: .92rem; line-height: 1.5; }

/* ---- detail (položka / kategorie) — page layout ---- */
.tr-cms__sh__detail { padding-block: clamp(1.5rem, 4vw, 2.5rem) clamp(2rem, 5vw, 3.5rem); }
.tr-cms__sh__category { padding-block: clamp(1.5rem, 4vw, 2.5rem) clamp(2rem, 5vw, 3.5rem); }
.tr-cms__sh__detail__layout { display: grid; gap: clamp(1.2rem, 3vw, 2rem); }

/* ---- responsivní zvětšení detailu (dvousloupec) ---- */
@media (min-width: 860px) {
  .tr-cms__sh__detail__layout { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: start; }
  .layout-region-main { grid-column: 1; }
  .layout-region-sidebar { grid-column: 2; position: sticky; top: 80px; }
}