/* Ensure menu text is black on mobile */
@media (max-width: 768px) {
    /* Left-align the Menu button */
    .WaGadgetMenuHorizontal {
        justify-content: flex-start; /* align it to the left */
        padding-left: 16px; /* padding from the left edge */
    }

    /* "Menu" text in black */
    .WaGadgetMenuHorizontal::before {
        content: "Menu";
        font-size: 18px;
        font-weight: bold;
        color: #000000; /* black text */
        margin-right: 10px;
    }

    /* Keep original hamburger icon color */
    .WaGadgetMenuHorizontal span,
    .WaGadgetMenuHorizontal span::before,
    .WaGadgetMenuHorizontal span::after {
        background-color: inherit; /* keep original color */
    }

    /* Menu text in black when opened */
    .VNavigationMenu ul li a {
        color: #000000; /* black text */
    }
}