/*
 * Site — About page.
 *
 * Loaded on is_page_template('page-about.php') via `site-page-about`
 * handle in theme/inc/60-enqueue.php. Template: page-about.php.
 *
 * Uses shared .team-grid from global.css. This module adds the motto
 * block above the team grid and the about-team container.
 */

/* Slim page-header on O nás (no crumbs, no lead) */
.page-header { padding-bottom: 24px; }

/* Motto block — full-width section above the team grid */
.motto-block {
  padding: 36px var(--gutter) calc(60px * var(--scale));
}
.motto {
  display: grid; grid-template-columns: minmax(0, 720px) 1fr;
  gap: 80px;
}
.motto p {
  /* Quote treated as display — linear scale on --scale. 28 × 0.9 ≈ 25px
     @1440 (matches the previous clamped value), 34px @1920. */
  font-size: calc(28px * var(--scale));
  line-height: 1.35; font-weight: 400;
  letter-spacing: -0.015em; color: var(--ink); text-wrap: balance;
}
.motto p em { color: var(--accent); font-style: italic; font-weight: 500; }
.motto .small {
  margin-top: 22px;
  font-size: calc(16px * var(--read-scale)); line-height: 1.6; color: var(--ink-dim); text-wrap: pretty;
}

/* Team — full page width, uses shared .team-grid from global.css */
.about-team {
  padding: 0 var(--gutter) calc(100px * var(--scale));
}
@media (max-width: 768px) {
  .motto-block { padding: 24px var(--gutter) 48px; }
  .motto { grid-template-columns: 1fr; gap: 24px; }
  .motto p { font-size: clamp(20px, 5.2vw, 24px); }
  .motto .small { margin-top: 16px; font-size: 15px; }
  .about-team { padding: 0 var(--gutter) 60px; }
}

/* Tablet (769–1024px) — motto stacks to a single column so the
   paragraph keeps a comfortable reading width. */
@media (min-width: 769px) and (max-width: 1024px) {
  .motto { grid-template-columns: 1fr; gap: 32px; }
}

/* v20.6 — Popis společnosti (obsah stránky vpravo od motta) zarovnaný
   do bloku v CZ i EN verzi — nezávisle na zarovnání nastaveném
   v editoru jednotlivých jazykových verzí. */
.motto-block .motto-prose p,
.motto-block .motto-prose li,
.motto-block .motto-prose .wp-block-paragraph {
  text-align: justify !important;
  text-align-last: left;
  hyphens: auto;
  -webkit-hyphens: auto;
  text-wrap: pretty;
}

/* v1.5.1 — Popis společnosti do bloku v CZ i EN — robustně:
   platí pro jakýkoli blok v obsahu stránky (odstavce, skupiny, sloupce,
   klasický editor) a přebíjí zarovnání nastavené v editoru dané jazykové
   verze (třídy has-text-align-*, inline style="text-align:…"). */
.motto-block .motto-prose,
.motto-block .motto-prose p,
.motto-block .motto-prose li,
.motto-block .motto-prose div,
.motto-block .motto-prose [class*="has-text-align"],
.motto-block .motto-prose [style*="text-align"] {
  text-align: justify !important;
  text-align-last: left;
  hyphens: auto;
  -webkit-hyphens: auto;
}

/* ═══ v1.5.5 — Popis společnosti = jednotné písmo webu (jako Štáb / Hrají),
   zarovnaný do bloku. Dříve dědil velikost motta (.motto p → 28 px). */
.motto-block .motto-prose p,
.motto-block .motto-prose li {
  font-size: var(--fs-text);
  font-weight: var(--text-weight);
  color: var(--text-color);
  line-height: var(--text-leading);
  letter-spacing: normal;
  text-wrap: wrap;
  text-align: justify !important;
  text-align-last: left;
  hyphens: auto; -webkit-hyphens: auto;
}
.motto-block .motto-prose p + p { margin-top: 16px; }
.motto-block .motto-prose ul,
.motto-block .motto-prose ol { padding-left: 1.2em; margin: 0 0 16px; }
@media (max-width: 768px) {
  .motto-block .motto-prose p,
  .motto-block .motto-prose li { font-size: var(--fs-text); }
}

/* ═══ v1.5.8 — Popis společnosti (obsah stránky vpravo) = stejné bílé
   písmo jako synopse — i když je text v editoru v jiném bloku (skupina,
   sloupce, klasický editor) nebo má nastavenou barvu / velikost. ═══ */
.motto-block .motto-prose,
.motto-block .motto-prose :is(p, li, div, span, strong, em, h2, h3, h4, blockquote) {
  font-size: var(--fs-text) !important;
  font-weight: var(--text-weight);
  color: var(--text-color) !important;
  line-height: var(--text-leading);
  letter-spacing: normal;
  font-style: normal;
}
.motto-block .motto-prose strong { font-weight: 600; }
.motto-block .motto-prose a { color: var(--accent) !important; }
.motto-block .motto-prose a:hover { color: var(--ink) !important; }

/* ═══ v1.6.0 — Profil společnosti (ACF „Profil společnosti“, dříve
   „Podtitulek motta“) — stejné bílé písmo jako synopse, do bloku. ═══ */
.motto .company-profile { margin-top: 22px; }
.motto .company-profile p {
  font-size: var(--fs-text);
  font-weight: var(--text-weight);
  color: var(--text-color);
  line-height: var(--text-leading);
  letter-spacing: normal;
  text-wrap: wrap;
  text-align: justify;
  text-align-last: left;
  hyphens: auto; -webkit-hyphens: auto;
  margin: 0;
}
.motto .company-profile p + p { margin-top: 16px; }
@media (max-width: 768px) {
  .motto .company-profile { margin-top: 16px; }
  .motto .company-profile p { font-size: var(--fs-text); }
}