#language-menu {
    display: none; /* Dölj menyn från början */
    position: absolute;
    top: 50px; /* Placera menyn precis under ikonen */
    right: 0;
    background-color: white;
    /* border: 1px solid #ccc; */
    /* padding: 10px; */
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    box-shadow: 0 20px 40px #00000026;
    z-index: 999;
}

#language-toggle {
    position: relative;
    cursor: pointer;
}

.language-switcher {
    color: #515151;
    display: flex;
    font-size: .9rem;
    font-weight: 700;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: .8em 2em;
    transition: all .1s;
    z-index: 20;
    column-gap: 1rem;
}

.language-switcher li
{
    white-space: nowrap;
    line-height: 1;
}

#language-toggle path {
    stroke: #ffffff;  /* Röd färg, byt till den färg du vill */
}
#language-toggle:hover path {
    stroke: var(--ast-global-color-1, #f4b400); /* Standardfärg om variabeln saknas */
}

#language-menu a {
    display: block;
    padding: 5px;
    color: #515151;
    text-decoration: none;
    text-transform: uppercase;
}

#language-menu a:hover {
    /* background-color: #f0f0f0; */
    color: #00d3b1;
    text-decoration: underline;
}