/* Additional custom styles for The Melody Lounge */

/* Smooth focus styles for accessibility */
a:focus-visible, button:focus-visible {
    outline: 3px solid rgba(224, 64, 104, 0.5);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection color */
::selection {
    background: rgba(168, 28, 56, 0.2);
    color: #3e0a15;
}

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

/* Mobile menu animation */
@media (prefers-reduced-motion: no-preference) {
    .hamburger-line:first-child {
        transition: transform 0.3s ease 0.1s;
    }
    .hamburger-line:nth-child(2) {
        transition: opacity 0.3s ease;
    }
    .hamburger-line:last-child {
        transition: transform 0.3s ease 0.1s;
    }
    #menuToggle.active .hamburger-line:first-child {
        transform: translateY(6px) rotate(45deg);
    }
    #menuToggle.active .hamburger-line:nth-child(2) {
        opacity: 0;
    }
    #menuToggle.active .hamburger-line:last-child {
        transform: translateY(-6px) rotate(-45deg);
    }
}

/* Print styles */
@media print {
    .hero-bg, .blob, .reveal {
        opacity: 1 !important;
        transform: none !important;
    }
    nav { display: none; }
    body { color: #000; background: #fff; }
}