/* Style the dropdown */
.language-selector {
    width: 150px; /* Adjust width if necessary */
    height: 40px;
    display: flex;
    align-items: center; /* Centers items vertically */
    justify-content: center; /* Centers items horizontally */
    background-color: var(--secondary-color);
    margin: 0 auto; /* Centers the parent div horizontally in its container */
    border-radius: 8px; /* Rounded edges for the container */
}

.language-selector div img {
    height: 30px;
    margin-right: 8px; /* Adds spacing between the icon and the dropdown */
}

#language-dropdown {
    height: 25px;
    width: auto;
    padding: 1px;
    border: 0px;
    border-radius: 13px;
    background: white;
    cursor: pointer;
}

#language-dropdown option {
    padding: 5px 10px;
    display: flex;
    align-items: center;
    background: white;
    border: none;
}