/* ============================================================
   Fade-up animace sekci pri scrollu - nahrada framer-motion
   (initial: opacity 0 / y 44px -> whileInView: opacity 1 / y 0,
   duration 0.65s, ease cubic-bezier(.25,.1,.25,1), spusti se jednou)
   ============================================================ */
.fade-up {
  opacity: 0;
  transform: translateY(44px);
  transition: opacity .65s cubic-bezier(.25,.1,.25,1), transform .65s cubic-bezier(.25,.1,.25,1);
}
.fade-up.je-videt { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  .fade-up { opacity: 1; transform: none; transition: none; }
}

/* Rozbalovani odpovedi ve FAQ (nahrada AnimatePresence height auto) */
.faq-odpoved {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height .3s ease, opacity .3s ease;
}
.faq-odpoved.otevreno { max-height: 60rem; opacity: 1; }

/* Karusel poukazu - prolnuti snimku (nahrada AnimatePresence, 0.6s easeInOut) */
.karusel-snimek { opacity: 0; transition: opacity .6s ease-in-out; }
.karusel-snimek.je-aktivni { opacity: 1; }

/* Tlacitko "Odeslat pres WhatsApp" u poptavky - jen dotykova zarizeni.
   Na desktopu wa.me vede na web.whatsapp.com s QR kodem, tam ho nechceme. */
.jen-dotyk { display: none; }
@media (pointer: coarse) {
  .jen-dotyk { display: block; }
}

/* 🔴 Barva tlacitka MUSI byt tady, ne Tailwind tridou `bg-[#25D366]`:
   styl.css je staticky predkompilovany Tailwind, arbitrary hodnoty se v nem
   nikdy nevygeneruji a tlacitko by bylo bile na bilem. */
.tlacitko-whatsapp {
  background-color: #25d366;
  color: #fff;
  transition: background-color .2s ease, transform .2s ease;
}
.tlacitko-whatsapp:hover { background-color: #1da851; transform: scale(1.02); }
.tlacitko-whatsapp:active { transform: scale(.99); }