/* Custom styles for Touch of Hair by Wendy Williams */

/* Smooth focus styles */
*:focus-visible {
  outline: 2px solid #ffd166;
  outline-offset: 2px;
}

/* Selection color */
::selection {
  background-color: #be185d;
  color: #fff;
}

/* Hero image animations */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}

/* Gradient text utility */
.text-gradient {
  background: linear-gradient(135deg, #ffd166, #f4b942);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Subtle hover lift for cards */
.hover-lift {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(80, 7, 36, 0.15);
}

/* Navbar scroll effect */
.nav-scrolled {
  box-shadow: 0 4px 20px rgba(80, 7, 36, 0.1) !important;
}

/* Custom input autofill */
input:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #fdf2f8 inset !important;
  -webkit-text-fill-color: #500724 !important;
}