/*
 * stranky/pribehy.css - prehled pribehu klientu (mc/pribehy.php), D-011.
 * Struktura podle 04_Pribehy_klientu: barevna plocha, profese verzalkami,
 * obri jmeno klienta, velka fotografie vpravo. Plna sirka, prvni pribeh pres
 * celou sirku, dalsi ve dvou sloupcich. 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-filtr { justify-content: flex-start; margin-top: clamp(28px, 2.5vw, 64px); }
.pmc-pri-filtr .pmc-pill { font: inherit; font-size: var(--pmc-fs-text); min-height: 44px; }

.pmc-pri-vypis { padding-top: 0; }
.pmc-pri-mrizka { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pmc-mezera-mrizky); }
.pmc-pri-polozka[hidden] { display: none; }
.pmc-pri-polozka--hlavni { grid-column: 1 / -1; }

/* Karta = barevna plocha (barva z dat), text vlevo, fotografie vpravo */
.pmc-pri-karta {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--pmc-mezera-mrizky); height: 100%;
  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-polozka:not(.pmc-pri-polozka--hlavni) .pmc-pri-karta { grid-template-columns: 1fr; }
.pmc-pri-polozka--hlavni .pmc-pri-karta { min-height: clamp(480px, 42vw, 1000px); align-items: center; }
.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-polozka:not(.pmc-pri-polozka--hlavni) .pmc-pri-karta__jmeno { font-size: var(--pmc-fs-h1); }
.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; }
.pmc-pri-karta:hover .pmc-pri-karta__dal { text-decoration: underline; }

/* Fotografie: velka, mirne natocena jako v reference; bez fotky neutralni plocha s popiskem */
.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; }
.pmc-pri-karta__nahled {
  position: absolute; inset: 0; display: grid; place-items: center; text-align: center; padding: 16px;
  background: rgba(255, 255, 255, .12); border: 1px dashed rgba(255, 255, 255, .55);
  font-size: var(--pmc-fs-maly); text-transform: uppercase; color: var(--pmc-text-tlumeny-inverz);
}
.pmc-pri-polozka:not(.pmc-pri-polozka--hlavni) .pmc-pri-karta__foto { transform: none; min-height: clamp(200px, 18vw, 420px); }

.pmc-pri-zadny { padding-top: 24px; }
.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 { transition: none; }
}
@media (max-width: 1024px) {
  .pmc-pri-mrizka { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .pmc-pri-karta { grid-template-columns: 1fr; }
  .pmc-pri-polozka--hlavni .pmc-pri-karta { 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); }
}