.eventRegistrationInfoSpacesLeft,
.eventInfoSpacesLeft {display: none;}
#idSectionEventRegistrationTypeSelectorContainer div[id*="spaceLimitContainer"] { 
    display: none; 
} 
#idSectionEventRegistrationTypeSelectorContainer .availableRegistrationCount { 
  display: none; 
} 
/* 1. Change the Mobile Menu Banner to Black */
@media only screen and (max-width: 616px) {
    .m .navigationView, 
    .m .mobileHeader,
    .m .navigationView .nexus-menu-toggle {
        background-color: #000000 !important;
        background-image: none !important;
    }
}

/* 2. Change the Login "Person" Icon to Black */
/* This changes the circular background of the login icon */
.loginLink, 
.WaGadgetLoginButton .loginLink, 
.m .loginLink {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* 3. Ensure the "Person" icon inside remains white */
.loginLink .icon, 
.loginLink::before {
    color: #ffffff !important;
}
/* Change the Mobile Panel (Banner) to Black */
.m .mobilePanel, 
.mobilePanel,
.m .mobilePanel .nexus-menu-toggle {
    background-color: #000000 !important;
    background-image: none !important; /* Forces removal of the orange background */
}

/* Ensure the Menu Icon (Hamburger) remains visible on the black background */
.m .mobilePanel .nexus-menu-toggle span,
.m .mobilePanel .nexus-menu-toggle::before,
.m .mobilePanel .nexus-menu-toggle::after {
    background-color: #ffffff !important;
}

/* Change the Login 'Person' Icon to Black */
.m .mobilePanel .loginLink, 
.loginLink {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* Ensure the 'Person' icon silhouette stays white */
.loginLink .icon, 
.loginLink::before {
    color: #ffffff !important;
}