/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */

/* =====================
   Sélecteur de langue
   ===================== */

.langswitcher {
    display: inline-flex;
    align-items: center;
    margin: 0 0.75rem !important;
    padding: 0;
    transform: translateY(-6px) !important;
}

.langswitcher li {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

.langswitcher a {
    display: inline-flex;
    align-items: center;
    font-size: 0;
    color: inherit !important;
    text-decoration: none !important;
    opacity: 0.7;
    transition: opacity 0.15s ease;
}

.langswitcher li:first-child a::after {
    content: 'FR';
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1;
    padding-right: 0.3rem;  
}

.langswitcher li:first-child + li a::after {
    content: 'EN';
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1;
    padding-left: 0.3rem; 
}

.langswitcher a:hover {
    opacity: 1;
}

.langswitcher a.active {
    opacity: 1;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

/* =====================
   Navbar — section actions
   ===================== */

.navbar-section.actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Forcer Font Awesome sur les icônes (bouton thème clair/sombre) */
i.icon,
.icon-auto,
.fa-solid,
.fa-regular,
.fa-brands {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 5 Free", FontAwesome, sans-serif !important;
    font-weight: 900;
}