.language-selector {
    display: inline-block;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
}
#lang-select {
    padding: 8px 30px 8px 10px;
    font-size: 1em;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    appearance: none; /* Remove default dropdown arrow */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path d="M2 4l4 4 4-4" fill="none" stroke="%23333" stroke-width="2"/></svg>'); /* Custom arrow */
    background-repeat: no-repeat;
    background-position: right 10px center;
}
#lang-select:focus {
    outline: 2px solid #3498db;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
/* Add flag emoji before selected option */
#lang-select option::before {
    content: attr(data-flag);
    margin-right: 8px;
}
@media (max-width: 600px) {
    #lang-select {
        font-size: 0.9em;
        padding: 6px 25px 6px 8px;
    }
}