/* Language Switcher CSS */

/* Default state: Show English, Hide French */
html:not(.lang-fr) .lang-fr,
html.lang-en .lang-fr {
    display: none;
}

html:not(.lang-fr) .lang-en,
html.lang-en .lang-en {
    display: block;
}

/* For inline elements like spans in default state */
html:not(.lang-fr) span.lang-fr,
html.lang-en span.lang-fr {
    display: none;
}

html:not(.lang-fr) span.lang-en,
html.lang-en span.lang-en {
    display: inline;
}

/* When French is active */
html.lang-fr .lang-en {
    display: none;
}

html.lang-fr .lang-fr {
    display: block;
}

/* For inline elements when French is active */
html.lang-fr span.lang-en {
    display: none;
}

html.lang-fr span.lang-fr {
    display: inline;
}

/* Language button active states */
.lang-btn.active,
.lang-btn-mobile.active,
.lang-btn-menu.active {
    font-weight: bold;
    opacity: 1;
}

.lang-btn:not(.active),
.lang-btn-mobile:not(.active),
.lang-btn-menu:not(.active) {
    opacity: 0.6;
}