/* Accessibility overrides for saharagrillmiami.com. Loaded after styles.css. */

/* Visible keyboard focus (WCAG 2.4.7) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #ffb38a !important;
  outline-offset: 3px !important;
}

#main-content:focus {
  outline: none;
}

/* Skip link must sit above the fixed navbar when focused */
.skip-nav:focus {
  z-index: 10001;
  color: #000;
}

/* Phone numbers are links: keep the surrounding colour, add a link cue */
a.phone-link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Contrast (WCAG 1.4.3): #E85A2B is 3.2:1 on the #3A3A3A dish cards.
   #FF8257 is 4.65:1 there and 4.9+:1 on the darker backgrounds. */
.dish-price,
.hours-link,
.vip-title {
  color: #ff8257;
}

.hamburger[role="button"] {
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Scroll-reveal blocks start off-screen/transparent. Show them at once when
   they contain keyboard focus (WCAG 2.4.7 / 2.4.11), and skip the effect for
   people who ask for reduced motion. */
.fade-in:focus-within,
.slide-in-left:focus-within,
.slide-in-right:focus-within {
  opacity: 1;
  transform: none;
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .fade-in,
  .slide-in-left,
  .slide-in-right {
    opacity: 1;
    transform: none;
  }
}