/* Mobile Menu Active State - Overrides for Visibility */
header.menu-active {
    mix-blend-mode: normal !important;
    color: black !important;
}

/* Make hidden Webdesign text visible and blue when menu is open */
header.menu-active a.group span.opacity-0 {
    opacity: 1 !important;
    color: #1D4ED8 !important; /* Premium Blue */
    transition: opacity 0.3s ease;
}

/* Button Circle Styling when Menu is Open (Black Background) */
header.menu-active #mobile-menu-btn > div {
    background-color: black !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Button Bars Styling when Menu is Open (White Lines) */
header.menu-active #mobile-menu-btn .bg-black {
    background-color: white !important;
}

/* Ensure Logo "Westrich" turns black */
header.menu-active .text-white {
    color: black !important;
}

header.menu-active .mix-blend-difference {
    mix-blend-mode: normal !important;
}