/* =====================================================
   styles-animace.css — scroll-reveal + enhanced hovers
   ===================================================== */

/* ─── Scroll reveal – výchozí stav ─── */

[data-reveal] {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
[data-reveal="left"]  { transform: translateX(-48px); }
[data-reveal="right"] { transform: translateX(48px); }
[data-reveal="fade"]  { transform: none; }

[data-reveal].revealed,
[data-reveal="left"].revealed,
[data-reveal="right"].revealed,
[data-reveal="fade"].revealed {
  opacity: 1;
  transform: none;
}

[data-reveal-delay="1"] { transition-delay: 0.10s; }
[data-reveal-delay="2"] { transition-delay: 0.20s; }
[data-reveal-delay="3"] { transition-delay: 0.30s; }
[data-reveal-delay="4"] { transition-delay: 0.40s; }
[data-reveal-delay="5"] { transition-delay: 0.50s; }
[data-reveal-delay="6"] { transition-delay: 0.60s; }


/* ─── hp-highlights ─── */

.hp-highlights-polozka {
  transition: filter 0.35s ease, transform 0.35s ease;
  cursor: pointer;
}
.hp-highlights-polozka:hover {
  filter: brightness(1.07);
  transform: translateY(-5px);
}


/* ─── hp-usp ─── */

.hp-usp-polozka {
  transition: transform 0.35s ease, filter 0.35s ease;
}
.hp-usp-polozka:hover {
  transform: translateY(-9px);
  filter: drop-shadow(0 18px 36px rgba(0,0,0,0.12));
}
.hp-usp-polozka h3 {
  transition: color 0.25s ease;
}
.hp-usp-polozka:hover h3 {
  color: var(--primary-color);
}


/* ─── hp-produkty liens ─── */

.hp-produkty-kategorie-content a {
  transition: border-color 0.2s ease;
}
.hp-produkty-kategorie-content a .kat-img {
  transition: filter 0.25s ease;
}
.hp-produkty-kategorie-content a:hover .kat-img {
  filter: brightness(1.15);
}


/* ─── Top značky ─── */

.top-znacky .polozka {
  overflow: hidden;
}
.top-znacky .polozka .znacka-img {
  transition: transform 0.5s ease;
}
.top-znacky .polozka:hover .znacka-img {
  transform: scale(1.07);
}
.top-znacky .polozka .znacka-logo {
  transition: opacity 0.3s ease;
}
.top-znacky .polozka:hover .znacka-logo {
  opacity: 0.85;
}


/* ─── Partneři ─── */

.partneri .loga img {
  transition: transform 0.3s ease;
}
.partneri .loga img:hover {
  transform: scale(1.07);
}


/* ─── Blog karty ─── */

.blog-content .clanek-primary {
  transition: transform 0.35s ease, filter 0.35s ease;
}
.blog-content .clanek-primary:hover {
  transform: translateY(-7px);
  filter: drop-shadow(0 14px 28px rgba(0,0,0,0.11));
}
.blog-content .clanek-primary img {
  transition: transform 0.5s ease;
}
.blog-content .clanek-primary:hover img {
  transform: scale(1.06);
}
.blog-content .clanek-primary h3 {
  transition: color 0.25s ease;
}
.blog-content .clanek-primary:hover h3 {
  color: var(--primary-color);
}


/* ─── Statistiky (cisla) ─── */

.hp-o-nas .cislo {
  transition: transform 0.25s ease;
  cursor: default;
}
.hp-o-nas .cislo:hover {
  transform: scale(1.04);
}
.hp-o-nas .cislo .hodnota {
  transition: color 0.25s ease;
}
.hp-o-nas .cislo:hover .hodnota {
  color: var(--primary-color);
}


/* ─── Btn hover zlepšení ─── */

.btn-primary {
  transition: filter 0.25s ease, transform 0.25s ease;
  cursor: pointer;
}
.btn-primary:hover {
  filter: brightness(1.12);
  transform: translateY(-2px);
}

.btn-secondary {
  transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
.btn-secondary:hover {
  transform: translateY(-2px);
}