/* Hair We Are — Custom Styles
   Additional overrides and micro-interactions not covered by Tailwind
*/

/* Smooth focus outlines for accessibility */
*:focus-visible {
    outline: 2px solid #10b981;
    outline-offset: 2px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #fdf9ef;
}
::-webkit-scrollbar-thumb {
    background: #059669;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #047857;
}

/* Selection color */
::selection {
    background: #d1fae5;
    color: #064e3b;
}

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

/* Ensure hero is always visible */
#hero {
    min-height: 100vh;
    min-height: 100dvh;
}

/* Mobile menu link active state */
.mobile-link.active {
    color: #059669;
}

/* Button focus states */
.btn-primary:focus-visible {
    outline: 2px solid #10b981;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    nav, .mobile-menu, #contactForm button {
        display: none;
    }
    body {
        color: #000;
        background: #fff;
    }
}