/* Custom styles that complement Tailwind */

/* Ensure smooth rendering */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Mobile menu line animations */
.menu-line-1 {
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.menu-line-2 {
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.menu-line-3 {
    transition: width 0.3s ease, opacity 0.3s ease;
}

#mobileMenu.open .menu-line-1 {
    transform: translateY(8px) rotate(45deg);
}
#mobileMenu.open .menu-line-2 {
    opacity: 0;
}
#mobileMenu.open .menu-line-3 {
    width: 20px;
    transform: translateY(-8px) rotate(-45deg);
}

/* Subtle gradient overlay for hero image area */
.hero-gradient {
    background: linear-gradient(135deg, #faf7f4 0%, #fdf0ee 50%, #fef9c3 100%);
}

/* Selection color */
::selection {
    background: #f0b4aa;
    color: #5e281e;
}

/* Focus visible for accessibility */
:focus-visible {
    outline: 2px solid #d97058;
    outline-offset: 2px;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .fade-in { opacity: 1; transform: none; transition: none; }
    .service-card { transition: none; }
    .hero-image-wrapper img { transition: none; }
}