/* Shah Automotive — neutral interactive focus and touch feedback.
   Keep brand-yellow buttons, discounts, availability tags, and hover accents intact.
   Only change the focus/selection treatment, not element layout or behavior. */

:where(a,button,input,select,textarea,summary,[tabindex],[role="button"]) {
  -webkit-tap-highlight-color: transparent;
}

/* Pointer/touch focus must never leave a bright colored ring behind. */
:where(a,button,input,select,textarea,summary,[tabindex],[role="button"]):focus:not(:focus-visible) {
  outline: none !important;
}

/* Accessible but understated keyboard focus indicator across all site sections. */
:where(a,button,input,select,textarea,summary,[tabindex],[role="button"]):focus-visible {
  outline: 2px solid #56616c !important;
  outline-offset: 2px !important;
}

/* When a user actually taps/clicks, hide the focus ring even if iPad Safari
   incorrectly treats the tap as focus-visible. A subsequent key press restores it. */
html[data-sa-input="pointer"]
  :where(a,button,input,select,textarea,summary,[tabindex],[role="button"]):focus-visible {
  outline: none !important;
}

/* White contrast ring in dark hero/footer surfaces, rather than bright yellow. */
:where(.luxury-hero,.hero,.footer,.footer-main,.top-strip,.topline,.sell-story,.contact-info)
  :where(a,button,input,select,textarea,summary,[tabindex],[role="button"]):focus-visible {
  outline-color: #e9edf2 !important;
}

/* Previously, focusing text fields introduced gold borders and yellow glow. */
:where(.site-form input,.site-form select,.site-form textarea):focus,
:where(#kontakt .site-form input,#kontakt .site-form select,#kontakt .site-form textarea):focus,
:where(#ankauf .site-form input,#ankauf .site-form select,#ankauf .site-form textarea):focus {
  border-color: #8b929c !important;
  box-shadow: 0 0 0 1px rgba(68,78,89,.14) !important;
}

/* Focus within a Contact detail must not keep a yellow border around its card. */
#kontakt .contact-info-list .contact-detail-card:focus-within {
  border-color: rgba(255,255,255,.32) !important;
}

/* The photo drag-and-drop destination is an interactive outline too. */
.photo-card.photo-drop-target {
  outline: 2px solid #64748b !important;
}