/* RADTL polish layer — motion & micro-interactions only.
   Colors, fonts, spacing and layout stay exactly as the original design. */

/* Smooth anchor scrolling */
html { scroll-behavior: smooth; }

/* Scroll reveal */
.rp-reveal { opacity: 0; transform: translateY(18px); }
.rp-reveal.rp-in {
  opacity: 1;
  transform: none;
  transition: opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1);
}

/* Image zoom inside cards / groups */
.group img, .bg-card img, .rounded-lg img, .shadow-lg img {
  transition: transform .8s cubic-bezier(.2,.8,.2,1);
  will-change: transform;
}
.group:hover img, .bg-card:hover img, .shadow-lg:hover img { transform: scale(1.05); }

/* Card lift */
.bg-card, .shadow-md, .shadow-lg {
  transition: transform .35s ease, box-shadow .35s ease;
}
.bg-card:hover, .shadow-md:hover, .shadow-lg:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 45px -28px rgba(15, 23, 42, .55);
}

/* Button + link micro-interactions (no underline, per site rule) */
a.bg-blue-600, button.bg-blue-600, .btn, button[type="submit"] {
  transition: transform .25s ease, filter .25s ease, box-shadow .25s ease;
}
a.bg-blue-600:hover, button.bg-blue-600:hover, .btn:hover, button[type="submit"]:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
}
a.bg-blue-600:active, button.bg-blue-600:active { transform: translateY(0); }

.nav-link { transition: color .25s ease, opacity .25s ease; text-decoration: none !important; }

/* Floating call / whatsapp buttons */
a[href^="https://wa.me"], a[href^="tel:"] { transition: transform .3s ease; }
a[href^="https://wa.me"]:hover, a[href^="tel:"]:hover { transform: scale(1.08); }

/* Sticky header shadow once scrolled */
#page-header { transition: box-shadow .35s ease, backdrop-filter .35s ease; }
#page-header.rp-scrolled { box-shadow: 0 10px 30px -22px rgba(15, 23, 42, .6); }

/* Scroll progress bar removed */
#rp-progress { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .rp-reveal, .rp-reveal.rp-in { opacity: 1; transform: none; transition: none; }
  .group:hover img, .bg-card:hover img, .shadow-lg:hover img { transform: none; }
  .bg-card:hover, .shadow-md:hover, .shadow-lg:hover { transform: none; }
}