/* blog-responsive.css — archiv blogu [kp_blog_archive] (stránka Blog #89, šablona #364: kategorie, štítky, hledání).
   Load AFTER kp-global.css. §K24 (P18): přepis — hlavička se štítkem .kph-eyebrow, pilulky jako kategorie obchodu (.kp-catnav-pill),
   Článek týdne bez barevných štítků a přechodů, mřížka typografických karet .kanp-post (kanp-brand.css sekce 15a), stránkování ← / Další →.
   Smazána pravidla, která už nic nepoužívá (.kp-blog-pill*, .kp-blog-card*, .kp-blog-catbadge, .kp-blog-glassbadge, .kp-blog-featured-head,
   .kp-blog-featured-image*, .kp-blog-featured-meta, .kp-blog-featured-btn, .kp-blog-grid, .kp-blog-grid-count, .kp-blog-grid-title, .kp-blog-eyebrow). */

/* ── BASE (scoped na stránku — záměrně NEprosakuje do kp-global) ── */
.kp-blog { background: var(--kp-bg); color: var(--kp-text); font-family: 'Montserrat', system-ui, sans-serif; }
.kp-blog a { text-decoration: none; }
/* §K24 (P18) hlavička */
.kp-blog-hero { border-bottom: 1px solid var(--kp-border); }
.kp-blog-hero-inner { max-width: 1280px; margin: 0 auto; padding: 60px 32px 48px; }
.kp-blog-hero .kph-eyebrow { margin: 0 0 22px; }
.kp-blog-hero-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; }
.kp-blog-hero-title { margin: 0; font-size: 88px; font-weight: 700; line-height: .92; letter-spacing: -.025em; text-transform: uppercase; color: var(--kp-text); overflow-wrap: anywhere; }
.kp-blog--sub .kp-blog-hero-title { font-size: 64px; line-height: .95; }
.kp-blog-hero-perex { flex: 0 1 460px; margin: 0; padding-bottom: 8px; font-size: 16px; font-weight: 500; line-height: 1.6; color: var(--kp-text-2); }
/* §K24 (P18) filtr: pilulky kategorií + hledání */
.kp-blog-filter-bar { border-bottom: 1px solid var(--kp-border); }
.kp-blog-filter { max-width: 1280px; margin: 0 auto; padding: 16px 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.kp-blog-pills { display: flex; flex-wrap: wrap; gap: 10px; }
.kp-blog-search { display: flex; align-items: center; gap: 10px; box-sizing: border-box; width: 280px; height: 42px; flex: none; padding: 0 16px; background: var(--kp-surface); border: 1px solid var(--kp-border); border-radius: 999px; color: var(--kp-text-3); }
.kp-blog-search svg { flex: none; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.kp-blog-search input { flex: 1; min-width: 0; padding: 0; background: transparent; border: 0; outline: none; color: var(--kp-text); font: 500 13px/1.2 'Montserrat', system-ui, sans-serif; }
.kp-blog-search input::placeholder { color: var(--kp-text-3); opacity: 1; }
/* §K24 (P18) Článek týdne */
.kp-blog-featured { max-width: 1280px; margin: 0 auto; padding: 56px 32px 0; }
.kp-blog-featured .kph-eyebrow { margin: 0 0 20px; }
.kp-blog-featured-card { display: grid; gap: 40px; padding-top: 24px; border-top: 1px solid var(--kp-border); color: var(--kp-text); transition: border-color .15s ease; }
.kp-blog-featured-card.has-media { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; }
.kp-blog-featured-card:hover, .kp-blog-featured-card:focus-visible { border-top-color: var(--kp-accent); }
.kp-blog-featured-media { aspect-ratio: 16 / 9; overflow: hidden; border-radius: 10px; background: var(--kp-surface); }
.kp-blog-featured-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.kp-blog-featured-text { display: flex; flex-direction: column; gap: 16px; max-width: 780px; }
.kp-blog-featured-title { margin: 0; font-size: 36px; font-weight: 700; line-height: 1.15; letter-spacing: -.015em; color: var(--kp-text); }
.kp-blog-featured-perex { margin: 0; font-size: 16px; font-weight: 500; line-height: 1.6; color: var(--kp-text-2); }
/* §K24 (P18) mřížka */
.kp-blog-grid-section { max-width: 1280px; margin: 0 auto; padding: 56px 32px 80px; }
.kp-blog-grid-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 40px; }
.kp-blog-grid-header .kph-eyebrow { margin: 0 0 16px; }
.kp-blog-grid-header--sr { justify-content: flex-end; } /* §K25 (P18b): kategorie/štítek — H2 jen pro čtečky, řazení zůstává vpravo (≤ 950 sloupec → vlevo) */
.kp-blog-sort { display: flex; align-items: center; gap: 22px; padding-bottom: 4px; font-family: var(--kanp-mono); font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.kp-blog-sort-link { padding-bottom: 6px; border-bottom: 2px solid transparent; color: var(--kp-text-3); }
.kp-blog-sort-link:hover { color: var(--kp-text); }
.kp-blog-sort-link--active { color: var(--kp-text); border-bottom-color: var(--kp-accent); }
@media (min-width: 951px) { .kp-blog .kanp-posts { row-gap: 56px; } }
.kp-blog-empty { margin: 0; font-size: 15px; font-weight: 500; color: var(--kp-text-3); }
/* §K24 (P18) stránkování */
.kp-blog-pagination { max-width: 1280px; margin: 0 auto; padding: 0 32px 80px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.kp-blog-page, .kp-blog-page-prev, .kp-blog-page-next { box-sizing: border-box; min-width: 44px; height: 44px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: var(--kp-surface); border: 1px solid var(--kp-border); border-radius: 8px; color: var(--kp-text-2); font-size: 13px; font-weight: 700; }
.kp-blog-page-next { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
a.kp-blog-page:hover, .kp-blog-page-prev:hover, .kp-blog-page-next:hover { border-color: var(--kp-accent); color: var(--kp-text); }
.kp-blog-page--active { background: var(--kp-accent); border-color: var(--kp-accent); color: var(--kp-on-accent); }

/* §K24 (P18) */
@media (max-width: 1024px) {
  .kp-blog-hero-inner, .kp-blog-filter, .kp-blog-featured, .kp-blog-grid-section, .kp-blog-pagination { padding-left: 24px; padding-right: 24px; }
  .kp-blog-hero-title { font-size: 64px; }
  .kp-blog--sub .kp-blog-hero-title { font-size: 48px; }
}

/* §K24 (P18) */
@media (max-width: 950px) {
  .kp-blog-hero-inner { padding-top: 36px; padding-bottom: 32px; }
  .kp-blog-hero .kph-eyebrow { margin-bottom: 16px; }
  .kp-blog-hero-row { flex-direction: column; align-items: flex-start; gap: 14px; }
  .kp-blog-hero-title { font-size: 44px; line-height: .95; }
  .kp-blog--sub .kp-blog-hero-title { font-size: 36px; }
  .kp-blog-hero-perex { flex: none; padding-bottom: 0; font-size: 15px; }
  .kp-blog-filter { flex-direction: column; align-items: stretch; gap: 12px; }
  .kp-blog-search { width: 100%; }
  .kp-blog-search input { font-size: 16px; } /* iOS nezvětšuje stránku při fokusu */
  .kp-blog-featured { padding-top: 40px; }
  .kp-blog-featured-card.has-media { grid-template-columns: 1fr; gap: 20px; }
  .kp-blog-featured-title { font-size: 26px; }
  .kp-blog-grid-section { padding-top: 40px; padding-bottom: 56px; }
  .kp-blog-grid-header { flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 32px; }
}

/* §K24 (P18) */
@media (max-width: 480px) {
  .kp-blog-hero-inner, .kp-blog-filter, .kp-blog-featured, .kp-blog-grid-section, .kp-blog-pagination { padding-left: 16px; padding-right: 16px; }
  .kp-blog-pills { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; margin-right: -16px; padding-right: 16px; }
  .kp-blog-pills::-webkit-scrollbar { display: none; }
  .kp-blog-pills .kp-catnav-pill { flex: none; }
  .kp-blog-page { display: none; }
}