/* Úvod stránky: rozložení a velikost písma jako ve stylu Weber — ve všech stylech.

   Roman 12. 10. 2026 (se snímkem úvodu ve stylu Weber): „toto rozložení
   a velikost písma mají být ve všech stylech, jak anglicky, tak česky …
   když je to psané velkými písmeny, tak všude."

   Hodnoty jsou převzaté z pujcovna.css (styl Weber). Formulové styly si
   nechávají jen barvy, pozadí a obrázek grilu. Kdo mění velikosti v úvodu,
   mění je v pujcovna.css — tady se jen přenášejí na ostatní styly.

   Soubor se načítá poslední, předpona html[data-theme]:not(…) body
   přebije pravidla formulových stylů. */

html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-web {
  position:static; display:block; width:auto; max-width:none; margin:0 0 12px;
  font-size:clamp(24px,2.7vw,42px); line-height:1.1; letter-spacing:.02em; text-transform:uppercase;
}

html[data-theme]:not([data-theme="weber"]) body .r-hero h1.r-hero-h1-radek {
  position:static; max-width:none; width:auto; margin:0;
  font-size:clamp(40px,4.15vw,72px); font-weight:700; font-style:normal;
  line-height:.98; letter-spacing:-.03em; text-transform:uppercase; white-space:nowrap;
}
html[data-theme]:not([data-theme="weber"]) body .r-hero h1.r-hero-h1-radek em {
  font:inherit; letter-spacing:inherit; text-transform:inherit; white-space:inherit;
}

html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-lead {
  position:static; max-width:680px; width:auto; margin:18px 0 24px; font-size:17px; line-height:1.5;
}
html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-lead .r-hero-catering { font-size:inherit; font-weight:800; line-height:inherit; }
html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-lead strong {
  display:block; width:auto; margin-top:7px; font-size:inherit; font-weight:800; line-height:inherit;
}

html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-points {
  position:static; display:flex; flex-wrap:nowrap; gap:0; width:auto; max-width:none; height:auto;
  margin:0 0 24px; padding:0; list-style:none;
}
html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-points li {
  display:flex; align-items:center; gap:12px; width:auto; height:auto; min-width:210px;
  margin:0 28px 0 0; padding:0 28px 0 0; border-right:1px solid rgba(128,128,128,.45);
}
html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-points li:last-child { border:0; }
html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-points li > span {
  display:grid; place-items:center; width:45px; height:45px; padding:0;
  border-width:2px; border-style:solid; border-radius:50%; font-size:22px;
}
html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-points li strong { font-size:14px; line-height:1.35; }

html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-actions {
  position:static; display:flex; flex-wrap:nowrap; align-items:normal; gap:18px; width:auto; max-width:none; height:auto;
}
html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-actions .r-btn {
  display:inline-flex; align-items:center; justify-content:space-between; gap:28px;
  min-width:260px; min-height:54px; height:auto; padding:0 24px; border-width:1px; border-style:solid; border-radius:4px;
  font-size:14px; font-weight:900; letter-spacing:.02em; text-transform:uppercase;
}
html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-actions .r-btn span { font:inherit; letter-spacing:inherit; width:auto; height:auto; }

@media (min-width:1000px) {
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-lead { max-width:none; white-space:nowrap; }
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-lead strong { white-space:normal; }
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-lead .r-hero-catering { font-size:clamp(13px,1.08vw,16px); font-weight:700; }
}

@media (max-width:760px) {
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-web { font-size:6.4vw; }
  html[data-theme]:not([data-theme="weber"]) body .r-hero h1.r-hero-h1-radek { font-size:7.6vw; }
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-lead { font-size:15px; max-width:96%; }
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-points { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-points li { min-width:0; border:0; margin:0; padding:0; }
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-points li:last-child { grid-column:1/-1; }
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-actions { display:grid; }
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-actions .r-btn { min-width:0; width:100%; }
}

/* Odsazení textu shora a zdola jako ve stylu Weber. */
html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-content { padding-top:26px; padding-bottom:38px; }
@media (max-width:760px) {
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-content { padding-top:30px; }
}

/* Obrázek grilu (jen formulové styly) se textu nesmí dotknout. Text má teď
   velikost jako ve stylu Weber, takže obrázek dostane jen místo vedle něj:
   od 1000 px vpravo od nejdelšího řádku, pod 1000 px pod textem. */
@media (min-width:1000px) {
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-content {
    display:grid; grid-template-columns:max-content minmax(0,1fr); grid-template-rows:repeat(5,auto); column-gap:44px; align-content:start;
  }
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-content > :not(.r-hero-showcase) { grid-column:1; }
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-content > .r-hero-showcase {
    grid-column:2; grid-row:1/6; position:relative; inset:auto; width:100%; max-width:520px; height:auto; min-height:0;
    aspect-ratio:auto; margin:0; justify-self:end; align-self:stretch;
  }
}
@media (max-width:999px) {
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-content { display:block; }
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-content > .r-hero-showcase {
    position:relative; inset:auto; width:min(100%,520px); height:340px; aspect-ratio:auto; margin:20px auto 0;
  }
}

/* Roman 12. 10. 2026: „proč je tam taková mezera" — pod tlačítky zůstávalo
   přes 70 px, protože úvod měl pevnou minimální výšku 440 px. Výšku teď
   určuje text (a pod tlačítky je 38 px jako ve stylu Weber). */
html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-content { min-height:0; }

/* Roman 12. 10. 2026: „gril ve stylech aut zvětši". Výška úvodu zůstává
   (určuje ji text), gril se zvětší v rámci ní a smí sahat do horního
   a dolního odsazení úvodu. Vždy celý viditelný, nikdy přes text. */
@media (min-width:1000px) {
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-content > .r-hero-showcase { max-width:620px; margin-top:-18px; margin-bottom:-30px; }
}
@media (max-width:999px) {
  html[data-theme]:not([data-theme="weber"]) body .r-hero .r-hero-content > .r-hero-showcase { height:420px; width:min(100%,620px); }
}

/* Roman 12. 10. 2026: „po linii mezi logem formule a grilem ať jede světlo
   jako neon" — a pak: „moc rychle; má svítit podle barvy linky, když je
   červená, tak červeně, když žlutá, tak žlutě, … obráceně a pomalu."
   Světlo je zesvětlená a rozzářená kopie téže barevné linky, ukázaná jen
   v pohyblivém okénku (maska) — svítí proto vždy barvou úseku, přes který
   právě jede. Jede zleva doprava, jedno projetí trvá 9 s. Kdo má v systému
   vypnuté animace, tomu se nezobrazí. Barvy --linka odpovídají ::after
   jednotlivých stylů (pujcovna-doladeni.css) — při změně linky změnit i zde. */
html[data-theme="ferrari"] { --linka:linear-gradient(90deg,#00894c 0 33.333%,#fff 33.333% 66.666%,#ed1831 66.666%); }
html[data-theme="redbull"] { --linka:linear-gradient(90deg,#275ee9 0 66%,#ffcf00 66% 86%,#e51740 86%); }
html[data-theme="mclaren"] { --linka:linear-gradient(90deg,#ff8700 0 76%,#fff 76% 80%,#36393e 80%); }
html[data-theme="mercedes"] { --linka:linear-gradient(90deg,#b7ccca 0 50%,#56e7cf 50% 90%,#fff 90%); }
html[data-theme="alpine"] { --linka:linear-gradient(90deg,#faacd7 0 65%,#6f98ff 65% 90%,#fff 90%); }
html[data-theme] body .race-signature { overflow:visible; }
html[data-theme] body .race-signature::before {
  content:""; position:absolute; z-index:4; left:0; right:0; bottom:-5px; height:11px; border-radius:6px; pointer-events:none;
  background:var(--linka,none);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 45%,#000 55%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 45%,#000 55%,transparent);
  -webkit-mask-size:14% 100%; mask-size:14% 100%;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  filter:blur(2px) brightness(1.6) saturate(1.4);
  animation:neon-jizda 9s ease-in-out infinite;
}
@keyframes neon-jizda {
  0%   { -webkit-mask-position:-20% 0; mask-position:-20% 0; opacity:0; }
  6%   { opacity:1; }
  94%  { opacity:1; }
  100% { -webkit-mask-position:120% 0; mask-position:120% 0; opacity:0; }
}
@media (prefers-reduced-motion:reduce) { html[data-theme] body .race-signature::before { animation:none; opacity:0; } }