/**
 * ROUNDAL - MOBILE NAVIGATION
 * ----------------------------------------
 * Language switcher (Connect Polylang Elementor)
 */

/* Taalwisselaar */
.roundal-mobile-nav .cpel-switcher__nav {
    width: 100%;
}

/* Compact en links uitgelijnd */
.roundal-mobile-nav .cpel-switcher__list {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0;

    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Taalitems */
.roundal-mobile-nav .cpel-switcher__lang {
    display: flex;
    align-items: center;
    width: auto;
    margin: 0 !important;
    padding: 0 !important;
}

/* Subtiele scheidingslijn */
.roundal-mobile-nav .cpel-switcher__lang + 
.cpel-switcher__lang::before {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: var(--e-global-color-03bfa5c);
}

/* Taallinks */
.roundal-mobile-nav .cpel-switcher__lang a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;
    padding: 8px 14px;

    background: transparent;
    border: none;
    border-radius: 0;

    text-decoration: none;

    transition: color .2s ease;
}

/* Eerste taal iets minder inspringen */
.roundal-mobile-nav .cpel-switcher__lang:first-child a {
    padding-left: 0;
}

/* Taalcode */
.roundal-mobile-nav .cpel-switcher__code {
    color: inherit;
    font: inherit;
}

/* Actieve taal */
.roundal-mobile-nav .cpel-switcher__lang--active a {
    color: var(--e-global-color-primary);
    font-weight: 600;
}

/* Hover */
.roundal-mobile-nav .cpel-switcher__lang a:hover {
    color: var(--e-global-color-primary);
}

/* Toetsenbordfocus */
.roundal-mobile-nav .cpel-switcher__lang a:focus-visible {
    outline: 2px solid var(--e-global-color-primary);
    outline-offset: 2px;
    border-radius: 3px;
}