/*
 * stranky/obory.css - rozcestnik oboru mc/obory.php (D-005).
 * Jen tokeny z pmc-tokens.css; lokalni hodnoty --ob-*. Plna sirka, 5 / 4 / 2 / 1 sloupcu.
 */
.pmc-web {
  --ob-plocha: #f4f4f4;            /* ODHAD - svetla plocha karty (shodna s vzory.css) */
  --ob-stav: #8a5a00;              /* ODHAD - "pripravujeme", shodne s vzory.css */
}

.ob-hero { padding-bottom: clamp(32px, 3.3vw, 80px); }
.ob-hero__hlavicka { margin-bottom: 0; align-items: end; }
.ob-hero__hlavicka .pmc-h1 { max-width: 11em; }
.ob-hero__text { color: var(--pmc-text-tlumeny); max-width: 36em; margin-bottom: clamp(20px, 1.6vw, 40px); }
.ob-hero__akce { margin: 0; }

.ob-seznam { padding-top: 0; }
.ob-mrizka {
  list-style: none; margin: 0; padding: 0; display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--pmc-mezera-mrizky);
}
.ob-karta {
  position: relative; display: flex; flex-direction: column; gap: clamp(8px, .7vw, 16px);
  min-height: clamp(320px, 22vw, 560px); padding: clamp(18px, 1.35vw, 34px);
  background: var(--ob-plocha); border-radius: var(--pmc-radius-karta);
  transition: background-color .2s linear, color .2s linear;
}
.ob-karta:hover, .ob-karta:focus-within { background: var(--pmc-cerna); color: var(--pmc-bila); }
.ob-karta__cislo { color: var(--pmc-text-tlumeny); font-variant-numeric: tabular-nums; }
.ob-karta:hover .ob-karta__cislo, .ob-karta:focus-within .ob-karta__cislo,
.ob-karta:hover .ob-karta__veta, .ob-karta:focus-within .ob-karta__veta { color: var(--pmc-text-tlumeny-inverz); }
.ob-karta__nazev { font-size: var(--pmc-fs-h3); }
.ob-karta__odkaz { text-decoration: none; }
/* Cela karta je klikaci (odkaz na katalog oboru), podobory maji vlastni odkazy nad nim */
.ob-karta__odkaz::after { content: ""; position: absolute; inset: 0; z-index: 0; }
.ob-karta__veta { color: var(--pmc-text-tlumeny); font-size: var(--pmc-fs-text); line-height: var(--pmc-lh-text); }
.ob-podobory { position: relative; z-index: 1; list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.ob-podobory a {
  display: inline-flex; align-items: center; min-height: 28px; padding: 4px 10px;
  border: 1px solid currentColor; border-radius: var(--pmc-radius-pill);
  font-size: 13px; line-height: 1.2; text-decoration: none; opacity: .8;
}
.ob-podobory a:hover, .ob-podobory a:focus-visible { opacity: 1; background: var(--pmc-bila); color: var(--pmc-cerna); border-color: var(--pmc-bila); }
@media (min-width: 1600px) { .ob-podobory a { font-size: 15px; min-height: 32px; } }
.ob-karta__pata { margin: auto 0 0; padding-top: 12px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.ob-karta__stav { color: var(--pmc-text-tlumeny); }
.ob-karta__stav--pripravujeme { color: var(--ob-stav); }
.ob-karta:hover .ob-karta__stav, .ob-karta:focus-within .ob-karta__stav { color: var(--pmc-text-tlumeny-inverz); }
.ob-karta__sipka { font-size: var(--pmc-fs-h3); line-height: 1; transition: transform .2s ease; }
.ob-karta:hover .ob-karta__sipka { transform: translateX(4px); }

.ob-vyzva__obsah { margin-bottom: 0; }
.ob-vyzva__text { color: var(--pmc-text-tlumeny-inverz); margin-bottom: clamp(20px, 1.6vw, 40px); max-width: 36em; }
.ob-vyzva__akce { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }

@media (max-width: 1400px) { .ob-mrizka { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1100px) { .ob-mrizka { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 860px)  { .ob-mrizka { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px)  {
  .ob-mrizka { grid-template-columns: minmax(0, 1fr); }
  .ob-karta { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .ob-karta, .ob-karta__sipka { transition: none; }
  .ob-karta:hover .ob-karta__sipka { transform: none; }
}