/* Restores the original floating WhatsApp control after removing React motion. */
button.fixed.bottom-6.right-6 > svg {
  position: relative;
  z-index: 2;
}

button.fixed.bottom-6.right-6 > span.absolute.inset-0 {
  z-index: 0;
}

button.fixed.bottom-6.right-6 > div {
  z-index: 3;
}

button.fixed.bottom-6.right-6 {
  animation: petrozin-whatsapp-float 2.4s ease-in-out infinite;
}

@keyframes petrozin-whatsapp-float {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-4px) scale(1.03); }
}

@media (prefers-reduced-motion: reduce) {
  button.fixed.bottom-6.right-6 { animation: none; }
}

/* Local Poppins files: independent of the original Next.js asset paths. */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/eafabf029ad39a43-s.p.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/8888a3826f4a3af4-s.p.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/0484562807a97172-s.p.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/b957ea75a84b6ea7-s.p.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/7db6c35d839a711c-s.p.woff2") format("woff2");
}

.font-poppins { font-family: "Poppins", sans-serif !important; }

/* Keep this utility independent from the original Tailwind-generated CSS. */
button.fixed.bottom-6.right-6 {
  position: fixed !important;
  right: 1.5rem !important;
  bottom: 1.5rem !important;
  z-index: 9999 !important;
}

/* The small navigation dots move gently, matching the live site's ambience. */
header .pointer-events-none > div {
  animation: petrozin-dot-drift 3.2s ease-in-out infinite;
  will-change: transform, opacity;
}
header .pointer-events-none > div:nth-child(2) { animation-delay: -1.1s; }
header .pointer-events-none > div:nth-child(3) { animation-delay: -2.2s; }

@keyframes petrozin-dot-drift {
  0%, 100% { transform: translate3d(0, 0, 0); opacity: .55; }
  50% { transform: translate3d(0, -7px, 0); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  header .pointer-events-none > div { animation: none; }
}
