/* ==========================================================
   Frontend Audit Fixes (Responsiveness, A11y, Focus/Hover)
   ========================================================== */

/* 6) Responsiveness & Horizontal Scroll */
html, body {
  /* Prevent horizontal scroll caused by 100vw or absolute positioned elements */
  overflow-x: hidden;
}

img, video, iframe, canvas, svg {
  /* Ensure media elements don't break containers */
  max-width: 100%;
  height: auto;
}

/* 7 & 8) Accessibility, Hover, Focus States */
a:focus-visible, 
button:focus-visible, 
input:focus-visible, 
textarea:focus-visible, 
select:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #ff6600 !important; /* Theme primary color */
  outline-offset: 2px !important;
}

/* Consistent hover states for interactive elements */
a:hover {
  opacity: 0.85;
  transition: opacity 0.2s ease;
}

button:hover, 
.grve-btn:hover,
input[type="submit"]:hover {
  filter: brightness(0.9) !important;
  transition: filter 0.2s ease;
}