/* PEK.si Category Editorial System 2.0 — v0.20.30
 * Premium editorial rhythm, no dashboard-card aesthetic.
 * No JS layout, no reading-time UI, no generic repeated CTA noise.
 */
:root{
  --pek-cat-ink:#211b17;
  --pek-cat-muted:#75655b;
  --pek-cat-accent:#e84f1c;
  --pek-cat-line:#ddd3c8;
  --pek-cat-line-strong:#cbbcad;
  --pek-cat-paper:#fffdf9;
  --pek-cat-warm:#f3ede5;
  --pek-cat-hover:#fff9f4;
}

.pek-category-hero{
  min-height:0 !important;
  height:auto !important;
  padding-top:52px !important;
  padding-bottom:52px !important;
}
.pek-category-h1{
  margin:0 !important;
  color:var(--pek-cat-ink) !important;
  font-size:clamp(42px,5vw,66px) !important;
  line-height:1.01 !important;
  letter-spacing:-.035em !important;
}
.pek-category-intro{
  max-width:850px;
  margin:22px 0 0 !important;
  color:var(--pek-cat-ink) !important;
  font-size:17px !important;
  line-height:1.65 !important;
}
.pek-category-count{
  color:var(--pek-cat-muted) !important;
  font-size:12px !important;
}
.pek-category-section-eyebrow,
.pek-category-card-kicker{
  color:var(--pek-cat-accent) !important;
  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
.pek-category-section-eyebrow{margin:0 0 8px !important}
.pek-category-section-title{
  margin:0 0 28px !important;
  color:var(--pek-cat-ink) !important;
  font-size:clamp(30px,3vw,40px) !important;
  line-height:1.06 !important;
  letter-spacing:-.03em !important;
}

/* Key content — editorial lead, not a dashboard. */
.pek-category-featured-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.18fr) minmax(0,.91fr) minmax(0,.91fr) !important;
  grid-template-rows:auto !important;
  gap:18px !important;
  align-items:stretch !important;
  margin-bottom:74px !important;
}
.pek-category-featured-grid > .pek-category-card--primary,
.pek-category-featured-grid > .pek-category-card--featured{
  grid-column:auto !important;
  grid-row:auto !important;
}
.pek-category-card{
  min-width:0;
  box-sizing:border-box;
  color:var(--pek-cat-ink) !important;
}
.pek-category-card--primary,
.pek-category-card--featured{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  min-height:0 !important;
  height:auto !important;
  padding:28px 30px 30px !important;
  border:1px solid var(--pek-cat-line) !important;
  border-radius:8px !important;
  background:var(--pek-cat-paper) !important;
  box-shadow:none !important;
  overflow:hidden;
}
.pek-category-card--primary{
  background:var(--pek-cat-warm) !important;
  border-top:3px solid var(--pek-cat-accent) !important;
}
.pek-category-card--primary > :where(div,article,section),
.pek-category-card--featured > :where(div,article,section){
  min-height:0 !important;
  height:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.pek-category-card--primary .pek-category-card-title{
  margin:11px 0 14px !important;
  font-size:clamp(28px,2.7vw,36px) !important;
  line-height:1.05 !important;
  letter-spacing:-.03em !important;
}
.pek-category-card--featured .pek-category-card-title{
  margin:10px 0 11px !important;
  font-size:clamp(22px,2vw,27px) !important;
  line-height:1.1 !important;
  letter-spacing:-.022em !important;
}
.pek-category-card-title,
.pek-category-card-title a{color:var(--pek-cat-ink) !important}
.pek-category-card-title a{text-decoration:none !important}
.pek-category-card-description{
  margin:0 !important;
  color:var(--pek-cat-muted) !important;
  font-size:14px !important;
  line-height:1.58 !important;
}
.pek-category-card--primary .pek-category-card-description,
.pek-category-card--featured .pek-category-card-description{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
}
.pek-category-card-cta{
  display:inline-flex !important;
  width:max-content;
  margin-top:14px !important;
  color:var(--pek-cat-accent) !important;
  font-size:13px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

/* Long list — an editorial index. No white rounded cards, no repeated kicker,
 * no reading time. */
.pek-category-content-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:clamp(46px,5.5vw,72px) !important;
  row-gap:0 !important;
  align-items:start !important;
}
.pek-category-card--standard{
  display:block !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:24px 0 26px !important;
  border:0 !important;
  border-top:1px solid var(--pek-cat-line) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.pek-category-card--standard > :where(div,article,section){
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.pek-category-card--standard .pek-category-card-title{
  margin:0 34px 9px 0 !important;
  font-size:clamp(20px,1.65vw,23px) !important;
  line-height:1.15 !important;
  letter-spacing:-.016em !important;
}
.pek-category-card--standard .pek-category-card-description{
  max-width:680px;
  font-size:14px !important;
  line-height:1.52 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Every seventh item becomes a compact full-width editorial feature. It uses
 * real content only — no synthetic image slot, badge or UI decoration. */
.pek-category-card--standard.pek-category-card--editorial-feature{
  grid-column:1 / -1 !important;
  margin:18px 0 24px !important;
  padding:31px 34px 34px !important;
  border-top:2px solid var(--pek-cat-accent) !important;
  border-bottom:1px solid var(--pek-cat-line) !important;
  background:var(--pek-cat-warm) !important;
}
.pek-category-card--editorial-feature .pek-category-card-title{
  max-width:850px;
  margin-right:48px !important;
  font-size:clamp(27px,2.5vw,34px) !important;
  line-height:1.08 !important;
  letter-spacing:-.026em !important;
}
.pek-category-card--editorial-feature .pek-category-card-description{
  max-width:820px;
  font-size:15px !important;
  line-height:1.58 !important;
  -webkit-line-clamp:3;
}

/* One descriptive SEO link owns the whole card. */
.pek-category-card--clickable{
  position:relative;
  cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease;
}
.pek-category-card--clickable .pek-category-card-link{
  position:static !important;
  z-index:auto !important;
}
.pek-category-card--clickable .pek-category-card-link::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:5;
}
.pek-category-card--clickable::before{
  content:"→";
  position:absolute;
  top:25px;
  right:2px;
  z-index:1;
  color:var(--pek-cat-accent);
  font-size:18px;
  line-height:1;
  opacity:0;
  transform:translateX(-3px);
  transition:opacity .15s ease,transform .15s ease;
}
.pek-category-card--primary.pek-category-card--clickable::before,
.pek-category-card--featured.pek-category-card--clickable::before,
.pek-category-card--editorial-feature.pek-category-card--clickable::before{
  top:28px;
  right:26px;
}
.pek-category-card--clickable:focus-within{
  outline:2px solid rgba(232,79,28,.38);
  outline-offset:3px;
}
@media (hover:hover) and (pointer:fine){
  .pek-category-card--clickable:hover{
    border-color:var(--pek-cat-line-strong) !important;
  }
  .pek-category-card--standard.pek-category-card--clickable:hover{
    background:rgba(232,79,28,.028) !important;
  }
  .pek-category-card--primary.pek-category-card--clickable:hover,
  .pek-category-card--featured.pek-category-card--clickable:hover,
  .pek-category-card--editorial-feature.pek-category-card--clickable:hover{
    background-color:var(--pek-cat-hover) !important;
  }
  .pek-category-card--clickable:hover .pek-category-card-link{
    color:var(--pek-cat-accent) !important;
  }
  .pek-category-card--clickable:hover::before{
    opacity:1;
    transform:translateX(0);
  }
}

/* Pager: normal desktop navigation, deliberately minimal mobile navigation. */
.pek-category-pager{
  margin:56px 0 22px;
  padding:24px 0 0;
  border-top:1px solid var(--pek-cat-line);
  color:var(--pek-cat-muted);
  font-size:14px;
}
.pek-category-pager a{
  color:var(--pek-cat-ink);
  text-decoration:none;
}
.pek-category-pager a:hover,
.pek-category-pager a:focus-visible{color:var(--pek-cat-accent)}
.pek-category-pager-desktop{
  display:grid;
  grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr);
  align-items:center;
  gap:24px;
}
.pek-category-pager-prev{text-align:left}
.pek-category-pager-next{text-align:right}
.pek-category-pager-edge > span{opacity:.32}
.pek-category-pager-pages{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:19px;
}
.pek-category-pager-pages a,
.pek-category-pager-current{
  position:relative;
  min-width:18px;
  padding:5px 0 7px;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
.pek-category-pager-current{
  color:var(--pek-cat-ink);
  font-weight:800;
}
.pek-category-pager-current::after{
  content:"";
  position:absolute;
  left:2px;
  right:2px;
  bottom:0;
  height:2px;
  background:var(--pek-cat-accent);
}
.pek-category-pager-gap{opacity:.55}
.pek-category-pager-mobile{display:none}

@media (max-width:1100px){
  .pek-category-featured-grid{grid-template-columns:1.15fr 1fr !important}
  .pek-category-featured-grid > .pek-category-card--primary{grid-column:1 / -1 !important}
}
@media (max-width:760px){
  .pek-category-featured-grid,
  .pek-category-content-grid{grid-template-columns:1fr !important}
  .pek-category-featured-grid{margin-bottom:54px !important}
  .pek-category-card--standard.pek-category-card--editorial-feature{grid-column:auto !important}
  .pek-category-pager{margin-top:42px;padding-top:18px;font-size:13px}
  .pek-category-pager-desktop{display:none}
  .pek-category-pager-mobile{
    display:grid;
    grid-template-columns:44px 1fr 44px;
    align-items:center;
    gap:10px;
    max-width:220px;
    margin:0 auto;
  }
  .pek-category-pager-mobile-arrow{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:50%;
    font-size:20px;
    line-height:1;
  }
  a.pek-category-pager-mobile-arrow:hover,
  a.pek-category-pager-mobile-arrow:focus-visible{background:var(--pek-cat-hover)}
  .pek-category-pager-mobile-arrow[aria-disabled="true"]{opacity:.24}
  .pek-category-pager-mobile-status{
    text-align:center;
    color:var(--pek-cat-muted);
    font-variant-numeric:tabular-nums;
    letter-spacing:.02em;
  }
}
@media (max-width:620px){
  .pek-category-hero{padding-top:28px !important;padding-bottom:30px !important}
  .pek-category-h1{font-size:clamp(36px,10.8vw,47px) !important;line-height:1.02 !important}
  .pek-category-intro{font-size:16px !important;line-height:1.58 !important}
  .pek-category-section-title{margin-bottom:20px !important;font-size:29px !important}
  .pek-category-card--primary,
  .pek-category-card--featured{
    padding:22px !important;
    border-radius:6px !important;
  }
  .pek-category-card--standard{padding:20px 0 22px !important}
  .pek-category-card--standard.pek-category-card--editorial-feature{
    margin:12px 0 18px !important;
    padding:24px 20px 26px !important;
  }
  .pek-category-card--editorial-feature .pek-category-card-title{
    font-size:25px !important;
  }
  .pek-category-card--clickable::before{display:none}
}
@media (prefers-reduced-motion:reduce){
  .pek-category-card--clickable,
  .pek-category-card--clickable::before{transition:none}
}