/* --- Base : positionner l'icône au-dessus --- */

.elementor-nav-menu--main .menu-item a,

.elementor-nav-menu--dropdown .menu-item a {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    padding-top: 36px; /* espace pour l'icône */

    position: relative;

}



/* --- Style du span.icon --- */

.elementor-nav-menu--main .menu-item a .icon,

.elementor-nav-menu--dropdown .menu-item a .icon {

    position: absolute;

    top: -20px;

    left: 50%;

    transform: translateX(-50%);

    width: 28px;

    height: 28px;

    background-size: contain;

    background-repeat: no-repeat;

}

/* Style unifié pour tous les dropdowns du header */

.elementor-2321 .elementor-element.elementor-element-e7e4a40 .elementor-nav-menu--dropdown,

.elementor-2321 .elementor-element.elementor-element-723672c .elementor-nav-menu--dropdown,

.elementor-location-header .elementor-nav-menu--dropdown {

    background-color: #E5D4C2!important;

}

.elementor-2321 .elementor-element.elementor-element-e7e4a40 .elementor-nav-menu--dropdown a:hover,

.elementor-2321 .elementor-element.elementor-element-723672c .elementor-nav-menu--dropdown a:hover,

.elementor-location-header .elementor-nav-menu--dropdown a:hover {

    background-color:transparent!important;

}



/* Style des sous-menus (dropdowns) */

.elementor-location-header .sub-menu.elementor-nav-menu--dropdown {

    background-color: #E5D4C2!important;

    border-radius: 10px;

    padding: 10px 0;

    box-shadow: 0 5px 20px rgba(20, 36, 81, 0.15);

}



.elementor-location-header .sub-menu.elementor-nav-menu--dropdown .menu-item a {

    padding: 10px 20px !important;

    color: #142451 !important;

    font-family: "hoss-sharp", Sans-serif !important;

    font-size: 15px !important;

    font-weight: 500 !important;

}



.elementor-location-header .sub-menu.elementor-nav-menu--dropdown .menu-item a:hover {

    background-color: rgba(240, 185, 240, 0.3) !important;

}

/* --- Icônes pour chaque lien --- */

.menu-icon-home > a .icon {

     display: inline-block;

    vertical-align: middle;

    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    transform-origin: center center;

    background-image: url('/wp-content/uploads/2025/11/boutique-de-la-memee-Accueil.svg');

}



.menu-icon-about > a .icon {

     display: inline-block;

    vertical-align: middle;

    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    transform-origin: center center;

    background-image: url('/wp-content/uploads/2025/11/boutique-de-la-memee-A-propos.svg');

}



.menu-icon-contact > a .icon {

    display: inline-block;

    vertical-align: middle;

    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    transform-origin: center center;

    background-image: url('/wp-content/uploads/2025/11/boutique-de-la-memee-Nous-contacter.svg');

}



.menu-icon-groupbuy > a .icon {

    display: inline-block;

    vertical-align: middle;

    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    transform-origin: center center;

    background-image: url('/wp-content/uploads/2025/11/boutique-de-la-memee-Vente-groupee-2.svg');

}



.menu-icon-account > a .icon {

     display: inline-block;

    vertical-align: middle;

    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    transform-origin: center center;

    background-image: url('/wp-content/uploads/2025/11/boutique-de-la-memee-Mon-compte.svg');

}



.menu-icon-cart > a .icon {

     display: inline-block;

    vertical-align: middle;

    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    transform-origin: center center;

    background-image: url('/wp-content/uploads/2025/11/boutique-de-la-memee-Mon-panier.svg');

}

/* --- Icônes pour chaque lien au hover --- */

.menu-icon-home > a:hover .icon {

    transform: translateX(-50%) rotate(30deg);

}



.menu-icon-about > a:hover .icon {

    transform: translateX(-50%) rotate(30deg);

}



.menu-icon-contact > a:hover .icon {

    background-image: url('/wp-content/uploads/2025/11/boutique-de-la-memee-Nous-contacter-survol.svg');

}



.menu-icon-groupbuy > a:hover .icon {

    background-image: url('/wp-content/uploads/2025/11/boutique-de-la-memee-Cente-groupee-2-survol.svg');

}



.menu-icon-account > a:hover .icon {

    transform: translateX(-50%) rotate(30deg);

}



.menu-icon-cart > a:hover .icon {

    background-image: url('/wp-content/uploads/2025/11/boutique-de-la-memee-Mon-panier-survol.svg');

}

.e-search-form{

    flex-direction: row-reverse!important;

    width: 420px!important;

}

.e-search{

    border-bottom:2px solid #142451;

}