/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/


/* Language switcher in menu (no flex per your setup) */
#mainNav>ul>li.lang-switch-nav button {
    border: none;
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    font-size: .9rem;
    font-weight: 600;
}

#mainNav>ul>li.lang-switch-nav button.active {
    background: #222;
    color: #fff;
}

button:disabled {
    background-color: #cccccc; /* A light gray background */
    color: #666666; /* A darker gray for the text color */
    cursor: not-allowed; /* Changes the cursor to indicate it's not clickable */
    opacity: 0.7; /* Reduces the opacity to further indicate disabled state */
  }