/* Language switcher (2026-11-03): EN | TR | PT at the end of the header menu, in the menu's own
   type and colours; the page's own language is marked with the accent colour. */
nav > span.lang-switch {
    display: flex;
    align-items: flex-start; /* text on the same line as the menu's own links */
}

.lang-switch a + a {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ddd;
}

.lang-switch a {
    letter-spacing: 0.04em;
}

.lang-switch a[aria-current="page"] {
    color: var(--primary-color);
    font-weight: 400;
}

@media (max-width: 768px) {
    nav > span.lang-switch {
        padding-top: 10px;
    }

    nav > span.lang-switch a {
        border-bottom: 0;
    }

    .lang-switch a + a {
        margin-left: 14px;
        padding-left: 14px;
    }
}

/* Phones: the services-details row (Bootstrap .gx-5 gutters) sticks out past the screen, which made
   phones widen the page and pushed the menu button (and with it this switcher) off the right edge.
   Clipping the sideways overflow keeps the page at the screen's width; nothing visible changes. */
@media (max-width: 768px) {
    html {
        overflow-x: hidden;
    }
}