/* MC Install — doladenie pre telefón a plávajúce prvky (10. 10. 2026)
   Načítava sa ako posledný štýl. Tailwind (CDN) vkladá svoje triedy až za tento súbor,
   preto majú pravidlá nižšie o stupeň silnejší selektor (#domov …, a.whatsapp-btn, #id). */

/* ─── Plávajúce tlačidlá (WhatsApp, späť hore) ───────────────────────────────── */
a.whatsapp-btn,
#back-to-top {
  transition: bottom .4s cubic-bezier(.16, 1, .3, 1), opacity .3s ease, transform .3s ease,
              box-shadow .3s ease, background-color .3s ease, color .3s ease;
}
/* keď je vidno spodnú lištu „Máte otázku?", tlačidlá sa posunú nad ňu (výšku nastavuje skript) */
body.lista-viditelna a.whatsapp-btn,
body.lista-viditelna #back-to-top {
  bottom: calc(1.5rem + var(--lista-vyska, 0px));
}

/* Užšie obrazovky (tablet, menší notebook): obsah siaha až k ľavému okraju, takže „späť hore"
   vľavo dole prekrývalo začiatky riadkov. Ide doprava nad WhatsApp. Od 1400 px má vľavo voľné miesto. */
@media (max-width: 1399px) {
  #back-to-top {
    left: auto;
    right: 2rem;
    bottom: calc(1.5rem + 4rem + .75rem);
  }
  body.lista-viditelna #back-to-top {
    bottom: calc(1.5rem + 4rem + .75rem + var(--lista-vyska, 0px));
  }
}

/* ─── Telefón ─────────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  /* Odkrývanie pri rolovaní: kratšie, bez bočného posunu, bez čakania v poradí.
     (Karty sú na telefóne pod sebou — oneskorenie 0,1–0,6 s podľa poradia tam len zdržiava.) */
  .animate-on-scroll {
    transform: translateY(16px);
    transition-duration: .45s;
  }
  .animate-on-scroll.animate-left:not(.is-visible),
  .animate-on-scroll.animate-right:not(.is-visible) {
    transform: translateY(16px);
  }
  .animate-on-scroll.animate-scale:not(.is-visible) {
    transform: scale(.97);
  }
  .stagger-children .animate-on-scroll {
    transition-delay: 0s !important;
  }

  /* Plávajúce tlačidlá menšie a bližšie k rohu */
  a.whatsapp-btn {
    width: 3.5rem;
    height: 3.5rem;
    right: 1rem;
    bottom: 1rem;
  }
  #back-to-top {
    right: 1.5rem;
    width: 2.5rem;
    height: 2.5rem;
    bottom: calc(1rem + 3.5rem + .75rem);
  }
  body.lista-viditelna a.whatsapp-btn {
    bottom: calc(1rem + var(--lista-vyska, 0px));
  }
  body.lista-viditelna #back-to-top {
    bottom: calc(1rem + 3.5rem + .75rem + var(--lista-vyska, 0px));
  }

  /* Koniec stránky: riadok s autorskými právami nesiaha pod plávajúce tlačidlá vpravo */
  .paticka-prava > div {
    padding-right: 5rem;
  }
}

@media (max-width: 640px) {
  /* Úvod: tri čísla vedľa seba (tretie sa lámalo na druhý riadok) */
  #domov .hero-stats {
    flex-wrap: nowrap;
    gap: .75rem;
    justify-content: space-between;
    align-items: stretch;
  }
  #domov .hero-stats > .text-center {
    flex: 1 1 0;
    min-width: 0;
  }
  #domov .hero-stats .text-3xl {
    font-size: 1.625rem;
    line-height: 2rem;
  }
  #domov .hero-stats .text-sm {
    font-size: .75rem;
    line-height: 1.15rem;
  }

  /* Spodná lišta: nižšia, tlačidlá na celú šírku (bola 100 px vysoká) */
  #urgency-bar {
    gap: 8px;
    padding: 10px 44px 12px;
  }
  #urgency-bar .urgency-text {
    font-size: .82rem;
    line-height: 1.2;
    text-align: center;
  }
  #urgency-bar .urgency-actions {
    width: 100%;
  }
  #urgency-bar .urgency-btn {
    flex: 1 1 0;
    justify-content: center;
    padding: 9px 12px;
  }
  #urgency-bar .urgency-close {
    top: 10px;
    transform: none;
  }
}

/* Kto má v zariadení vypnuté animácie, vidí obsah hneď */
@media (prefers-reduced-motion: reduce) {
  .animate-on-scroll {
    opacity: 1;
    transform: none;
    transition: none;
  }
}