/* Custom styles that complement Tailwind */

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

/* Gold accent hover states */
a[href^="tel:"], a[href^="mailto:"] {
    text-decoration: none;
}

/* Focus styles for accessibility */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid #d4941a;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection color */
::selection {
    background-color: rgba(212, 148, 26, 0.3);
    color: #f2d98a;
}

/* Reduce motion for scroll animations */
@media (prefers-reduced-motion: reduce) {
    .reveal-text, .reveal-img {
        opacity: 1 !important;
        transform: none !important;
        clip-path: inset(0 0 0 0) !important;
    }
}

/* Loading state for images */
img {
    background: linear-gradient(135deg, #0d1528 0%, #111d35 100%);
}

/* Nav scroll state */
.nav-scrolled {
    background: rgba(10, 15, 30, 0.95) !important;
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(212, 148, 26, 0.1);
}

/* Card image hover */
.service-card img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Button active state */
button:active, .btn-gold:active {
    transform: scale(0.98);
}

/* Smooth image loading */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}