/*
 * Horoh CSS Segura | Acessibilidade e foco visível
 * Correções conservadoras carregadas por último.
 */

:where(a, button, input, select, textarea, summary, [role="button"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 2px solid var(--horoh-gold, #d4b06a) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 3px rgba(212, 176, 106, 0.18) !important;
}

#HorohHeader :where(a, button, input, select, textarea, [role="button"]):focus-visible,
.horoh-header :where(a, button, input, select, textarea, [role="button"]):focus-visible,
.gtranslate_wrapper :where(a, button, .glink):focus-visible {
  outline-color: var(--horoh-gold, #d4b06a) !important;
  outline-offset: 4px !important;
}

.horoh-slider-container .horoh-nav:focus-visible,
.horoh-acomodacao-slider .horoh-slider-btn:focus-visible,
.horoh-contact-newsletter .elementor-form button[type="submit"]:focus-visible,
.horoh-contact-newsletter .elementor-form .elementor-button:focus-visible,
.elementor-form[name="Newsletter"] .elementor-button:focus-visible {
  outline: 2px solid var(--horoh-gold, #d4b06a) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 3px rgba(212, 176, 106, 0.2) !important;
}

.horoh-form-contato :where(input, select, textarea):focus-visible,
.hgh-reservation-hook :where(input, select, button, a):focus-visible,
.horoh-reservas-motor-real :where(input, select, button, a):focus-visible {
  border-color: var(--horoh-gold, #d4b06a) !important;
}

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


/* HOROH v1.8.7 | Skip link sem JS inline */
.horoh-skip-link:focus {
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 10px 14px !important;
  top: 8px !important;
  left: 8px !important;
  z-index: 100000 !important;
  background: #ffffff !important;
  color: #000000 !important;
}

.site-content:focus {
  outline: none;
}