/* ATAVUS · home-live.css · 30. 9. 2026 (implementer, komentáře H1/H2/H3/H5/I1/hover)
   Doplňky nad sdílenými soubory (home-art.css, home-editorial.css, web-footer.css,
   style.css, legal.css), které se přímo needitují. Načítá se jako poslední <link>
   v <head> na všech čtyřech dotčených stránkách. Tokeny z assets/style.css :root. */

/* ── H4 · Erwen (#trh): figure.ha-mp__photo nemá vlastní radius/overflow,
   jen img ho má; video by bez override mělo hranaté rohy. ────────────────── */
.ha-mp__photo .av-live-video{border-radius:999px 999px 0 0}

/* ── H1 · o-spolecnosti / en/about: legal-person figure obaluje foto i
   figcaption, video smí krýt jen samotnou fotku → nový obal jen kolem <img>. ── */
.legal-person__photo{display:block;position:relative;overflow:hidden;border-radius:var(--radius-sm,6px)}
.legal-person__photo img{display:block;width:100%;height:auto;border-radius:0}

/* ── H2 · #tym: hover lift + zoom na obalu (scale obalu zvedne foto i živé video
   společně). Dýchání portrétů pryč, s videem se třáslo (Samuel 5. 10.). ── */
@media(prefers-reduced-motion:no-preference){
  @media(hover:hover){
    .home-team .ha-portrait{transition:transform 240ms var(--ease),box-shadow 240ms var(--ease)}
    .home-team .ha-people li:hover .ha-portrait{transform:translateY(-2px) scale(1.03);box-shadow:0 1px 2px rgba(12,26,21,.06),0 12px 28px rgba(12,26,21,.16)}
  }
}

/* ── hover/focus opravy (sonda hover/home.txt, 22 „NIC") ─────────────────── */

/* logo v hlavičce */
@media(prefers-reduced-motion:no-preference){
  @media(hover:hover){
    .hdr__mark{transition:opacity 200ms var(--ease)}
    .hdr__mark:hover{opacity:.82}
  }
}

/* „Co to znamená" na světlém podkladu (#manifest) */
@media(hover:hover){
  .editorial-detail summary{transition:color 240ms var(--ease)}
  .editorial-detail summary::after{transition:transform 240ms var(--ease)}
  .editorial-detail summary:hover{color:var(--brass-dim)}
  .editorial-detail summary:hover::after{transform:translateX(3px)}
}

/* „Jak postupujeme" na tmavém podkladu railu (#metodika) */
@media(hover:hover){
  #rail .editorial-detail summary:hover{color:var(--brass-bright)}
  #rail .editorial-detail summary:hover::after{transform:translateX(3px)}
}

/* rodokmen: Obě linie / Otcova linie / Matčina linie */
@media(hover:hover){
  .lineage-branches button{transition:border-color 240ms var(--ease),color 240ms var(--ease),box-shadow 240ms var(--ease)}
  .lineage-branches button:not([aria-pressed=true]):hover{border-color:var(--forest);color:var(--forest)}
  .lineage-branches button[aria-pressed=true]:hover{box-shadow:0 0 0 3px rgba(167,130,55,.35)}
}

/* rodokmen: pressed tlačítko generace (3. generace) nemá po stávajícím
   pravidlu (home-editorial.css) žádnou viditelnou změnu, protože border-color
   hoveru = border-color klidového pressed stavu → nový vizuální podnět. */
@media(hover:hover){
  .lineage-controls button{transition:box-shadow 240ms var(--ease)}
  .lineage-controls button[aria-pressed=true]:hover{box-shadow:0 0 0 3px rgba(167,130,55,.35)}
}

/* patička: odkaz Ochrana údajů v souhlasu formuláře */
@media(hover:hover){
  .ha-consent a{transition:color 240ms var(--ease)}
  .ha-consent a:hover{color:var(--brass-bright)}
}

/* patička: Právní informace a rizika */
@media(hover:hover){
  .hf-legal summary{transition:color 240ms var(--ease)}
  .hf-legal summary::after{transition:transform 240ms var(--ease),color 240ms var(--ease)}
  .hf-legal summary:hover{color:var(--cream)}
  .hf-legal summary:hover::after{color:var(--cream);transform:translateX(-3px)}
  .hf-legal[open] summary:hover::after{transform:translateX(-3px) rotate(45deg)}
}

/* ── živé fotky všude (Filip 30. 9. večer). video-enhance.js dá videu box,
   výřez a inline transform fotky; vrstvu, zaoblení, filtr a transformy ze
   stylopisu tady, jinak by video při prolnutí poskočilo nebo zakrylo text. ── */
.samuel-presence__photo--portrait>.av-live-video{transform:scale(1.7);transform-origin:50% 24%}
.ha-contact__photo .av-live-video{transform:scale(1.3);transform-origin:50% 22%}
.home-manifest .manifest-image>.av-live-video,.home-case-photo>.av-live-video{border-radius:999px 999px 0 0}
#rail .step>.av-live-video{z-index:-2;filter:saturate(.9) contrast(1.02);transition:transform 900ms var(--ease),filter 600ms var(--ease),opacity .9s cubic-bezier(.22,.61,.36,1)}
@media(prefers-reduced-motion:no-preference){
  #rail .step:hover>.av-live-video{transform:scale(1.04)}
  @media(hover:hover){#rail .step:hover>.av-live-video{filter:saturate(1) contrast(1.04)}}
}
/* Hero: app.js píše parallax inline (sync ho přenese), do té doby platí zoom ze style.css. Oblouk má vlastní vrstvu −2, gradient .hero::after zůstává nad videem. */
.hero__arch>.av-live-video{transform:scale(1.04)}
