/* Úvodní stránka `/`. uvod/ nemá index.php, není to samostatná stránka. */

.uvod-hero-mrizka{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:center}
@media (min-width:56rem){.uvod-hero-mrizka{grid-template-columns:1.4fr 1fr}}
.zvyrazneni{color:var(--accent-text)}
.uvod-foto{border-radius:50%;width:100%;max-width:20rem;aspect-ratio:1;object-fit:cover;border:4px solid var(--accent-soft);margin-inline:auto}

.karta-odkaz{display:block;text-decoration:none;color:var(--text);transition:border-color var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}
.karta-odkaz:hover{border-color:var(--accent);transform:translateY(-2px);color:var(--text)}
.karta-odkaz h3{margin-bottom:var(--space-2)}
.karta-odkaz p:last-child{margin-bottom:0}

.cena{font-family:var(--font-mono);color:var(--accent-text);font-weight:700;margin:0}
.poznamka{color:var(--text-muted);margin-top:var(--space-5)}

.reference img{border-radius:var(--radius);border:1px solid var(--border);margin-bottom:var(--space-4)}
.reference-obor{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2)}
.reference-skore{color:var(--text-muted);font-size:var(--text-sm);margin:0}

.cisla{list-style:none;margin:var(--space-6) 0 0;padding:0;display:grid;gap:var(--space-5);grid-template-columns:1fr}
@media (min-width:40rem){.cisla{grid-template-columns:repeat(3,1fr)}}
.cislo{display:block;font:700 var(--text-xl) var(--font-mono);color:var(--accent-text)}

.meta{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm);margin:var(--space-2) 0 0}

/* ── chameleon upoutávka ── */
.uvod-chameleon-mrizka{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:center}
@media (min-width:56rem){.uvod-chameleon-mrizka{grid-template-columns:1fr 1fr}}
.ukazka{
  aspect-ratio:16/10;border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--border);box-shadow:var(--shadow-1);
  display:flex;flex-direction:column;background:var(--bg-card);
}
.ukazka-lista{height:12%;background-color:var(--ukazka-1);animation:prelevani 12s ease-in-out infinite}
.ukazka-hero{flex:1;background-color:var(--ukazka-1);animation:prelevani 12s ease-in-out infinite}
.ukazka-radky{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);background:var(--bg-card)}
.ukazka-radky span{display:block;height:.6rem;border-radius:var(--radius);background:var(--border)}
.ukazka-radky span:nth-child(1){width:80%}
.ukazka-radky span:nth-child(2){width:95%}
.ukazka-radky span:nth-child(3){width:60%}
@keyframes prelevani{
  0%{background-color:var(--ukazka-1)}
  25%{background-color:var(--ukazka-2)}
  50%{background-color:var(--ukazka-3)}
  75%{background-color:var(--ukazka-4)}
  100%{background-color:var(--ukazka-1)}
}
@media (prefers-reduced-motion:reduce){
  .ukazka-lista,.ukazka-hero{animation:none;background-color:var(--ukazka-1)}
}