/* Additional custom styles for Liliya Esthetician */

/* Selection color */
::selection {
    background: rgba(201, 168, 76, 0.3);
    color: #f5f5f5;
}

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

/* Smooth image loading */
img {
    image-rendering: optimizeQuality;
    -webkit-font-smoothing: antialiased;
}

/* Prevent layout shift on select */
select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c9a84c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px;
}

/* Ensure all text meets contrast requirements */
.text-slate-400 {
    color: #94a3b8;
}

.text-slate-500 {
    color: #64748b;
}

.text-slate-600 {
    color: #475569;
}

.text-slate-700 {
    color: #334155;
}

/* Print styles */
@media print {
    .navbar, .mobile-menu, #menuBtn {
        display: none !important;
    }
    
    body {
        background: white;
        color: black;
    }
    
    .hero-gradient {
        background: #f5f5f5 !important;
    }
}