/* Hamburger styling */
    #menu-toggle span {
    background-color: #000;
    }

    /* Optional: smooth transform on hover */
    #menu-toggle:hover span {
    background-color: #775201;
    }

    /* Mobile menu shadow & background */
    #mobile-menu {
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    border-radius: 8px;
    }

    /* Mobile menu hover */
    #mobile-menu a:hover {
    background-color: #F3F4F6; /* subtle gray for professional feel */
    }

    /* Ensure smooth transition for menu */
    #mobile-menu {
    transition: all 0.3s ease-in-out;
    }