/**
 * Language switcher (pll-lang-switcher mu-plugin) style overrides.
 *
 * The [lang_switcher short=1] shortcode is in the dark nav bar,
 * right-aligned after the main navigation items.
 */

/* --- Lang switcher in dark nav bar --- */

.canopee-nav-lang {
    flex: 0 0 auto;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: var(--wp--preset--spacing--30, 16px);
}

.canopee-header-lang-switcher .pll-lang-switcher {
    font-size: 13px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    text-transform: none;
    gap: 8px;
    justify-content: flex-end;
}

/* Pipe separator between EN | FR */
.pll-pipe {
    color: rgba(255, 255, 255, 0.6) !important;
    cursor: default;
    user-select: none;
}

.canopee-header-lang-switcher .pll-lang-switcher a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.2s ease;
}

.canopee-header-lang-switcher .pll-lang-switcher a:hover {
    color: #FFFFFF;
}

.canopee-header-lang-switcher .pll-lang-switcher .current-lang a {
    font-weight: 700;
    color: #FFFFFF;
}

/* --- Shortcode in page content (default context) --- */

.entry-content .pll-lang-switcher a,
.wp-block-post-content .pll-lang-switcher a {
    color: var(--wp--preset--color--fuchsia-text, #C41261);
}

.entry-content .pll-lang-switcher a:hover,
.wp-block-post-content .pll-lang-switcher a:hover {
    text-decoration: underline;
}

.entry-content .pll-lang-switcher .current-lang a,
.wp-block-post-content .pll-lang-switcher .current-lang a {
    font-weight: 700;
    color: #111111;
}