/* Custom CSS for ReliaIT */

/* Shimmer animation for image loading */
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.animate-shimmer {
  animation: shimmer 1.5s infinite;
}

/* Hide scrollbar utility */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Form validation: show error message when field has .invalid class */
.invalid + p { display: block; }

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Keyboard focus styles for accessibility (WCAG AA) */
*:focus-visible {
  outline: 2px solid #3562BE;
  outline-offset: 2px;
  border-radius: 2px;
}

/* High-contrast focus for elements on dark backgrounds */
footer *:focus-visible,
.bg-brand-900 *:focus-visible,
.bg-brand-950 *:focus-visible {
  outline-color: #FBBF24;
}

/* Fix hero section height on landscape mobile */
@media (orientation: landscape) and (max-height: 500px) {
  #home {
    min-height: auto !important;
    height: auto !important;
  }
}

/* Respect user's reduced motion preference */
@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;
  }
}