/* 
Theme Name: Hello Elementor Child
*/

/* ==========================================================================
   HEADER — logo + fond (affichés au scroll via .is-visible)
   ========================================================================== */
   header #headerLogoSite > .elementor-widget-container {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.4s ease, visibility 0.4s ease !important;

    &.is-visible {
        opacity: 1 !important;
        visibility: visible !important;
    }
}

header .headerBg {
    background-color: transparent !important;
    transition: background-color 0.4s ease !important;

    &.is-visible {
        background-color: var(--e-global-color-77af503) !important;
    }
}

/*
#heroSection { margin-top: var(--header-height)!important} */

/* ==========================================================================
   HEADER — menu principal
   ========================================================================== */
header .main-menu ul.elementor-nav-menu {

    > li > a.elementor-item {
        padding: 10px !important;
        color: #FFF !important;
        font-family: var(--e-global-typography-primary-font-family) !important;
        font-size: 1.125rem !important;
        font-style: normal !important;
        font-weight: var(--e-global-typography-secondary-font-weight) !important;
        line-height: normal !important;
    }

    > li.menu-item > a.elementor-item-active,
    > li.menu-item > a.elementor-item:hover {
        color: var(--e-global-color-c70ede9) !important;
        border: 0 !important;
    }

    /* soulignement masqué (le sélecteur générique couvre déjà actif + survol) */
    > li.menu-item > a.elementor-item::after {
        display: none !important;
    }

    /* bouton primaire */
    > li.btnMenu.forBtnPrimary > a.elementor-item {
        width: auto !important;
        padding: 9px 33px !important;
        margin: 0 10px !important;
        justify-content: center !important;
        align-items: center !important;
        background: var(--color-primary);
    }

    /* bouton secondaire (icône fairmove) */
    > li.btnMenu.forBtnSecondary > a.elementor-item {
        position: relative;
        width: 152px !important;
        height: 41px !important;
        padding: 10px 0px 9px 17px !important;
        margin: 0 10px !important;
        justify-content: center !important;
        align-items: center !important;
        background: var(--color-secondary);

        &::before {
            content: "";
            display: inline-block;
            width: 20px;
            height: 20px;
            left: 20px; /* sans effet : pas de position:absolute (voir note) */
            vertical-align: middle;
            background-image: url('https://mobilidee.logia-web.fr/wp-content/uploads/2026/06/fairmove_logo-blanc-10.svg');
            background-size: contain;
            background-repeat: no-repeat;
            background-color: transparent !important;
            opacity: 1 !important;
        }
    }
}

/* ==========================================================================
   HEADER — responsive ≤ 1024px (menu burger)
   ========================================================================== */
@media screen and (max-width: 1024px) {
    header nav {
        margin-top: 25px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        background-color: transparent !important;

        .elementor-nav-menu {
            padding: 15px 0 !important;
            background-color: var(--e-global-color-77af503) !important;
            border-radius: 5px !important;
        }
    }

    header .main-menu ul.elementor-nav-menu {
        > li.menu-item.forBtnSecondary {
            margin-bottom: 15px !important;
        }

        > li.btnMenu.forBtnPrimary > a.elementor-item {
            width: 210px !important;
        }
    }
}

/* ==========================================================================
   HEADER — responsive 1024–1100px
   ========================================================================== */
@media screen and (min-width: 1024px) and (max-width: 1100px) {
    header .e-con-inner .headerBg.elementor-element {
        padding: 15px 20px !important;
    }

    header .main-menu ul.elementor-nav-menu {
        > li > a.elementor-item {
            padding: 10px 5px !important;
        }

        > li.btnMenu.forBtnPrimary > a.elementor-item,
        > li.btnMenu.forBtnSecondary > a.elementor-item {
            margin: 0 5px !important;
        }
    }
}

/* ==========================================================================
   NAVBAR CUSTOM (Logia)
   ========================================================================== */
.customNavbar a {
    line-height: 1.6rem !important;
}

@media all and (min-width: 1024px) {
    .customNavbar .menuContact {
        display: none;
    }
}

/* sous-menus */
.customNavbar ul.sub-menu {
    padding: 5px !important;

    & li a { border-radius: 5px; }
    & li.menu-item { margin-bottom: 5px; }
    & li.menu-item:last-child { margin-bottom: 0px; }
}

/* navbar responsive ≤ 1024px */
@media all and (max-width: 1024px) {
    body header.elementor-location-header .customNavbar nav ul.elementor-nav-menu {
        padding: 5px 5px 15px!important;
        
        & li a { border-radius: 5px; }
        & li.menu-item { margin-bottom: 5px; }
        & li.menu-item:last-child { margin-bottom: 0px; }
    }
}


.trp-language-switcher.trp-ls-dropdown.trp-shortcode-switcher {
    margin: 5px 0 0 !important;
    padding: 0!important;
    --bg: transparent!important;
    --text: #fff!important;
    --border-radius: 0!important;

    @media (max-width: 1024px) {
        margin: 10px 0 0 !important;
    }

    & .trp-shortcode-switcher,
    & .trp-current-language-item__wrapper:not(.trp-hide-arrow) {
        padding: 0!important;
    }

    & .trp-current-language-item__wrapper {
        & .trp-language-item {
            padding: 0!important;
            &:hover {
                & .trp-language-item-name {
                    color: var(--e-global-color-primary)!important;
                }
            }

            & .trp-language-item-name {
                color: #FFF;
                font-family: var(--e-global-typography-primary-font-family) !important;
                font-size: 1.125rem;
                font-style: normal;
                font-weight: 500;
                line-height: normal;
                text-transform: uppercase;
            }
        }
    }
}