/* Additional custom styles for M and L Nails */

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

/* Ensure all text has proper contrast */
.text-white {
    color: #ffffff;
}

.text-gray-300 {
    color: #d1d5db;
}

.text-gray-400 {
    color: #9ca3af;
}

.text-gray-500 {
    color: #6b7280;
}

/* Button hover effects */
button, a {
    cursor: pointer;
}

/* Focus states for accessibility */
input:focus, textarea:focus, button:focus {
    outline: none;
}

/* Ensure mobile menu is accessible */
#mobile-menu {
    transition: opacity 0.3s ease;
}

#mobile-menu.hidden {
    opacity: 0;
    pointer-events: none;
}

#mobile-menu:not(.hidden) {
    opacity: 1;
    pointer-events: auto;
}

/* Prevent layout shift on images */
img {
    max-width: 100%;
    height: auto;
}

/* Custom selection color */
::selection {
    background-color: rgba(212, 160, 23, 0.3);
    color: #ffffff;
}

/* Loading state for buttons */
button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Print styles */
@media print {
    nav, .pulse-gold, form {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .text-gold-gradient {
        color: #d4a017;
        -webkit-text-fill-color: #d4a017;
    }
}