/*
Theme Name: Kohajda do Senátu
Theme URI: https://kohajda.cz/
Author: MKMV advisory group
Author URI: https://mkmv.cz
Description: Kampaňové téma pro Michaela Kohajdu do Senátu. Postaveno na vizuální identitě Noví lidovci (signální žlutá, černá, bílá; Owners X Narrow + Inter). Klasické PHP téma, SEO-ready. Funkce videovzkazů dodává samostatný plugin „Kohajda – Videovzkazy".
Version: 1.0.5
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: kohajda
*/

/* Skutečné vizuální styly jsou v assets/css/kohajda.css (enqueue ve functions.php).
   Tento soubor obsahuje jen povinnou hlavičku tématu a drobné doplňky pro WP. */

/* WP admin bar nesmí překrýt sticky header */
html { scroll-padding-top: 84px; }

/* Hlavní navigace: WP vypisuje položky přes Kohajda_Nav_Walker jako holé <a>.
   Pro jistotu (kdyby walker nebyl použit) potlačíme i případné <li>/<ul> markery. */
.main-nav ul { display: contents; list-style: none; margin: 0; padding: 0; }
.main-nav li { list-style: none; margin: 0; padding: 0; }
.main-nav .current-menu-item > a,
.main-nav .current_page_item > a { color: var(--ink-900); border-bottom-color: var(--nl-yellow); }

/* Mobilní rozbalovací menu: plná bílá bez „glassy" blur efektu. */
@media (max-width: 860px) {
  .main-nav {
    background: var(--ink-000);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  /* Hero carousel: ořez pozadí dle volby v Customizeru (proměnná --focus-m). */
  .hero-slide__bg { background-position: var(--focus-m, center top); }
}

/* Desktop: trochu vyšší hero carousel na úvodní stránce. */
@media (min-width: 861px) {
  .hero-carousel { min-height: clamp(720px, 90vh, 940px); }
}

/* „Kdo jsem" — úvodní blok. Desktop: foto vlevo, text vpravo. */
.about-intro { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 56px; align-items: start; }
@media (max-width: 860px) {
  /* Mobil: velká fotka nahoře, text pod ní. */
  .about-intro { grid-template-columns: 1fr; gap: 22px; }
  .about-intro__media .photo { width: 100%; aspect-ratio: 4 / 5; min-height: 0; }
}

/* Mobil: hero text + tlačítka posunout níž, ať víc vyniknou fotky na pozadí. */
@media (max-width: 860px) {
  .hero-slide { align-items: flex-end; }
  .hero-slide__content { padding-block: 24px 64px; }
}

/* Pozn.: zrcadlení živého náhledu (selfie), nezrcadlení záznamu a GPU layer-promotion
   (proti blikání na iOS Safari) řeší kohajda.css (.vrec__viewport video / .is-playback).
   Dřív tu byl override „transform: none“, který zrcadlení i anti-strobo opravu rušil. */

/* Rekordér na mobilu: na obrazovku se musí vejít NÁHLED kamery i tlačítko
   spuštění/zastavení současně. Zkrátíme proto výšku náhledu a stáhneme mezery. */
@media (max-width: 600px) {
  /* Náhled kamery na výšku 9:16 (jako výsledné video), vycentrovaný; výšku
     omezíme, ať se vedle náhledu vejde i tlačítko pro spuštění/zastavení. */
  .vrec__viewport { aspect-ratio: 9 / 16; max-height: 58vh; margin-inline: auto; }
  .vwiz__lead { margin-bottom: 14px; }
  .vwiz__lead-title { font-size: clamp(26px, 7vw, 34px); }
  .vwiz__hint { margin-top: 10px; font-size: 13px; }
  .vwiz__rec-row { margin-top: 10px; }
  .vwiz__cta-label { margin-top: 6px; }

  /* Tři kroky: vejít do karty (jinak „Hotovo" přetéká vpravo). */
  .vwiz__steps { margin-bottom: 16px; flex-wrap: nowrap; }
  .vwiz__pstep { font-size: 12px; gap: 6px; }
  .vwiz__pnum { width: 22px; height: 22px; font-size: 12px; }
  .vwiz__pstep:not(:last-child)::after { width: 12px; margin: 0 6px; }
}
@media (max-width: 600px) and (max-height: 720px) {
  /* Nižší telefony: ještě kompaktnější náhled, ať tlačítko zůstane v dosahu. */
  .vrec__viewport { max-height: 50vh; }
}
@media (max-width: 380px) {
  /* Velmi úzké telefony: schovat spojovací čárky, ať se kroky vejdou. */
  .vwiz__pstep:not(:last-child)::after { display: none; }
  .vwiz__steps { gap: 10px; }
}

/* WP zarovnání obrázků v obsahu článku */
.article__body .aligncenter { display:block; margin-left:auto; margin-right:auto; }
.article__body .alignright { float:right; margin:0 0 1rem 1.5rem; }
.article__body .alignleft { float:left; margin:0 1.5rem 1rem 0; }
.article__body img { max-width:100%; height:auto; }
.article__body figure { margin: 1.5rem 0; }
.article__body figcaption { font-size:13px; color:var(--ink-600); margin-top:6px; }

/* Stránkování výpisu */
.pagination { display:flex; gap:8px; justify-content:center; margin-top:48px; flex-wrap:wrap; }
.pagination .page-numbers { display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 12px; border:2px solid var(--ink-900); background:#fff; font-weight:700; text-decoration:none; color:var(--ink-900); border-radius:4px; }
.pagination .page-numbers.current { background:var(--nl-yellow); }
.pagination .page-numbers:hover { background:var(--ink-100); }