/* Only apply these changes on screens smaller than 992px (Mobile & Tablets) */
@media (max-width: 991.98px) {
    
    /* Hide the empty broken font box */
    .navbar-toggler [class*="icon-"], 
    .navbar-toggler::before {
        display: none !important;
    }

    /* Force the button to display a clean gray hamburger menu */
    .navbar-toggler {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(128, 128, 128, 0.5) !important; /* Subtle gray border */
        background-color: transparent !important;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(128, 128, 128, 1)' stroke-width='2.5' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 24px !important;
    }
}