/* Static-site additions for genomebaseddiagnostics.com */

/* Animated DNA helix at the top of the homepage hero (same motion as gbdxcarlsbad.com) */
.hero-dna {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 24px 16px 28px;
  box-sizing: border-box;
  background: #fff;
  perspective: 1200px;
}
.hero-dna-stage {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-style: preserve-3d;
  animation: dnaFloat 24s ease-in-out infinite;
}
.hero-dna-image {
  display: block;
  width: 500px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  animation: dnaBreath 10s ease-in-out infinite;
  transform-origin: center center;
}
@keyframes dnaBreath {
  0%, 100% { transform: translateY(4px) scale(.96); }
  50% { transform: translateY(-8px) scale(1.04); }
}
@keyframes dnaFloat {
  0%, 100% { transform: rotateX(-2deg) rotateY(-3deg) translateX(-8px); }
  50% { transform: rotateX(2deg) rotateY(3deg) translateX(8px); }
}

/* Form spam trap: hidden from people, filled in by bots */
.hp-field {
  position: absolute !important;
  left: -10000px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Mobile menu opened without WordPress's script */
.wp-block-navigation__responsive-container.is-menu-open {
  display: flex !important;
}

/* 404 page */
.notfound {
  max-width: 640px;
  margin: 4rem auto;
  padding: 0 1rem;
  text-align: center;
}