/**

 * SLAKE — sélecteur de langue (mu-plugin slake-language.php)

 * Styles isolés : pas de dépendance au thème Elementor.

 */

.slake-lang-switcher-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0.25rem 1rem;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    z-index: 120;
}

/* Sous la bannière (emplacement d’origine) */
.slake-lang-switcher-bar--below-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0.5rem 1rem;
    background: #ffffff;
    border-bottom: 1px solid rgba(20, 37, 116, 0.1);
    box-sizing: border-box;
    text-align: center;
}

.slake-lang-switcher-bar--below-banner .slake-lang-switcher__link {
    color: #142574;
    opacity: 0.9;
}

.slake-lang-switcher-bar--below-banner .slake-lang-switcher__link:hover,
.slake-lang-switcher-bar--below-banner .slake-lang-switcher__link:focus {
    opacity: 1;
}

.slake-lang-switcher-bar--below-banner .slake-lang-switcher__link[aria-current="true"] {
    font-weight: 700;
    opacity: 1;
}

.slake-lang-switcher-bar--below-banner .slake-lang-switcher__sep {
    color: rgba(20, 37, 116, 0.35);
}

.slake-lang-switcher {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: center;

    gap: 0.35rem 0.5rem;

    font-family: inherit;

    font-size: 0.875rem;

    line-height: 1.4;

    margin: 0 auto;

    padding: 0;

    list-style: none;

    width: 100%;

    max-width: 100%;

    box-sizing: border-box;

    text-align: center;

}



/* Widget Elementor Shortcode dans le header */

.elementor-widget-shortcode .elementor-widget-container,

.elementor-shortcode .elementor-widget-container,

.wp-block-shortcode {

    text-align: center;

    width: 100%;

}



.elementor-widget-shortcode .elementor-widget-container .slake-lang-switcher,

.elementor-shortcode .slake-lang-switcher {

    justify-content: center;

}



.slake-lang-switcher__item {

    display: inline-flex;

    align-items: center;

}



.slake-lang-switcher__sep {

    color: rgba(0, 0, 0, 0.25);

    user-select: none;

    font-weight: 300;

}



.slake-lang-switcher__link {

    text-decoration: none;

    color: inherit;

    opacity: 0.75;

    padding: 0.15rem 0.25rem;

    border-radius: 3px;

    transition: opacity 0.15s ease;

}



.slake-lang-switcher__link:hover,

.slake-lang-switcher__link:focus {

    opacity: 1;

    text-decoration: underline;

}



.slake-lang-switcher__link[aria-current="true"] {

    opacity: 1;

    font-weight: 600;

    text-decoration: none;

    cursor: default;

}



.slake-lang-switcher__link--disabled {

    opacity: 0.4;

    pointer-events: none;

    text-decoration: none;

}



/* Bandeau auto-inject (optionnel) */

.slake-lang-switcher--banner {

    width: 100%;

    justify-content: center;

    padding: 0.4rem 1rem;

    background: rgba(0, 0, 0, 0.04);

    border-bottom: 1px solid rgba(0, 0, 0, 0.06);

    box-sizing: border-box;

}



/*

 * Menu EN/ES vide : entrée placeholder pour que wp_nav_menu / Elementor

 * rendent le toggle hamburger ; aucun lien visible pour le visiteur.

 */

.slake-nav-menu-placeholder,

.slake-nav-menu-placeholder > a,

.elementor-nav-menu .slake-nav-menu-placeholder,

/* Bandeau — page non disponible dans la langue du visiteur (EN/ES) */
.slake-untranslated-notice {
    position: fixed;
    left: 50%;
    bottom: 1.25rem;
    transform: translateX(-50%) translateY(120%);
    z-index: 999999;
    max-width: min(36rem, calc(100vw - 2rem));
    margin: 0;
    padding: 0.85rem 1.15rem;
    background: #142574;
    color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 8px 28px rgba(20, 37, 116, 0.35);
    cursor: pointer;
    opacity: 0;
    transition: transform 0.28s ease, opacity 0.28s ease;
    box-sizing: border-box;
    text-align: center;
}

.slake-untranslated-notice--visible {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}

.slake-untranslated-notice p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    font-family: inherit;
}

.slake-untranslated-notice:focus {
    outline: 2px solid rgba(255, 255, 255, 0.65);
    outline-offset: 2px;
}

@media (max-width: 767px) {
    .slake-untranslated-notice {
        top: auto;
        bottom: max(1rem, env(safe-area-inset-bottom, 1rem));
        left: 50%;
        max-width: calc(100vw - 1.5rem);
        padding: 1rem 1.1rem;
    }

    .slake-untranslated-notice p {
        font-size: 0.95rem;
    }
}

.elementor-nav-menu--dropdown .slake-nav-menu-placeholder {

    display: none !important;

    visibility: hidden !important;

    height: 0 !important;

    width: 0 !important;

    overflow: hidden !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    pointer-events: none !important;

}

