/*
Theme Name: AUTOMATUŠKA
Theme URI: https://automatuska.cz
Author: MG Web
Description: Klasická PHP šablona pro AUTOMATUŠKA - chladírenská a mrazírenská přeprava. Sedmý web skupiny Kamadotrans.
Version: 0.14.7
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: automatuska
*/

/* ==========================================================================
   TOKENY

   Plocha webu je ZÁMĚRNĚ achromatická. Jediná barva na stránce je teplota -
   kde svítí --c-mraz, tam se mluví o stupních. Není to firemní barva, je to
   údaj. Důvod je v design-spec.md kapitola 3: rodina má obsazenou modř
   (tachografy #0067FF), petrol i azurovou (rozcestník), červenou (pneuservis)
   a oranžovou (jeřáby), takže odstín, po kterém by u chladíren člověk sáhl
   první, je dvakrát blokovaný - sourozenci i tím, že ho v oboru používá každý.

   ⚠️ Kdo sem přidá druhý barevný akcent, zruší tím celý koncept.
   ========================================================================== */
/* Písma jsou hostovaná v theme (assets/fonts), ne z Google Fonts: Google by
   před souhlasem s cookies dostal IP návštěvníka a CSS z něj je navíc
   render-blocking request. Archivo a Plus Jakarta Sans jsou variabilní
   soubory, jeden soubor nese všechny použité tloušťky. */
@font-face {
  font-family: "Anton";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/anton-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Anton";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/anton-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fonts/archivo-500-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/fonts/archivo-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/archivo-500-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("assets/fonts/archivo-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/plus-jakarta-sans-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fonts/plus-jakarta-sans-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/plus-jakarta-sans-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/fonts/plus-jakarta-sans-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* --- sdílená základna skupiny, neměnit --- */
  --c-bg: #F3F2EF;
  --c-surface: #FFFFFF;
  --c-ink: #15171C;          /* na --c-bg = 15,9:1 */
  --c-muted: #5C636E;        /* na --c-bg = 5,9:1 */

  /* --- teplota: jediná barva na webu --- */
  /* POZOR: odstín prošel až napotřetí. #0A7B8C dávalo 4,44:1, tedy těsně pod
     prahem - na obrazovce to nepoznáš, ve zkoušce to propadne.
     Kdo bude odstín ladit, MUSÍ přeměřit. Měřeno 2026-09-07. */
  --c-mraz: #08707F;         /* na --c-bg = 5,16:1 · bílá na něm = 5,78:1 (obojí AA) */
  --c-mraz-hluboky: #04353D; /* bílá na něm = 13,3:1 - tmavé plochy a pásmo pod -20 °C */
  /* ⚠️ POUZE NA TMAVÉM PODKLADU. Je to tentýž odstín teploty, jen posunutý
     do světla, aby fungoval tam, kde --c-mraz nefunguje: na --c-mraz-hluboky
     má totiž --c-mraz jen 2,30:1, takže wordmark v patičce by s ním propadl
     i pro velký text. Tenhle má na hlubokém 5,59:1 (AA i pro drobný text).
     Na papíru má naopak 2,12:1 - tam ho NEPOUŽÍVAT. Měřeno 2026-09-10.
     Není to druhý akcent: gradient teplotní osy tenhle úsek škály už jede. */
  --c-mraz-svetly: #4FB6C6;

  /* --- jinovatka: mrazivé neutrály --- */
  /* ⚠️ --c-jinovatka má na papíru 1,14:1. Je to VÝPLŇ, nikdy ne linka, která
     něco dělí, a nikdy ne text. Na dělení a hranice prvků je varianta -silna,
     ta má 3,15:1 a plní WCAG 2.2 / 1.4.11. */
  --c-jinovatka: #DCE6E6;
  --c-jinovatka-silna: #748D90;

  --c-line: rgba(21, 23, 28, .12);
  --c-line-pole: #748D90;    /* hranice inputu, 1.4.11 chce 3:1 - tohle má 3,15:1 */

  /* --- písmo: rodina skupiny, beze změny --- */
  /* Anton nese wordmark A velká čísla teplot. Čtvrté písmo na čísla se
     vědomě nepřidává: rodina povoluje tři a mono na datové popisky je vzor,
     podle kterého se pozná generovaná stránka. Viz design-spec.md 4. */
  --font-hero: "Anton", "Archivo", system-ui, sans-serif;
  --font-head: "Archivo", system-ui, sans-serif;
  --font-body: "Plus Jakarta Sans", system-ui, sans-serif;

  --r-lg: .75rem;
  --r-md: .375rem;
  --r-sm: .1875rem;

  --maxw: 1180px;

  /* Tři tempa. Jedno tempo = stránka splyne v jeden svitek. */
  --sp-tesna: clamp(2.75rem, 5vw, 4rem);
  --sp-bezna: clamp(4rem, 7.5vw, 6.5rem);
  --sp-vzdusna: clamp(5.5rem, 11vw, 9.5rem);

  --fs-micro: .75rem;
  --fs-sm: .875rem;
  --fs-base: 1rem;
  --fs-md: 1.0625rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.75rem;
  --fs-2xl: clamp(1.9rem, 4.2vw, 2.9rem);
  --fs-hero: clamp(2.1rem, 5.6vw, 3.9rem);
  /* Čísla teplot. Nesmí pod 1.75rem - pod tím přestanou být údajem
     na přístroji a stanou se popiskou. */
  --fs-stupne: clamp(1.75rem, 4.4vw, 3.1rem);

  --ease: cubic-bezier(.32, .72, 0, 1);
}

/* ==========================================================================
   RESET
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--c-bg);
  color: var(--c-ink);
  font-family: var(--font-body);
  font-size: var(--fs-base);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  /* Bez tohohle se čísla na teplotní stupnici při překreslení klepou -
     proporcionální číslice mají každá jinou šířku. */
  font-variant-numeric: tabular-nums;
}

h1, h2, h3, h4 {
  margin: 0 0 .5em;
  font-family: var(--font-head);
  line-height: 1.1;
  text-wrap: balance;
}

h1 { font-size: var(--fs-hero); }
h2 { font-size: var(--fs-2xl); }
h3 { font-size: var(--fs-xl); }

p { margin: 0 0 1em; max-width: 68ch; }  /* pod 80 znaků na řádek */

img, svg, video { max-width: 100%; height: auto; display: block; }

a { color: var(--c-mraz); }

/* Nikdy outline:none bez náhrady. */
:focus-visible {
  outline: 3px solid var(--c-mraz);
  outline-offset: 2px;
}

/* ==========================================================================
   LAYOUT
   ========================================================================== */
.amt-obal {
  width: 100%;
  max-width: var(--maxw);
  margin-inline: auto;
  padding-inline: clamp(1rem, 4vw, 2rem);
}

.amt-sekce { padding-block: var(--sp-bezna); }
.amt-sekce--vzdusna { padding-block: var(--sp-vzdusna); }
.amt-sekce--tesna { padding-block: var(--sp-tesna); }

/* ==========================================================================
   SKIP LINK
   ========================================================================== */
.amt-preskocit {
  position: absolute;
  left: -9999px;
  z-index: 999;
  padding: .75rem 1.25rem;
  background: var(--c-ink);
  color: #fff;
  border-radius: 0 0 var(--r-md) 0;
}
.amt-preskocit:focus {
  left: 0;
  top: 0;
}

/* ==========================================================================
   HLAVIČKA
   ========================================================================== */
/* ⚠️ LEPIVÁ, jako u všech tří sourozenců. Do 10. 9. 2026 byla jediná
   ve skupině `static`, takže na dlouhých stránkách (úvodní má přes
   6 000 px) zmizel telefon i navigace hned po prvním otočení kolečka.
   Poloprůhledné pozadí a rozostření jsou převzaté beze změny, aby
   se hlavičky napříč skupinou chovaly stejně. */
.amt-hlavicka {
  position: sticky;
  top: 0;
  z-index: 100;
  border-bottom: 1px solid var(--c-line);
  background: rgba(243, 242, 239, .88);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.amt-hlavicka__obal {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  min-height: 4.5rem;
}

.amt-logo {
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-lg);
  text-decoration: none;
  color: var(--c-ink);
  margin-right: auto;
}

.amt-menu { display: flex; gap: 1.5rem; }
.amt-menu a {
  color: var(--c-ink);
  text-decoration: none;
  font-size: var(--fs-sm);
}
.amt-menu a:hover { color: var(--c-mraz); }

.amt-hamburger { display: none; }

/* ==========================================================================
   TLAČÍTKA
   ========================================================================== */
.amt-tlacitko {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.5rem;
  border: 1px solid transparent;
  border-radius: var(--r-md);
  font-family: var(--font-head);
  font-weight: 600;
  font-size: var(--fs-sm);
  text-decoration: none;
  cursor: pointer;
  transition: background-color .18s var(--ease), transform .18s var(--ease);
}

.amt-tlacitko--primarni {
  background: var(--c-ink);
  color: #fff;
}
.amt-tlacitko--primarni:hover { background: var(--c-mraz-hluboky); }

.amt-tlacitko--sekundarni {
  background: transparent;
  color: var(--c-ink);
  border-color: var(--c-line-pole);
}

/* ==========================================================================
   PATIČKA
   ========================================================================== */
.amt-paticka {
  border-top: 1px solid var(--c-line);
  background: var(--c-surface);
  /* ⚠️ Padding nese __obal, ne tenhle blok. Do 10. 9. 2026 ho měly OBA
     a sčítal se: nad prvním slovem patičky zbylo 168 px prázdna a pod
     copyrightem 128 px. Spodek stránky proto vypadal, že tam něco chybí. */
  padding-block: 0;
  font-size: var(--fs-sm);
  color: var(--c-muted);
}

/* ==========================================================================
   MOBIL
   ========================================================================== */
@media (max-width: 768px) {
  .amt-hamburger {
    display: inline-flex;
    padding: .625rem 1rem;
    background: transparent;
    border: 1px solid var(--c-line-pole);
    border-radius: var(--r-md);
    font: inherit;
    font-size: var(--fs-sm);
    cursor: pointer;
  }

  .amt-menu {
    display: none;
    position: absolute;
    inset: 4.5rem 0 auto;
    flex-direction: column;
    gap: 0;
    padding: 1rem clamp(1rem, 4vw, 2rem);
    background: var(--c-bg);
    border-bottom: 1px solid var(--c-line);
  }
  .amt-menu.je-otevrene { display: flex; }
  .amt-menu a { padding-block: .875rem; }
}

/* ==========================================================================
   REDUCED MOTION
   Povinné u každé animace.
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ==========================================================================
   WORDMARK
   Rodinné gesto skupiny: dělené slovo v Antonu s tečkou na konci, stejně jako
   PNEU|MATUŠKA a JEŘÁBY|MATUŠKA. Tečka je tu ale navíc teploměr - je to jediné
   místo v hlavičce, kde se objeví barva.
   ========================================================================== */
.amt-znacka {
  display: grid;
  gap: .1rem;
  margin-right: auto;
  text-decoration: none;
  color: var(--c-ink);
}
.amt-znacka__radek {
  font-family: var(--font-hero);
  font-size: clamp(1.35rem, 3.2vw, 1.75rem);
  line-height: 1;
  letter-spacing: .01em;
}
.amt-znacka__auto { color: var(--c-ink); }
.amt-znacka__matuska { color: var(--c-mraz); }
.amt-znacka__tecka { color: var(--c-mraz); }
.amt-znacka__obor {
  font-family: var(--font-head);
  font-weight: 500;
  font-size: var(--fs-micro);
  letter-spacing: .08em;
  color: var(--c-muted);   /* 5,9:1 na papíru */
}
.amt-hlavicka__obal { min-height: 5rem; }

/* ==========================================================================
   TEPLOTNÍ STUPNICE

   Pruh NENÍ ozdobný přechod - je to stupnice, a proto přes něj jdou pravidelné
   rysky po dvou stupních. Bez rysek by z toho byl gradient jako výplň, což je
   přesně ten vzor, podle kterého se pozná generovaná stránka. S ryskami je to
   přístroj.
   ========================================================================== */
.amt-osa { margin: 0; }

.amt-osa__titulek {
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-micro);
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--c-muted);
  margin-bottom: 1rem;
}

.amt-osa__telo {
  position: relative;
  /* Místo nad pruhem i pod ním na popisky - ty se střídají, aby se
     u -18 a -20 °C nepřekrývaly. Ty dva body dělí jen 5 % šířky. */
  padding-block: 5.25rem;
}

.amt-osa__pas {
  height: 2.75rem;
  border-radius: var(--r-sm);
  background:
    /* rysky po dvou stupních: 38 stupňů rozsahu / 2 = 19 dílků */
    repeating-linear-gradient(
      to right,
      rgba(255, 255, 255, .5) 0 1px,
      transparent 1px calc(100% / 38)
    ),
    linear-gradient(to right, var(--c-jinovatka) 0%, var(--c-mraz) 62%, var(--c-mraz-hluboky) 100%);
  box-shadow: inset 0 0 0 1px rgba(21, 23, 28, .1);
  transform-origin: left center;
}

/* Jediný orchestrovaný moment na stránce: stupnice se jednou vykreslí
   zleva doprava, body se rozsvěcejí ve chvíli, kdy k nim pruh doběhne,
   a póly naskočí nakonec. Žádné fade-up na ostatních sekcích.

   ⚠️ SPOUŠTÍ SE AŽ PŘI SCROLLU DO ZÁBĚRU, ne při načtení stránky.
   Do 9. 9. 2026 běžela animace hned po načtení - jenže stupnice má od
   přestavby hero (v0.6.0) vlastní sekci pod fotkou, takže než na ni
   návštěvník dorolloval, bylo dávno po ní. Třídu .je-vykreslena přidává
   IntersectionObserver v js/app.js.

   ⚠️ VÝCHOZÍ STAV JE VIDITELNÝ. Bez JavaScriptu se třída nepřidá a stupnice
   je prostě celá - nesmí zůstat schovaná, je to obsah, ne ozdoba.

   ⚠️ Pruh se odkrývá `clip-path`, ne `scaleX`. Přes něj jdou rysky po dvou
   stupních a scaleX by je při vykreslování stlačil - pruh by se roztahoval
   jako guma místo aby se plnil jako přístroj. clip-path nespouští přepočet
   rozvržení, takže pravidlo „jen transform a opacity" tím není porušené
   v tom, o co mu jde. */
@keyframes amt-vykresli {
  from { clip-path: inset(0 100% 0 0); }
  to   { clip-path: inset(0 0 0 0); }
}
@keyframes amt-bod-nasvit {
  from { opacity: 0; transform: translateY(5px); }
  to   { opacity: 1; transform: none; }
}
@keyframes amt-pol-nasvit {
  from { opacity: 0; transform: translateY(7px); }
  to   { opacity: 1; transform: none; }
}

/* ⚠️ Pruh jede LINEÁRNĚ, ne přes --ease. Sdílená křivka je hodně
   front-loaded: pruh byl po 60 % času vykreslený z 98 % a pak už jen
   dojížděl. Body přitom mají zpoždění spočítané lineárně z pozice na ose,
   takže se rozsvěcely dávno potom, co je pruh minul - efekt „přístroj se
   plní" se tím rozpadl. Lineární pruh drží obojí v souladu a u měřidla
   je to i správně: ručička nezrychluje. */
.amt-osa--hero.je-vykreslena .amt-osa__pas {
  animation: amt-vykresli .95s linear .25s both;
}
.amt-osa--hero.je-vykreslena .amt-osa__bod {
  /* --zpozdeni počítá PHP z pozice bodu na ose (viz stupnice.php),
     aby se bod rozsvítil přesně když k němu pruh doběhne. */
  animation: amt-bod-nasvit .45s var(--ease) var(--zpozdeni, .5s) both;
}
.amt-osa--hero.je-vykreslena .amt-osa__pol {
  animation: amt-pol-nasvit .55s var(--ease) both;
}
/* Teplý pól je na začátku pruhu, studený na konci - naskočí v tom pořadí. */
.amt-osa--hero.je-vykreslena .amt-osa__pol--teplo { animation-delay: .45s; }
.amt-osa--hero.je-vykreslena .amt-osa__pol--zima  { animation-delay: 1.15s; }

.amt-osa__body {
  list-style: none;
  margin: 0;
  padding: 0;
}
.amt-osa__bod {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--pozice);
  width: 0;
}
/* Svislá ryska bodu protíná pruh, aby bylo vidět, KAM na stupnici ukazuje.
   ⚠️ Ryska protíná pruh VŽDY STEJNĚ, i u bodů, jejichž popisek jde pod pruh.
   Když se střídala spolu s popiskem, ukazovaly ryska a popisek na opačné
   strany a u -18 °C to vypadalo jako dva různé body. */
.amt-osa__bod::before {
  content: "";
  position: absolute;
  top: 4.25rem;
  height: 4.5rem;
  border-left: 2px solid var(--c-ink);
}
/* Hranice FRC leží vždycky v tmavé části pruhu (-20 °C), takže inkoustová
   ani teal ryska tam nejsou vidět. Světlá ano - a je to nejdůležitější
   značka na celé stupnici, takže musí být čitelná. */
.amt-osa__bod--frc::before {
  border-left-color: var(--c-bg);
  border-left-width: 3px;
}

.amt-osa__bod-stupne,
.amt-osa__bod-nazev,
.amt-osa__bod-popis {
  position: absolute;
  left: 0;
  width: 13rem;
  transform: translateX(-50%);
  text-align: center;
  display: block;
}
.amt-osa__bod-stupne {
  bottom: calc(100% - 3.4rem);
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-sm);
  color: var(--c-ink);
}
.amt-osa__bod-nazev {
  bottom: calc(100% - 4.6rem);
  font-family: var(--font-head);
  font-weight: 500;
  font-size: var(--fs-micro);
  color: var(--c-muted);
}
.amt-osa__bod-popis { display: none; }
.amt-osa__bod--frc .amt-osa__bod-stupne { color: var(--c-mraz); }

/* Sudé body mají POPISEK pod pruhem. U -18 a -20 °C je mezi nimi jen 5 %
   šířky stupnice, takže vedle sebe se nevejdou. Střídání je řešení, ne ozdoba.
   Ryska zůstává na stejném místě - viz výš. */
.amt-osa__bod:nth-child(even) .amt-osa__bod-stupne { bottom: auto; top: calc(100% - 3.4rem); }
.amt-osa__bod:nth-child(even) .amt-osa__bod-nazev  { bottom: auto; top: calc(100% - 2.2rem); }

.amt-osa__poly {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: .5rem;
}
.amt-osa__pol { margin: 0; display: flex; align-items: baseline; gap: .4rem; max-width: none; }
.amt-osa__pol--zima { text-align: right; }
.amt-osa__pol b {
  font-family: var(--font-hero);
  font-weight: 400;
  font-size: var(--fs-stupne);
  line-height: 1;
}
.amt-osa__pol--teplo b { color: var(--c-ink); }
.amt-osa__pol--zima b  { color: var(--c-mraz); }
.amt-osa__pol span {
  font-family: var(--font-head);
  font-weight: 500;
  font-size: var(--fs-sm);
  color: var(--c-muted);
}

/* Na úzké obrazovce se proporční umístění popisků VZDÁVÁME.
   Zkoušel jsem stupnici otočit na svislou, ale -18 a -20 °C dělí 5 % délky:
   na 390px obrazovce je to 18 px, zatímco dvouřádkový popisek měří 32 px.
   Ležely přes sebe i přes pruh. Aby se to vešlo proporčně, musela by být
   stupnice přes 700 px vysoká.

   Pruh proto na mobilu zůstává vodorovný a jen ukazuje rozsah; body se
   vypíšou pod ním jako seznam. Přesná pozice je desktopový luxus, ne
   podstata sdělení - to je "od +10 do -28 a FRC končí dřív". */
@media (max-width: 720px) {
  .amt-osa__telo { padding-block: 0; }
  .amt-osa__pas { height: 2rem; }

  .amt-osa__body {
    display: grid;
    gap: .85rem;
    margin-top: 1.25rem;
  }
  .amt-osa__bod {
    position: static;
    width: auto;
    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr);
    gap: 0 .75rem;
    align-items: baseline;
    padding-left: .85rem;
    border-left: 3px solid var(--c-ink);
  }
  .amt-osa__bod--frc { border-left-color: var(--c-mraz); }
  .amt-osa__bod::before { content: none; }

  .amt-osa__bod-stupne,
  .amt-osa__bod-nazev,
  .amt-osa__bod-popis,
  .amt-osa__bod:nth-child(even) .amt-osa__bod-stupne,
  .amt-osa__bod:nth-child(even) .amt-osa__bod-nazev {
    position: static;
    top: auto;
    bottom: auto;
    width: auto;
    transform: none;
    text-align: left;
    display: block;
  }
  .amt-osa__bod-stupne { grid-column: 1; }
  .amt-osa__bod-nazev  { grid-column: 2; }
  /* Na mobilu je místo na vysvětlení, na desktopu by to přeplnilo stupnici. */
  .amt-osa__bod-popis {
    grid-column: 2;
    font-size: var(--fs-micro);
    color: var(--c-muted);
  }

  .amt-osa__poly { margin-top: 1.5rem; }
  .amt-osa__pol--zima { text-align: left; }
}

/* ==========================================================================
   HLAVIČKA SEKCE
   ========================================================================== */
.amt-sekce__hlava { max-width: 46rem; margin-bottom: clamp(2.25rem, 4.5vw, 3.25rem); }
.amt-sekce__hlava h2 {
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-2xl);
  letter-spacing: -.015em;
}
.amt-sekce__perex { color: var(--c-muted); font-size: var(--fs-md); }

/* ==========================================================================
   KOMODITY - společné pro mřížku karet
   Mikro stupnice ukazuje, KDE na rozsahu +10 až -28 °C komodita leží -
   stejná osa jako v hero, takže se čísla dají porovnat mezi sebou
   i proti tomu, co technika umí.

   ⚠️ Rozvržení karet je až v sekci „KOMODITY - mřížka karet" níž. Původní
   řádkové rozvržení (v0.1.0) je smazané: klient 8. 9. 2026 namítl, že je
   to dlouhý seznam, a měl pravdu.
   ========================================================================== */
.amt-komodity { background: var(--c-surface); }

.amt-komodita__pas {
  position: relative;
  height: .55rem;
  border-radius: var(--r-sm);
  background: var(--c-jinovatka);
  box-shadow: inset 0 0 0 1px rgba(21, 23, 28, .08);
}
.amt-komodita__vysek {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--leva);
  /* Jednostranná mez má nulovou šířku. Minimum 3 px z ní udělá rysku,
     která je pořád vidět. */
  width: max(3px, var(--sirka));
  border-radius: inherit;
  background: var(--c-mraz);
}
.amt-komodita--mrazene .amt-komodita__vysek { background: var(--c-mraz-hluboky); }

.amt-komodita__zdroj {
  margin: .3rem 0 0;
  font-family: var(--font-head);
  font-weight: 500;
  font-size: var(--fs-micro);
  color: var(--c-muted);
  max-width: none;
}
/* Kde zdrojem není předpis, ale praxe výrobce, musí to být poznat -
   jinak to vypadá jako zákon. */
.amt-komodita__zdroj--praxe { font-style: italic; }

.amt-komodity__pozn {
  margin-top: clamp(1.75rem, 3.5vw, 2.5rem);
  max-width: 60ch;
  color: var(--c-muted);
  font-size: var(--fs-sm);
}

/* ==========================================================================
   PATIČKA
   ========================================================================== */
.amt-paticka { background: var(--c-mraz-hluboky); color: #fff; border-top: 0; }
.amt-paticka__obal {
  display: grid;
  gap: 2.5rem;
  padding-block: var(--sp-tesna);
}
/* ⚠️ Pevné tři sloupce, ne auto-fit. Auto-fit s minmax(15rem) sázel čtyři
   sloupce na 15rem a blok se značkou se do nich nevešel; sloupec se
   značkou musí být širší než menu. */
@media (min-width: 860px) {
  .amt-paticka__obal { grid-template-columns: 1.5fr 1fr 1fr; gap: 3rem; }
}
/* Mezistupeň pro tablet. Bez něj byla patička mezi 600 a 860 px jednosloupcová
   a měřila přes 700 px výšky - blok se značkou, dispečink i menu pod sebou. */
@media (min-width: 600px) and (max-width: 859.98px) {
  .amt-paticka__obal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .amt-paticka__blok--znacka { grid-column: 1 / -1; }
}
.amt-paticka p { color: rgba(255, 255, 255, .82); margin: 0 0 .75rem; max-width: 34ch; }
.amt-paticka p:last-child { margin-bottom: 0; }
.amt-paticka a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
/* .amt-paticka__firma zrušena 10. 9. 2026 - název firmy je teď součástí
   bloku se značkou (.amt-paticka__udaje), ne samostatný tučný řádek. */
.amt-paticka__nadpis {
  font-family: var(--font-head);
  font-weight: 700;
  color: #fff !important;
}
.amt-paticka__nadpis {
  font-size: var(--fs-micro);
  letter-spacing: .11em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .7) !important;
}
/* Spodní řádek. Leží uvnitř mřížky patičky, aby jeho linka končila přesně
   tam, kde končí sloupce - dokud měl vlastní .amt-obal, přesahovala je
   o 33 px na každou stranu (padding-inline obalu). */
.amt-paticka__spodek {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .35rem 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, .16);
  padding-top: 1.25rem;
}
/* ⚠️ max-width: none je tu nutné. Zděděných 34ch z .amt-paticka p vycházelo
   na 299 px, takže se řádek „© 2026 KAMADOTRANS spol. s r.o. · Ochrana
   osobních údajů" lámal na dva, přestože měl k dispozici 1180 px. */
.amt-paticka__spodek p { font-size: var(--fs-micro); margin: 0; max-width: none; }

/* ⚠️ Do 11. 9. 2026 tu stálo `.amt-hlavicka__tel { display: none }`, takže
   telefon z hlavičky mizel přesně tam, kde se na něj dá klepnout a rovnou
   volat. Ostatní čtyři weby skupiny ho na mobilu drží. Wordmark je tu ale
   široký (233 px i s podřádkem), takže se celé číslo vedle Menu nevejde -
   pod 768 px zůstane jen sluchátko jako kolečko 44×44, což je zároveň
   doporučená velikost dotykového cíle. Číslo zůstává v DOM jako skrytý
   text (clip-path, ne display:none), takže ho odečítač pořád přečte. */
@media (max-width: 768px) {
  .amt-hlavicka__tel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 999px;
    flex: 0 0 auto;
  }
  .amt-hlavicka__tel-text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
.amt-hlavicka__tel-ikona { display: none; }
.amt-hlavicka__tel-ikona svg { width: 1.15rem; height: 1.15rem; display: block; }
@media (max-width: 768px) {
  .amt-hlavicka__tel-ikona { display: block; }
}

/* ==========================================================================
   DROBEČKY
   Podstránky jsou vstupní body z vyhledávače, takže návštěvník musí poznat,
   kde je. Dvě úrovně stačí - hlubší strom web nemá.
   ========================================================================== */
.amt-drobecky {
  padding-block: 1rem .25rem;
  font-size: var(--fs-micro);
  color: var(--c-muted);
}
.amt-drobecky ol {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.amt-drobecky li + li::before {
  content: "/";
  margin-right: .4rem;
  color: var(--c-jinovatka-silna);
}
.amt-drobecky a { color: var(--c-muted); }

/* ==========================================================================
   HLAVIČKA PODSTRÁNKY
   ========================================================================== */
.amt-hlava { padding-block: clamp(2rem, 4vw, 3.25rem) var(--sp-tesna); }
.amt-hlava__nadpis {
  font-family: var(--font-head);
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.06;
  max-width: 20ch;
  margin-bottom: 1rem;
}
.amt-hlava__perex {
  font-size: var(--fs-md);
  color: var(--c-muted);
  max-width: 60ch;
}

/* Štítek s teplotou. Jediné místo na podstránce, kde se objeví barva -
   a je to údaj, ne ozdoba. --c-mraz na papíru = 5,16:1 (AA i pro 12px). */
.amt-stitek {
  margin: 0 0 .75rem;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-micro);
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--c-mraz);
}

/* ==========================================================================
   PRUH - druhá plocha
   Střídání papíru a bílé je jediný způsob, jak na achromatické stránce
   oddělit sekce bez linek a bez druhé barvy.
   ========================================================================== */
.amt-pruh { background: var(--c-surface); }

/* ==========================================================================
   REŽIMY - rozcestí chlazené / mražené
   Barva karty JE teplota: chlazené dostane --c-mraz, mražené tmavší pól.
   Není to dekorace, je to tentýž kód jako na stupnici.
   ========================================================================== */
.amt-rezimy__seznam {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}
.amt-rezim__odkaz {
  display: grid;
  gap: .35rem;
  height: 100%;
  padding: 1.5rem 1.5rem 1.75rem;
  border-radius: var(--r-lg);
  text-decoration: none;
  color: #fff;
  transition: transform .18s var(--ease);
}
.amt-rezim--chlazene .amt-rezim__odkaz { background: var(--c-mraz); }        /* bílá na něm 5,78:1 */
.amt-rezim--mrazene  .amt-rezim__odkaz { background: var(--c-mraz-hluboky); } /* bílá na něm 13,3:1 */
.amt-rezim__odkaz:hover { transform: translateY(-2px); }
.amt-rezim__rozsah {
  font-family: var(--font-hero);
  font-weight: 400;
  font-size: clamp(1.5rem, 3.4vw, 2.1rem);
  line-height: 1;
}
.amt-rezim__nazev {
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-lg);
}
.amt-rezim__perex {
  font-size: var(--fs-sm);
  color: rgba(255, 255, 255, .88);
  max-width: 40ch;
}

/* ==========================================================================
   BLOKY - čtyři důvody, čtyři body
   ========================================================================== */
.amt-bloky {
  display: grid;
  gap: 2rem 2.5rem;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
}
.amt-blok__nazev {
  margin: 0 0 .4rem;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-md);
}
.amt-blok__popis { margin: 0; color: var(--c-muted); font-size: var(--fs-sm); max-width: 42ch; }

/* ==========================================================================
   ÚDAJE - park v číslech
   Čísla v Antonu, aby vypadala jako údaj na přístroji.
   ========================================================================== */
.amt-udaje {
  display: grid;
  gap: 2rem 2.5rem;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}
.amt-udaj { border-top: 2px solid var(--c-jinovatka-silna); padding-top: 1rem; }
.amt-udaj__cislo {
  margin: 0 0 .25rem;
  font-family: var(--font-hero);
  font-weight: 400;
  font-size: var(--fs-stupne);
  line-height: 1;
  color: var(--c-mraz);   /* 5,16:1 na papíru, 5,6:1 na bílé */
  max-width: none;
}
.amt-udaj__jednotka {
  font-family: var(--font-head);
  font-weight: 500;
  font-size: var(--fs-sm);
  color: var(--c-muted);
}
.amt-udaj__nazev {
  margin: 0 0 .35rem;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-base);
}
.amt-udaj__popis { margin: 0; color: var(--c-muted); font-size: var(--fs-sm); max-width: 34ch; }

/* ==========================================================================
   DVOJICE - dva sloupce textu
   ========================================================================== */
.amt-dvojice {
  display: grid;
  gap: 2.5rem 3.5rem;
  grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
}
.amt-dvojice h2 { font-size: var(--fs-xl); }
.amt-dvojice h3 { font-size: var(--fs-md); margin-top: 1.5rem; }
.amt-dvojice p { color: var(--c-muted); font-size: var(--fs-sm); }
.amt-dvojice strong { color: var(--c-ink); }

.amt-vypis {
  margin: 0 0 1.25rem;
  padding: 0;
  list-style: none;
  font-size: var(--fs-sm);
}
.amt-vypis li {
  padding: .5rem 0 .5rem .95rem;
  border-bottom: 1px solid var(--c-line);
  position: relative;
}
.amt-vypis li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.05rem;
  width: .35rem;
  height: .35rem;
  border-radius: 50%;
  background: var(--c-mraz);
}

.amt-zvyrazneno {
  padding-left: 1rem;
  border-left: 3px solid var(--c-mraz);
  font-family: var(--font-head);
  font-weight: 500;
  font-size: var(--fs-md);
  color: var(--c-ink) !important;
}

/* ==========================================================================
   KROKY - Jak to u nás chodí
   Číslování je tu OPRÁVNĚNÉ: obsah je sled kroků v čase. Jinde na webu
   se nečísluje - číslování bez sledu je vzor generované stránky.
   ========================================================================== */
.amt-kroky {
  display: grid;
  gap: 2.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 860px) {
  .amt-kroky { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.75rem 3.5rem; }
}
.amt-krok {
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr);
  gap: 0 1.25rem;
  align-items: start;
}
/* Velké číslo je dekorace kroku, ne text - proto --c-jinovatka-silna.
   Na papíru má 3,15:1, což u písma nad 24 px odpovídá prahu pro velký text. */
.amt-krok__cislo {
  grid-row: 1 / span 2;
  margin: 0;
  font-family: var(--font-hero);
  font-weight: 400;
  font-size: 2.5rem;
  line-height: .95;
  color: var(--c-jinovatka-silna);
  max-width: none;
}
.amt-krok__nazev {
  margin: 0 0 .4rem;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-md);
}
.amt-krok__popis { margin: 0; color: var(--c-muted); font-size: var(--fs-sm); }

/* ==========================================================================
   NÁBOR - kariéra na úvodní stránce
   ========================================================================== */
.amt-nabor { background: var(--c-surface); }
.amt-nabor__obal {
  display: grid;
  gap: 2rem;
  align-items: center;
}
@media (min-width: 860px) {
  .amt-nabor__obal { grid-template-columns: minmax(0, 1fr) auto; }
}
.amt-nabor h2 { font-size: var(--fs-2xl); letter-spacing: -.015em; }
.amt-nabor p { color: var(--c-muted); }
.amt-nabor__akce { margin: 0; max-width: none; }

/* ==========================================================================
   VÝZVA - tmavý pruh na konci stránky
   Jedna výzva na konec, ne opakovaná mezi každou sekcí.
   bílá na --c-mraz-hluboky = 13,3:1
   ========================================================================== */
.amt-vyzva {
  background: var(--c-mraz-hluboky);
  color: #fff;
  padding-block: var(--sp-bezna);
}
.amt-vyzva__obal {
  display: grid;
  gap: 2rem;
  /* ⚠️ start, ne center. Dokud tu byl center, zarovnávala se tlačítka na
     střed celého bloku, takže nepatřila opticky ani k nadpisu, ani k popisu. */
  align-items: start;
}
@media (min-width: 860px) {
  /* Druhý sloupec je lístek, ne tlačítka - ta jsou od 10. 9. 2026 pod textem.
     Pevná horní hranice šířky drží položky lístku na jednom řádku. */
  /* ⚠️ Půlka na půlku, ne úzký lístek vedle širokého textu. Zkoušel jsem
     1fr + 23rem i 1fr + 26rem a v obou případech zbylo mezi sloupci přes
     290 px prázdna: nadpis se totiž při --fs-2xl na dva řádky zalomí kolem
     500 px a širší sloupec už nezaplní ničím. Dva stejné sloupce mezeru
     stlačí na gap a lístek dostane šířku, kterou jeho položky unesou. */
  .amt-vyzva__obal {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(2rem, 3.5vw, 3.25rem);
  }
}
.amt-vyzva__nadpis {
  margin: 0 0 .5rem;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-2xl);
  letter-spacing: -.015em;
  color: #fff;
}
.amt-vyzva__popis { margin: 0; color: rgba(255, 255, 255, .84); max-width: 48ch; }
.amt-vyzva__akce { display: flex; flex-wrap: wrap; gap: .75rem; margin: 0; max-width: none; }

.amt-tlacitko--svetle { background: #fff; color: var(--c-ink); }   /* inkoust na bílé = 17,4:1 */
.amt-tlacitko--svetle:hover { background: var(--c-jinovatka); }
.amt-tlacitko--obrys {
  background: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, .55);   /* proti podkladu přes 3:1 */
}
.amt-tlacitko--obrys:hover { border-color: #fff; }

.amt-odkaz-dal {
  margin: clamp(1.75rem, 3.5vw, 2.5rem) 0 0;
  font-family: var(--font-head);
  font-weight: 600;
  font-size: var(--fs-sm);
}

/* ==========================================================================
   KONTAKT
   ========================================================================== */
.amt-kontakt {
  display: grid;
  gap: 2.5rem 3rem;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}
.amt-kontakt h2 { font-size: var(--fs-xl); }
.amt-kontakt p { color: var(--c-muted); font-size: var(--fs-sm); }
.amt-kontakt strong { color: var(--c-ink); }
.amt-kontakt__hlavni {
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-xl) !important;
}
.amt-kontakt__hlavni a { text-decoration: none; }

.amt-mapa {
  border-radius: var(--r-lg);
  overflow: hidden;
  border: 1px solid var(--c-jinovatka-silna);
}
.amt-mapa iframe { display: block; }

/* ==========================================================================
   FORMULÁŘ
   Hranice polí musí mít proti pozadí 3:1 (WCAG 2.2 / 1.4.11).
   --c-line-pole má 3,15:1 - proto tam není světlejší jinovatka.
   ========================================================================== */
.amt-poptavka { background: var(--c-surface); }

.amt-formular {
  display: grid;
  gap: 1.1rem 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  max-width: 52rem;
}
.amt-pole { display: grid; align-content: start; gap: .35rem; margin: 0; max-width: none; }
.amt-pole--siroke { grid-column: 1 / -1; }
.amt-pole label {
  font-family: var(--font-head);
  font-weight: 500;
  font-size: var(--fs-sm);
}
.amt-pole input,
.amt-pole select,
.amt-pole textarea {
  width: 100%;
  padding: .7rem .85rem;
  border: 1px solid var(--c-line-pole);
  border-radius: var(--r-md);
  background: var(--c-bg);
  font: inherit;
  font-size: var(--fs-sm);
  color: var(--c-ink);
}
.amt-pole textarea { resize: vertical; }
.amt-pole input::placeholder,
.amt-pole textarea::placeholder { color: var(--c-muted); }
.amt-povinne { color: var(--c-mraz); }

.amt-souhlas label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .65rem;
  align-items: start;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: var(--fs-sm);
  color: var(--c-muted);
}
.amt-souhlas input { width: 1.15rem; height: 1.15rem; margin-top: .15rem; accent-color: var(--c-mraz); }

/* --------------------------------------------------------------------------
   Contact Form 7. Vzhled drží .amt-pole výš, tady jsou jen věci, které CF7
   přidává navíc: obal pole, hláška u pole, hláška po odeslání, honeypot.
   ⚠️ Chyba nemá vlastní barvu (web má jedinou a ta znamená teplotu):
   rozlišuje ji tučný text a tlustší tmavá hranice, ne červená (WCAG 1.4.1).
   -------------------------------------------------------------------------- */
.amt-formular .wpcf7-form-control-wrap { display: block; }
.amt-formular .hidden-fields-container { display: none; }
/* Honeypot (CF7 Apps) si pozici řeší inline; tohle je pojistka, aby nikdy
   nezabral buňku mřížky, kdyby inline styl vypadl. */
.amt-formular .cf7apps-honeypot-wrap { position: absolute; }

/* Jen vlastní prvek pole - CF7 dává třídu i obalu souhlasu, kolem kterého by
   vznikla svislá čára. */
.amt-formular input.wpcf7-not-valid,
.amt-formular select.wpcf7-not-valid,
.amt-formular textarea.wpcf7-not-valid { border: 2px solid var(--c-mraz-hluboky); }
.amt-formular span.wpcf7-not-valid { border: 0; }
.amt-formular .wpcf7-not-valid-tip {
  display: block;
  margin-top: .3rem;
  color: var(--c-mraz-hluboky);   /* 13,3:1 */
  font-size: var(--fs-sm);
  font-weight: 700;
}

.amt-formular .wpcf7-list-item { display: block; margin: 0; }
.amt-formular .wpcf7-spinner { display: none; }

/* Hláška po odeslání - stejné dvě varianty jako dřív .amt-hlaska.
   Selektor s .wpcf7 je nutný: výchozí CSS CF7 dává hlášce žlutý rámeček
   a okraje se specificitou 0,3,1, kterou by jednodušší selektor nepřebil. */
.wpcf7 form.amt-formular .wpcf7-response-output {
  grid-column: 1 / -1;
  margin: 0;
  padding: 1rem 1.25rem;
  border: 0;
  border-radius: var(--r-md);
  font-size: var(--fs-sm);
  background: var(--c-mraz-hluboky);
  color: #fff;                     /* 13,3:1 */
}
.wpcf7 form.amt-formular.init .wpcf7-response-output,
.wpcf7 form.amt-formular.resetting .wpcf7-response-output,
.wpcf7 form.amt-formular.submitting .wpcf7-response-output { display: none; }
.wpcf7 form.amt-formular.sent .wpcf7-response-output {
  background: var(--c-jinovatka);
  border-left: 4px solid var(--c-mraz);
  color: var(--c-ink);
}
.amt-poptavka .amt-hlaska { font-size: var(--fs-sm); }

/* ==========================================================================
   PROZA - obsah z administrace (Ochrana osobních údajů)
   ========================================================================== */
.amt-proza { max-width: 46rem; }
.amt-proza h2 { font-size: var(--fs-xl); margin-top: 2rem; }
.amt-proza h3 { font-size: var(--fs-md); margin-top: 1.5rem; }
.amt-proza ul, .amt-proza ol { color: var(--c-ink); font-size: var(--fs-sm); }
.amt-proza li { margin-bottom: .4rem; }

/* ==========================================================================
   PATIČKA - menu
   ========================================================================== */
.amt-paticka__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .4rem;
}
.amt-paticka__menu a { text-decoration: none; }
.amt-paticka__menu a:hover { text-decoration: underline; }

/* ==========================================================================
   OPRAVY PO PRVNÍCH SCREENSHOTECH v0.2.0
   ========================================================================== */

/* 1. Výzva a patička měly OBĚ --c-mraz-hluboky a slily se v jeden tmavý
   blok přes 900 px. Na screenshotu to vypadalo, jako by stránka končila
   dvakrát. Výzva teď nese světlejší pól stupnice, patička ten nejtmavší -
   dolů po stránce tedy klesá teplota, což je tentýž kód jako všude jinde.
   Přeměřeno: bílá na --c-mraz = 5,78:1, popis při 90 % krytí = 5,02:1,
   obrys tlačítka při 70 % = 3,68:1 (WCAG 2.2 / 1.4.11 chce 3:1). */
.amt-vyzva { background: var(--c-mraz); }
.amt-vyzva__popis { color: rgba(255, 255, 255, .9); }
.amt-tlacitko--obrys { border-color: rgba(255, 255, 255, .7); }

/* 2. Čtyři bloky se při auto-fit lámaly 3 + 1 a čtvrtý zůstával sám na
   řádku. Čtyři karty patří do mřížky 2 × 2 - text je v nich dost dlouhý
   na to, aby čtyři sloupce stejně byly nečitelně úzké. */
@media (min-width: 860px) {
  .amt-bloky { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.25rem 3.5rem; }
}

/* 3. Mezera mezi perexem podstránky a první sekcí měřila přes 200 px -
   sečetlo se spodní odsazení hlavičky a horní odsazení sekce. */
.amt-hlava + .amt-sekce { padding-block-start: clamp(1.5rem, 3vw, 2.25rem); }

/* 4. Odesílací tlačítko se roztáhlo přes celý formulář: leží v .amt-pole,
   které je grid, takže ho položka natáhla na celou šířku buňky. */
.amt-formular .amt-tlacitko { justify-self: start; }

/* ==========================================================================
   ROZŠÍŘENÍ ZÁBĚRU 8. 9. 2026 - autodoprava vedle chladírenské přepravy
   ========================================================================== */

/* Třetí karta rozcestí NEMÁ barvu, a je to celý koncept v jednom prvku:
   barva na téhle stránce znamená teplotu, takže služba bez řízené teploty
   žádnou nedostane. Inkoust na bílém textu má 17,4:1. */
.amt-rezim--suche .amt-rezim__odkaz { background: var(--c-ink); }

/* Menu má po zeštíhlení struktury 8. 9. 2026 pět položek místo sedmi,
   takže se telefon v hlavičce vejde zpátky až do mobilního zlomu. */
@media (min-width: 769px) {
  .amt-menu { gap: 1.25rem; }
}

/* ==========================================================================
   REFERENCE - loga odběratelů

   ⚠️ LOGA JSOU BAREVNÁ, A JE TO VÝJIMKA Z PRAVIDLA WEBU. Do 9. 9. 2026 se
   odbarvovala filtrem, aby platilo „jediná barva na stránce je teplota".
   Klient je chtěl v původních barvách - jsou to cizí značky a šedý Kaufland
   nebo šedé Tesco nevypadají jako doklad spolupráce, ale jako obtisk.

   Je to **jediné místo na webu, kde barva neznamená stupně.** Zbytek
   pravidla platí dál: nikde jinde barva navíc nepřibývá. Sekce je proto
   vědomě oddělená bílou plochou a stojí sama - kdyby loga ležela vedle
   teplotní stupnice, poměr by se rozpadl.

   ⚠️ Loga se NEPŘEBARVUJÍ v souboru. Kdyby se to někdy vracelo k jedné
   barvě, musí to být filtrem: ruční přebarvení by u Penny a Kauflandu,
   kde je bílý text v barevném poli, udělalo slepý obdélník.
   ========================================================================== */
.amt-reference { background: var(--c-surface); }

/* Mřížka, ne flex. Devět log se na jeden řádek nevejde (942 px log
   + 8 mezer proti 1116 px kontejneru) a flex je rozsypal 7 + 2, což
   vypadalo jako by dvě zbyly. Pevná mřížka dá čitelné 5 + 4. */
.amt-reference__seznam {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 1.75rem 2rem;
  list-style: none;
  margin: 0 0 1.75rem;
  padding: 0;
}
@media (min-width: 40rem) { .amt-reference__seznam { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 64rem) { .amt-reference__seznam { grid-template-columns: repeat(5, 1fr); } }

.amt-reference__polozka { display: flex; align-items: center; justify-content: center; }

/* Základní výška loga. Jednotlivá loga ji násobí proměnnou --vyska,
   protože poměry stran jdou od 1,0 (Kaufland) po 4,3 (Košík) - čtvercová
   značka při stejné výšce opticky přebíjí široký wordmark. */
.amt-reference__logo {
  --zaklad: 2.35rem;
  height: calc(var(--zaklad) * var(--vyska, 1));
  width: auto;
  max-width: 11rem;
  object-fit: contain;
}
@media (max-width: 640px) {
  .amt-reference__logo { --zaklad: 1.7rem; }
}

/* Záloha, když soubor loga chybí - jméno se vypíše textem. */
.amt-reference__nazev {
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-lg);
}

.amt-reference__pozn {
  color: var(--c-muted);
  font-size: var(--fs-sm);
  max-width: 56ch;
  margin: 0;
}

/* ==========================================================================
   HERO - rodinné schéma (8. 9. 2026)

   Všechny weby skupiny mají v hero totéž: celoplošnou fotku, přes ni wordmark
   jako <h1> s animovanou tečkou, pod ním claim, tlačítka a pruh tří čísel.
   PNEU|MATUŠKA má v tečce pneumatiku, JEŘÁBY|MATUŠKA hák na laně, tady
   se z ní stane kamion a odjede - stejně jako na rozcestníku skupiny.

   ⚠️ TEXT NAD FOTKOU JE ČITELNÝ JEN DÍKY ZÁVOJI. Přes fotku jde závoj
   v barvě papíru - vlevo skoro krycí, vpravo průhledný - a text zůstává
   INKOUSTOVÝ. Bílý text na fotce se tu nepoužívá vůbec.
   Měřeno canvasem 8. 9. 2026 na živé stránce, ne odhadem ze screenshotu:
   na `zamrzla` tahle chyba dvakrát prošla, protože na obrázku vidět nebyla.
   ========================================================================== */
.amt-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.amt-hero__foto { position: absolute; inset: 0; z-index: 0; display: block; }
.amt-hero__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 42%; }

/* Závoj. Vlevo drží 96 %, protože právě tam leží text; doprava se otevírá,
   aby byly vidět soupravy. */
.amt-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(to right,
      rgba(243, 242, 239, .965) 0%,
      rgba(243, 242, 239, .93) 42%,
      rgba(243, 242, 239, .88) 60%,
      rgba(243, 242, 239, .70) 74%,
      rgba(243, 242, 239, .40) 100%);
}

.amt-hero__obsah {
  position: relative;
  z-index: 2;
  padding-block: clamp(3rem, 7vw, 5.5rem) clamp(3rem, 6vw, 4.5rem);
}

/* --- wordmark --- */
.amt-wordmark {
  margin: 0 0 1.25rem;
  font-family: var(--font-hero);
  font-weight: 400;
  font-size: clamp(2.6rem, 9.5vw, 6.5rem);
  line-height: .92;
  letter-spacing: .005em;
  display: block;
}
.amt-wordmark__a { color: var(--c-ink); }
.amt-wordmark__b { color: var(--c-mraz); }

/* Tečka je kreslená, ne psaná - textovou tečku nelze proměnit v kamion.
   ⚠️ Kamion přesahuje viewBox skoro na dvojnásobek šířky, proto
   overflow: visible; jinak z něj zbyde jen kus návěsu. */
.amt-wordmark__tecka {
  display: inline-block;
  width: .30em;
  height: .30em;
  margin-left: .06em;
  vertical-align: baseline;
  color: var(--c-mraz);
}
.amt-wordmark__tecka svg { overflow: visible; width: 100%; height: 100%; }
.amt-tecka__bod { fill: currentColor; }
.amt-tecka__kabina, .amt-tecka__kolo { fill: var(--c-ink); }

/* Jediný orchestrovaný pohyb v hero: z tečky se stane kamion a odjede.
   Rodinné gesto - na rozcestníku dělá tečka totéž, jen přes GSAP.

   ⚠️ Návěs se roztahuje přes scaleX na skupině, ne přes atribut `width`:
   geometrické vlastnosti SVG jdou v CSS animovat až od Safari 17.4,
   kdežto transform umí každý prohlížeč. transform-box: fill-box drží
   počátek na levé hraně obdélníku, takže návěs roste doprava.

   ⚠️ Všechny tři smyčky musí mít STEJNOU délku a stejné zpoždění, jinak
   se kamion rozpadne - kola odjedou dřív než návěs. */
.amt-tecka__naves {
  transform-box: fill-box;
  transform-origin: left center;
  animation: amt-naves var(--tecka-doba, 12s) var(--ease) 1.2s infinite both;
}
.amt-tecka__vuz  { animation: amt-vuz   var(--tecka-doba, 12s) linear      1.2s infinite both; }
.amt-tecka__jizda { animation: amt-jizda var(--tecka-doba, 12s) linear     1.2s infinite both; }

/* Návěs: z tečky (80) na délku návěsu (150), tedy scaleX 1,875. */
@keyframes amt-naves {
  0%, 20%   { transform: scaleX(1); }
  25%, 66%  { transform: scaleX(1.875); }
  68%, 100% { transform: scaleX(1); }
}
/* Kabina a kola: najedou najednou, žádné postupné naskakování -
   při 28 px ho stejně nikdo nepostřehne. */
@keyframes amt-vuz {
  0%, 24%   { opacity: 0; }
  29%, 63%  { opacity: 1; }
  66%, 100% { opacity: 0; }
}
/* Odjezd. Mezi 66 a 68 % se souprava mimo obraz vrátí na začátek,
   aby návrat nebyl vidět. */
@keyframes amt-jizda {
  0%, 30%   { transform: translateX(0); opacity: 1; }
  63%       { transform: translateX(430px); opacity: 1; }
  66%       { transform: translateX(470px); opacity: 0; }
  67%       { transform: translateX(0); opacity: 0; }
  72%, 100% { transform: translateX(0); opacity: 1; }
}

.amt-wordmark__podradek {
  display: block;
  margin-top: .85rem;
  font-family: var(--font-head);
  font-weight: 600;
  font-size: clamp(.75rem, 1.5vw, .875rem);
  letter-spacing: .07em;
  text-transform: uppercase;
  line-height: 1.4;
  /* ⚠️ NE --c-muted. Podřádek běží přes celou šířku hero, tedy až do míst,
     kde je závoj tenčí a prosvítá tmavá kabina - tam měl muted jen 2,43:1
     proti prahu 4,5:1. Změřeno canvasem 8. 9. 2026 na živé stránce;
     na screenshotu to vidět nebylo. Inkoust má na tomtéž místě 11,9:1. */
  color: var(--c-ink);
}

.amt-hero__claim {
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-xl);
  line-height: 1.25;
  letter-spacing: -.015em;
  max-width: 34ch;
  margin: 0 0 1.75rem;
  color: var(--c-ink);
}

.amt-hero__cta {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin: 0 0 clamp(2.25rem, 4.5vw, 3.25rem);
  max-width: none;
}

/* --- tři čísla --- */
.amt-hero__cisla {
  display: flex;
  flex-wrap: wrap;
  gap: 1.75rem 2.75rem;
  list-style: none;
  margin: 0;
  padding: 1.25rem 0 0;
  border-top: 1px solid var(--c-jinovatka-silna);
  max-width: 46rem;
}
.amt-hero__cisla b {
  display: block;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-md);
  color: var(--c-ink);
}
.amt-hero__cisla span {
  display: block;
  font-size: var(--fs-sm);
  color: var(--c-muted);
}

@media (max-width: 720px) {
  /* Na úzké obrazovce fotka ustoupí úplně - závoj by ji stejně skryl
     a soupravy by z ní zbyl proužek. */
  .amt-hero::before {
    background: linear-gradient(to bottom, rgba(243, 242, 239, .96) 0%, rgba(243, 242, 239, .9) 100%);
  }
  .amt-hero__cisla { gap: 1rem 2rem; }
}

/* ==========================================================================
   OBRÁZEK V SEKCI
   Fotka uvnitř textové sekce, ne přes celou šířku.
   ========================================================================== */
.amt-obrazek { margin: 0; }
.amt-obrazek img {
  width: 100%;
  border-radius: var(--r-lg);
  box-shadow: inset 0 0 0 1px rgba(21, 23, 28, .1);
}

/* Fotka v sekci dosahu na autodopravě - pod dvousloupcovým textem,
   omezená šířkou, ať nekonkuruje hero. */
.amt-obrazek--dosah { margin-top: clamp(2rem, 4vw, 3rem); max-width: 52rem; }

/* ==========================================================================
   IKONY

   ⚠️ TENHLE BLOK A DVA POD NÍM BYLY 8. 9. 2026 OMYLEM SMAZÁNY a vráceny
   zpět. Zmizely při nasazování log, kdy se nahrazoval blok od hlavičky
   REFERENCE po další hlavičku - jenže mezi nimi mezitím přibyly. Mřížka
   komodit se tím rozpadla zpátky do seznamu na celou šířku a ikony přišly
   o velikost i barvu. Na stránce to vypadalo jako záměr, takže si toho
   všiml až klient.
   **Kdo bude v tomhle souboru mazat rozsah mezi dvěma hlavičkami, ať si
   nejdřív vypíše, co je mezi nimi.**

   Vlastní inline SVG, žádná knihovna. Pravidla sady jsou v inc/ikony.php -
   mřížka 24 × 24, obrys místo výplně, currentColor. Tady se řeší jen
   velikost a barva v kontextu.

   ⚠️ Ikona je doprovod, ne informace. Nikde na webu nestojí sama.
   ========================================================================== */
.amt-ikona {
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  /* Obrys se s velikostí písma nezmenšuje, aby ikona při 20 px nezmizela. */
  stroke-width: 1.5;
}

/* ==========================================================================
   KOMODITY - mřížka karet

   ⚠️ Do 8. 9. 2026 to byl seznam řádků. Dvanáct řádků měřilo přes 1 300 px,
   nedalo se to přehlédnout jedním pohledem a čtenář musel číst shora dolů,
   než našel svoji komoditu. Karty to zkrátí zhruba na polovinu.

   Mřížka drží vlásečnicové linky tím, že mezera JE pozadí: buňky jsou bílé,
   `gap: 1px` na tmavším podkladu vykreslí síť. Vypadá to jako přístrojová
   tabulka, ne jako karty s rámečky - a hlavně to nepotřebuje řešit,
   která karta má a nemá spodní linku.
   ========================================================================== */
.amt-komodity__seznam {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15.5rem, 1fr));
  gap: 1px;
  list-style: none;
  margin: 0;
  padding: 0;
  background: var(--c-jinovatka-silna);   /* 3,15:1 - viditelná linka */
  border: 1px solid var(--c-jinovatka-silna);
  border-radius: var(--r-md);
  overflow: hidden;
}

.amt-komodita {
  display: grid;
  align-content: start;
  gap: .45rem;
  padding: 1.15rem 1.15rem 1.3rem;
  background: var(--c-surface);
}

.amt-komodita__hlava {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin: 0;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-base);
  line-height: 1.25;
}
.amt-komodita__ikona { color: var(--c-jinovatka-silna); }
.amt-komodita--mrazene .amt-komodita__ikona { color: var(--c-mraz); }

/* Kotvou karty je TEPLOTA, ne ikona. Údaj, kvůli kterému sem člověk přišel,
   je číslo - proto Anton a největší prvek karty. */
.amt-komodita__teplota {
  margin: 0;
  font-family: var(--font-hero);
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.05;
  letter-spacing: .01em;
  color: var(--c-mraz);      /* na bílé 5,6:1 */
  max-width: none;
}
.amt-komodita--mrazene .amt-komodita__teplota { color: var(--c-mraz-hluboky); }

.amt-komodita__pas { margin-block: .15rem .25rem; }

.amt-komodita__popis {
  margin: 0;
  color: var(--c-muted);
  font-size: var(--fs-sm);
  max-width: none;
}
.amt-komodita__zdroj { margin: .15rem 0 0; }

/* Na úzké obrazovce se mřížka scvrkne na jeden sloupec sama (auto-fit),
   ale karty pak nemají mít tolik vzduchu - je jich pod sebou dvanáct. */
@media (max-width: 480px) {
  .amt-komodita { padding: 1rem; gap: .35rem; }
  .amt-komodita__teplota { font-size: 1.35rem; }
}

/* Řádek tlačítek mimo hero. Do 8. 9. 2026 měla kariérní stránka třídu
   .amt-hero__akce, jejíž pravidlo padlo s přestavbou hero - tlačítka pak
   ztratila mezeru i zalamování. Vlastní jméno, protože to není hero. */
.amt-akce {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin: 0;
  max-width: none;
}

/* ==========================================================================
   IKONY V OSTATNÍCH SEKCÍCH
   ========================================================================== */

/* Rozcestí služeb. Ikona je na barevné kartě, tedy bílá s poloviční sytostí -
   plná bílá by přebila číslo rozsahu, které je tam to podstatné. */
.amt-rezim__ikona {
  color: rgba(255, 255, 255, .72);
  margin-bottom: .35rem;
}

/* Bloky na podstránkách a čtyři důvody. Ikona nad nadpisem, ne vedle -
   nadpisy jsou dvouřádkové a vedle sebe by se rozjely na různé výšky. */
.amt-blok--s-ikonou { display: grid; gap: .1rem; align-content: start; }
.amt-blok__ikona { color: var(--c-mraz); margin-bottom: .5rem; }

/* Kontaktní údaje. Tady ikona opravdu urychlí hledání očima, protože
   telefon, e-mail a doba jsou tři řádky bez nadpisů. */
.amt-kontakt__radek {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .65rem;
  align-items: start;
}
.amt-kontakt__ikona { color: var(--c-jinovatka-silna); margin-top: .1rem; }
.amt-kontakt__hlavni .amt-kontakt__ikona { color: var(--c-mraz); margin-top: .25rem; }

/* ==========================================================================
   VÝZVA - lístek „Do poptávky stačí" (10. 9. 2026)

   Pruh měl do té doby obsah vysoký 85 px v sekci vysoké 293 px, tedy 71 %
   prázdna, a nenesl jediný údaj - na webu, který jinak stojí na konkrétních
   číslech, to bylo jediné místo bez čísla. Zároveň to byla třetí sekce
   v řadě se stavbou „text vlevo, tlačítko vpravo".

   ⚠️ Lístek NAHRADIL větu „Stačí odkud, kam, co je v nákladu a kdy", ne
   že by se přidal vedle ní. Kdyby zůstala, řekne web totéž dvakrát.

   Plocha lístku je hlubší pól teploty s krytím 45 % nad --c-mraz, tedy
   #065561. Je to tentýž kód jako všude jinde na webu: čím níž po stránce,
   tím chladněji - lístek proto navazuje na patičku pod ním.
   Změřeno 2026-09-10: bílá na něm 8,47:1, bílá při 82 % 6,26:1.
   ⚠️ --c-mraz-svetly na tuhle plochu NEPATŘÍ, má na ní jen 3,56:1.
   ========================================================================== */
.amt-vyzva__slovo { display: grid; gap: 1rem; }
.amt-vyzva__nadpis {
  /* Bez stropu šířky se nadpis roztáhl na 788 px jediného řádku a pruh pak
     neměl kam růst do výšky. Na dvou řádcích má hmotu.
     ⚠️ 19ch, ne míň: při 16ch končil nejširší prvek levého sloupce na 613 px,
     zatímco lístek začínal na 910, takže uprostřed pruhu zbylo 297 px prázdna
     a mezera se četla jako chyba sazby, ne jako dýchací prostor. */
  max-width: 19ch;
}
.amt-vyzva__akce { margin-top: .5rem; }

/* Provozní doba u telefonu. Bílá při 86 % = 4,72:1 na --c-mraz (AA i pro
   drobný text). Níž už ne - při 78 % je to 4,20:1 a propadne. */
.amt-vyzva__doba {
  margin: 0;
  max-width: 44ch;
  font-size: var(--fs-sm);
  color: rgba(255, 255, 255, .86);
}

.amt-vyzva__listek {
  background: rgba(4, 53, 61, .45);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: var(--r-lg);
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
}
.amt-vyzva__listek-nadpis {
  margin: 0 0 .85rem;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-micro);
  letter-spacing: .11em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .82);
  max-width: none;
}

/* Položky drží vlásečnicové linky mezi sebou, ne odrážky ani ikony -
   je to výpis polí, ne seznam výhod. Ikona u každého řádku je přesně ta
   výplň, kvůli které weby vypadají generovaně (viz pravidlo u ikon). */
.amt-vyzva__body {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}
.amt-vyzva__body li {
  display: grid;
  gap: .1rem;
  padding-block: .7rem;
  border-top: 1px solid rgba(255, 255, 255, .14);
}
.amt-vyzva__body li:first-child { border-top: 0; padding-top: 0; }
.amt-vyzva__body li:last-child { padding-bottom: 0; }
.amt-vyzva__body b {
  font-family: var(--font-head);
  font-weight: 700;
  font-size: var(--fs-md);
  color: #fff;                       /* 8,47:1 */
  line-height: 1.25;
}
.amt-vyzva__body span {
  font-size: var(--fs-sm);
  color: rgba(255, 255, 255, .82);   /* 6,26:1 */
  line-height: 1.45;
}

/* ==========================================================================
   PATIČKA - značka (10. 9. 2026)

   ⚠️ RODINNÉ SCHÉMA. `jeraby` mají v patičce wordmark, `automatuska` ho
   neměla: stránka se otevírala wordmarkem přes celou šířku a zavírala se
   řádkem drobného textu. Tohle je ten chybějící podpis.

   Kontrasty na --c-mraz-hluboky, měřeno 2026-09-10:
   AUTO bílá 13,28:1 · MATUŠKA --c-mraz-svetly 5,59:1 · údaje bílá 82 % 9,42:1.
   ⚠️ --c-mraz sem NEPATŘÍ, má na patičkovém podkladu jen 2,30:1.
   ========================================================================== */
.amt-wordmark--paticka {
  margin: 0 0 1rem;
  font-size: clamp(1.7rem, 3.4vw, 2.1rem);
}
.amt-wordmark--paticka .amt-wordmark__a { color: #fff; }
.amt-wordmark--paticka .amt-wordmark__b,
.amt-wordmark--paticka .amt-wordmark__tecka { color: var(--c-mraz-svetly); }

/* ⚠️ Tečka je tu STATICKÁ. Dvě nekonečné smyčky na jedné stránce zatěžují
   kompozitor po celou dobu, co je stránka otevřená, a kamion v hero odjíždí
   o 470 px doprava - v patičce by přejel přes text vedle sebe.
   Vůz se skrývá celý: bez animace by mu nikdo nenastavil opacity a kabina
   by zůstala stát 162 jednotek vpravo od tečky, tedy jako by se rozpadla. */
.amt-wordmark--paticka .amt-tecka__vuz { display: none; }
.amt-wordmark--paticka .amt-tecka__naves,
.amt-wordmark--paticka .amt-tecka__jizda { animation: none; }

.amt-paticka__blok--znacka { display: grid; align-content: start; }
.amt-paticka__skupina { font-size: var(--fs-sm); }
.amt-paticka__udaje { margin-top: .35rem; }


/* ==========================================================================
   Cookie banner (Complianz)
   ========================================================================== */
/* Plovoucí tlačítko po souhlasu dělá totéž co odkaz „Nastavení cookies"
   v patičce, takže se skrývá. */
#cmplz-manage-consent { display: none !important; }

/* Complianz vkládá barvy inline přes proměnné, proto !important.
   Akcent je teplota (--c-mraz), bílá na ní má 5,78:1. */
#cmplz-cookiebanner-container .cmplz-cookiebanner {
  font-family: var(--font-body); color: var(--c-ink);
  border-radius: var(--r-lg); border: 0;
  box-shadow: 0 18px 50px -18px rgba(21, 23, 28, .45);
}
#cmplz-cookiebanner-container .cmplz-title { font-family: var(--font-head); font-weight: 700; }
#cmplz-cookiebanner-container .cmplz-btn {
  font-family: var(--font-head); font-weight: 700; border-radius: var(--r-md) !important;
  border: 1px solid var(--c-jinovatka-silna) !important;
  background: #fff !important; color: var(--c-ink) !important;
}
#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept {
  background: var(--c-mraz) !important; border-color: var(--c-mraz) !important; color: #fff !important;
}
#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept:hover { background: var(--c-mraz-hluboky) !important; border-color: var(--c-mraz-hluboky) !important; }
#cmplz-cookiebanner-container .cmplz-btn:focus-visible,
#cmplz-cookiebanner-container .cmplz-close:focus-visible { outline: 3px solid var(--c-mraz); outline-offset: 2px; box-shadow: none; }
#cmplz-cookiebanner-container .cmplz-links .cmplz-link { color: var(--c-mraz) !important; }

/* Nadpis „Vozíme také" nad kartami služeb na podstránkách. */
.amt-rezimy__nadpis { margin: 0 0 1rem; }

/* Podpis autora v patičce - záměrně nenápadný */
.amt-paticka__podpis { opacity: .6; }
.amt-paticka__podpis a { color: inherit; }