/* Ozone Barbers — bespoke bits Tailwind can't express cleanly */

/* Marquee strip */
.ozone-marquee {
  display: inline-block;
  will-change: transform;
}

@media (prefers-reduced-motion: no-preference) {
  .ozone-marquee {
    animation: ozone-marquee-scroll 28s linear infinite;
  }
  @keyframes ozone-marquee-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }
}

/* Slow fade-in for hero block on first paint */
@media (prefers-reduced-motion: no-preference) {
  section[aria-labelledby="hero-heading"] h1,
  section[aria-labelledby="hero-heading"] p,
  section[aria-labelledby="hero-heading"] dl {
    animation: ozone-fade-up .6s ease-out both;
  }
  section[aria-labelledby="hero-heading"] p  { animation-delay: .08s; }
  section[aria-labelledby="hero-heading"] dl { animation-delay: .16s; }
  @keyframes ozone-fade-up {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
  }
}

/* Make sure the sticky mobile CTA never overlaps final footer text visually */
@media (max-width: 640px) {
  footer { padding-bottom: 64px; }
}

/* Nicely suppress iframe outline colour to match brand on focus */
iframe:focus-visible {
  outline: 3px solid #C9A24B;
  outline-offset: 2px;
}