/*
 * stranky/pribehy.css - prehled pribehu klientu (mc/pribehy.php), D-011, K-009.
 * Hlavni pribeh (Royal Enfield Garage) pres celou sirku: barevna plocha, profese verzalkami,
 * obri jmeno, velka natocena fotografie. Pod nim mrizka STEJNE VELKYCH karet (K-009, Roman:
 * "zadna karta nesmi byt mala nebo siroka"): 3 sloupce na desktopu, 2 na tabletu, 1 na mobilu,
 * od 1600 px vse umerne vetsi (clamp). Hover jako detail D-028: zvednuti, polygon obrazku, zoom, sipka.
 * Plna sirka, tokeny z pmc-tokens.css.
 */
.pmc-pri-hero { padding-top: clamp(56px, 6vw, 152px); padding-bottom: clamp(40px, 3.5vw, 96px); }
.pmc-pri-stitek { margin: 0 0 clamp(12px, 1vw, 24px); font-size: var(--pmc-fs-nav); text-transform: uppercase; }
.pmc-pri-hero .pmc-h1 { max-width: 18ch; }
.pmc-pri-perex { margin-top: clamp(16px, 1.4vw, 32px); max-width: 44em; color: var(--pmc-text-tlumeny); }

.pmc-pri-vypis { padding-top: 0; }
.pmc-pri-hlavni, .pmc-pri-mrizka { list-style: none; margin: 0; padding: 0; }

/* ---------- Hlavni karta (pres celou sirku) ---------- */
.pmc-pri-karta {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--pmc-mezera-mrizky); align-items: center; min-height: clamp(480px, 42vw, 1000px);
  padding: clamp(24px, 3.3vw, 88px); border-radius: var(--pmc-radius-karta);
  background: var(--pmc-pri-barva, #2b2b2b); color: var(--pmc-bila); overflow: hidden;
}
.pmc-pri-karta__text { display: flex; flex-direction: column; align-items: flex-start; }
.pmc-pri-karta__stav { margin: 0 0 clamp(20px, 1.6vw, 40px); padding: 4px 12px; border-radius: var(--pmc-radius-pill); background: rgba(255, 255, 255, .16); font-size: var(--pmc-fs-maly); }
.pmc-pri-karta__profese { margin: 0 0 clamp(8px, .6vw, 16px); font-size: var(--pmc-fs-nav); text-transform: uppercase; }
.pmc-pri-karta__jmeno { margin: 0; font-size: clamp(48px, 6.6vw, 168px); line-height: .98; letter-spacing: var(--pmc-ls-h1); font-weight: var(--pmc-pismo-vaha-nadpis); overflow-wrap: anywhere; }
.pmc-pri-karta__jmeno a { color: inherit; text-decoration: none; }
/* Cela karta je klikaci (odkaz z nadpisu roztazeny), odkaz na web klienta zustava nad nim */
.pmc-pri-karta__jmeno a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.pmc-pri-karta__jmeno a:focus-visible { outline: none; }
.pmc-pri-karta:focus-within { outline: 2px solid var(--pmc-bila); outline-offset: -6px; }
.pmc-pri-karta__perex { margin-top: clamp(20px, 1.8vw, 44px); max-width: 30em; font-size: clamp(18px, 1.35vw, 34px); line-height: 1.25; }
.pmc-pri-karta__meta { display: flex; flex-wrap: wrap; gap: 6px 20px; margin-top: clamp(20px, 1.6vw, 40px); color: var(--pmc-text-tlumeny-inverz); }
.pmc-pri-karta__web { position: relative; z-index: 2; color: var(--pmc-bila); text-decoration: underline; }
.pmc-pri-karta__dal { margin-top: clamp(28px, 2.4vw, 60px); font-size: var(--pmc-fs-nav); text-transform: uppercase; transition: transform .35s ease; }
.pmc-pri-karta:hover .pmc-pri-karta__dal { transform: translateX(8px); text-decoration: underline; }
/* Fotografie: velka, mirne natocena jako v reference */
.pmc-pri-karta__foto { position: relative; align-self: stretch; min-height: clamp(260px, 26vw, 640px); transform: rotate(-6deg) scale(.86); transition: var(--pmc-pohyb-obrazek); }
.pmc-pri-karta:hover .pmc-pri-karta__foto { transform: rotate(-6deg) scale(calc(.86 * var(--pmc-hover-zvetseni))); }
.pmc-pri-karta__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* ---------- Mrizka stejne velkych karet ---------- */
.pmc-pri-mrizka {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 1fr;
  gap: var(--pmc-mezera-mrizky); margin-top: var(--pmc-mezera-mrizky);
}
.pmc-pri-mrizka > .pmc-pri-polozka { display: flex; min-width: 0; }
.pmc-pri-dlazdice {
  --pmc-pri-ease: cubic-bezier(.2, .7, .2, 1);
  position: relative; display: flex; flex-direction: column; width: 100%; height: 100%;
  border-radius: var(--pmc-radius-karta); overflow: hidden;
  background: var(--pmc-pri-barva, #2b2b2b); color: var(--pmc-bila); text-decoration: none;
  transition: transform .5s var(--pmc-pri-ease), box-shadow .5s var(--pmc-pri-ease);
}
.pmc-pri-dlazdice:hover { transform: translateY(-8px); box-shadow: 0 24px 48px -24px rgba(0, 0, 0, .45); }
.pmc-pri-dlazdice:focus-visible { outline: 3px solid var(--pmc-text, #111); outline-offset: 4px; }
.pmc-pri-dlazdice__obraz {
  position: relative; display: grid; place-items: center; flex: none; aspect-ratio: 16 / 10; overflow: hidden;
  margin: clamp(10px, .8vw, 20px) clamp(10px, .8vw, 20px) 0; border-radius: calc(var(--pmc-radius-karta) - 2px);
  background: rgba(0, 0, 0, .25);
  clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%);
  transition: clip-path .8s var(--pmc-pri-ease);
}
.pmc-pri-dlazdice:hover .pmc-pri-dlazdice__obraz { clip-path: polygon(0% 4%, 50% 0%, 100% 6%, 96% 50%, 100% 94%, 50% 100%, 2% 96%, 5% 50%); }
.pmc-pri-dlazdice__obraz img { width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform 1.1s var(--pmc-pri-ease); }
.pmc-pri-dlazdice:hover .pmc-pri-dlazdice__obraz img { transform: scale(1.08); }
.pmc-pri-dlazdice__inicial { font-size: clamp(80px, 8vw, 220px); line-height: 1; color: rgba(255, 255, 255, .85); }
.pmc-pri-dlazdice__text { display: flex; flex-direction: column; flex: 1 1 auto; gap: clamp(8px, .6vw, 16px); padding: clamp(18px, 1.6vw, 44px); }
.pmc-pri-dlazdice__obor { font-size: var(--pmc-fs-maly); letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .78); }
.pmc-pri-dlazdice__jmeno { font-size: clamp(24px, 1.9vw, 52px); line-height: 1.05; letter-spacing: -0.02em; font-weight: var(--pmc-pismo-vaha-nadpis, 500); overflow-wrap: anywhere; }
.pmc-pri-dlazdice__perex { font-size: var(--pmc-fs-text); line-height: 1.4; color: rgba(255, 255, 255, .86); }
.pmc-pri-dlazdice__dal { margin-top: auto; padding-top: clamp(8px, .8vw, 20px); font-size: var(--pmc-fs-nav, 15px); text-transform: uppercase; }
.pmc-pri-dlazdice__dal span { display: inline-block; transition: transform .35s var(--pmc-pri-ease); }
.pmc-pri-dlazdice:hover .pmc-pri-dlazdice__dal span { transform: translateX(8px); }

.pmc-pri-vyzva { text-align: center; }
.pmc-pri-vyzva .pmc-h2 { margin: 0 auto; max-width: 18ch; }
.pmc-pri-vyzva__text { margin: clamp(16px, 1.2vw, 28px) auto clamp(28px, 2.2vw, 52px); color: var(--pmc-text-tlumeny-inverz); }

@media (prefers-reduced-motion: reduce) {
  .pmc-pri-karta__foto, .pmc-pri-karta:hover .pmc-pri-karta__foto, .pmc-pri-karta__dal,
  .pmc-pri-dlazdice, .pmc-pri-dlazdice *, .pmc-pri-dlazdice:hover { transition: none !important; }
  .pmc-pri-dlazdice:hover { transform: none; }
  .pmc-pri-dlazdice:hover .pmc-pri-dlazdice__obraz img { transform: none; }
}
@media (max-width: 1024px) {
  .pmc-pri-mrizka { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .pmc-pri-mrizka { grid-template-columns: minmax(0, 1fr); }
  .pmc-pri-karta { grid-template-columns: 1fr; min-height: 0; }
  .pmc-pri-karta__foto { min-height: 240px; transform: rotate(-4deg) scale(.9); margin: 8px 0; }
  .pmc-pri-karta:hover .pmc-pri-karta__foto { transform: rotate(-4deg) scale(.9); }
  .pmc-pri-karta__jmeno { font-size: clamp(44px, 14vw, 72px); }
}

/* K-005 N7: tmava varianta prehledu (?motiv=tmavy), plochy a text jako detail (#0d0d0d / #f2f2f2) */
.pmc-pri-obal--tmavy { background: #0d0d0d; color: #f2f2f2; --pmc-text-tlumeny: rgba(242, 242, 242, .68); }
.pmc-pri-obal--tmavy .cmc-b-section, .pmc-pri-obal--tmavy .cmc-b-document { background-color: #0d0d0d; color: #f2f2f2; }
.pmc-pri-obal--tmavy a:not([class*="karta"]):not([class*="dlazdice"]):not([class*="tl"]) { color: inherit; }