/*
 * Psí salon Hejny – desktopová dynamika mimo úvod
 *
 * Úvodní sekce zde není vůbec stylovaná, takže zůstává přesně
 * ve vzhledu a poloze definované původním site.css.
 */

@media (min-width: 900px) {
  html.hejny-motion-ready {
    --hejny-ease: cubic-bezier(.2, .75, .2, 1);
  }

  /* Jemný pohyb dalších částí při scrollování */
  html.hejny-motion-ready .hejny-scroll-motion {
    --hejny-scroll-shift: 0px;
    translate: 0 var(--hejny-scroll-shift);
    transition:
      translate .16s linear,
      box-shadow .3s ease,
      border-color .3s ease;
    will-change: translate;
  }

  /* Karty ceníku */
  html.hejny-motion-ready .price-card {
    --hejny-card-rx: 0deg;
    --hejny-card-ry: 0deg;
    --hejny-card-lift: 0px;
    transform:
      perspective(850px)
      translate3d(0, var(--hejny-card-lift), 0)
      rotateX(var(--hejny-card-rx))
      rotateY(var(--hejny-card-ry));
    transform-style: preserve-3d;
    transition:
      transform .18s ease-out,
      box-shadow .28s ease,
      border-color .28s ease;
    will-change: transform;
  }

  html.hejny-motion-ready .price-card:hover {
    --hejny-card-lift: -12px;
    border-color: rgba(239, 133, 140, .5);
    box-shadow: 0 28px 62px rgba(60, 50, 43, .17);
  }

  html.hejny-motion-ready .price-card .dog-icon {
    transform: translateZ(28px);
  }

  html.hejny-motion-ready .price-card .dog-icon img {
    animation: hejnyDogFloat 3.7s ease-in-out infinite;
    transition: transform .28s var(--hejny-ease);
  }

  html.hejny-motion-ready .price-card:nth-child(2) .dog-icon img { animation-delay: .35s; }
  html.hejny-motion-ready .price-card:nth-child(3) .dog-icon img { animation-delay: .7s; }
  html.hejny-motion-ready .price-card:nth-child(4) .dog-icon img { animation-delay: 1.05s; }
  html.hejny-motion-ready .price-card:nth-child(5) .dog-icon img { animation-delay: 1.4s; }

  html.hejny-motion-ready .price-card:hover .dog-icon img {
    transform: scale(1.1);
  }

  html.hejny-motion-ready .price-card h3,
  html.hejny-motion-ready .price-card strong,
  html.hejny-motion-ready .price-card p,
  html.hejny-motion-ready .price-card .paw {
    position: relative;
    transform: translateZ(14px);
  }

  /* Galerie, fotografie, dentální sekce a kontakt */
  html.hejny-motion-ready .gallery-item,
  html.hejny-motion-ready .about-photo,
  html.hejny-motion-ready .dental-panel,
  html.hejny-motion-ready .contact-card {
    transition:
      translate .18s linear,
      transform .35s var(--hejny-ease),
      box-shadow .35s ease,
      border-color .35s ease;
  }

  html.hejny-motion-ready .gallery-item:hover {
    transform: scale(1.018);
    box-shadow: 0 28px 66px rgba(55, 64, 51, .2);
  }

  html.hejny-motion-ready .gallery-item img {
    transition: transform .72s var(--hejny-ease);
  }

  html.hejny-motion-ready .gallery-item:hover img {
    transform: scale(1.07);
  }

  html.hejny-motion-ready .about-photo:hover {
    transform: rotate(-.55deg) scale(1.012);
    box-shadow: 0 30px 68px rgba(65, 54, 45, .18);
  }

  html.hejny-motion-ready .about-photo img {
    transition: transform .72s var(--hejny-ease);
  }

  html.hejny-motion-ready .about-photo:hover img {
    transform: scale(1.045);
  }

  html.hejny-motion-ready .dental-panel:hover {
    transform: translateY(-9px);
    box-shadow: 0 30px 68px rgba(65, 75, 58, .17);
  }

  html.hejny-motion-ready .contact-card:hover {
    transform: translateY(-10px);
    border-color: rgba(104, 143, 100, .38);
    box-shadow: 0 22px 48px rgba(65, 54, 45, .14);
  }

  html.hejny-motion-ready .tooth-icon img,
  html.hejny-motion-ready .dental-doodle img {
    animation: hejnyDentalFloat 3.6s ease-in-out infinite;
    transform-origin: center;
  }

  html.hejny-motion-ready .dental-doodle img {
    animation-delay: .55s;
  }

  /* Tlačítka mimo úvod mohou reagovat na kurzor,
     ale původní vzhled úvodu se tím nemění. */
  html.hejny-motion-ready .btn {
    --hejny-button-x: 0px;
    --hejny-button-y: 0px;
    translate: var(--hejny-button-x) var(--hejny-button-y);
    transition:
      translate .16s ease-out,
      transform .2s ease,
      box-shadow .2s ease,
      background-color .2s ease,
      border-color .2s ease;
    will-change: translate;
  }

  html.hejny-motion-ready .btn:hover {
    box-shadow: 0 16px 34px rgba(65, 54, 45, .17);
  }

  @keyframes hejnyDogFloat {
    0%, 100% { translate: 0 0; }
    50% { translate: 0 -9px; }
  }

  @keyframes hejnyDentalFloat {
    0%, 100% { transform: translateY(0) rotate(0); }
    50% { transform: translateY(-9px) rotate(4deg); }
  }
}

@media (prefers-reduced-motion: reduce) {
  html.hejny-motion-ready .dog-icon img,
  html.hejny-motion-ready .tooth-icon img,
  html.hejny-motion-ready .dental-doodle img {
    animation: none !important;
  }
}