/* Custom styles for Badiali's Beauty Salon */

/* Ensure navbar doesn't overlap content */
#hero {
    padding-top: 0;
}

/* Smooth section transitions */
section {
    position: relative;
}

/* Gold line accent animations */
.thin-line {
    transition: width 0.6s ease;
}

/* Subtle page load */
body {
    opacity: 1;
}

/* Mobile menu animations */
.mobile-menu {
    will-change: transform;
}

/* Image loading placeholder */
img {
    background-color: #e8e6e1;
}

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

/* Reduced motion - ensure content is always visible */
@media (prefers-reduced-motion: reduce) {
    .reveal {
        opacity: 1;
        transform: none;
    }
    
    html {
        scroll-behavior: auto;
    }
    
    .service-card, .img-zoom img, .nav-link::after {
        transition: none;
    }
}

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