/*
 * =========================================
 * BARRE DE RECHERCHE - Style Moderne
 * =========================================
 */
#search_widget input.js-search-input[type="search"] {
    height: 44px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    font-size: 0.95rem !important;
    color: #111827 !important;
    padding: 10px 50px 10px 18px !important;
    outline: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    width: 100% !important;
    transition: all 0.2s ease !important;
}

#search_widget input.js-search-input[type="search"]:focus {
    background-color: #fff !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

#search_widget input.js-search-input[type="search"]::placeholder {
    color: #9ca3af !important;
    font-weight: 400 !important;
}

#search_widget i.js-search-icon {
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    padding: 0 !important;
    color: #6b7280 !important;
    font-size: 1.3rem !important;
    cursor: pointer !important;
}

#search_widget i.clear {
    position: absolute !important;
    right: 48px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    padding: 0 !important;
    color: #9ca3af !important;
    font-size: 1.1rem !important;
    cursor: pointer !important;
    transition: color 0.2s ease !important;
}

#search_widget i.clear:hover {
    color: #4b5563 !important;
}

#search_widget form {
    position: relative !important;
}

/*
 * =========================================
 * MENU PRINCIPAL - Forcer la pleine largeur
 * =========================================
 */

/* Conteneur parent du menu - IMPORTANT pour la largeur */
#header .header-nav,
.header-nav,
.menu,
div.js-menu-desktop {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 !important;
}

/* Conteneur du menu - Fond moderne */
div.js-menu-desktop {
    background: #1e3a5f !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

/* Liste du menu - Pleine largeur et centré */
#top-menu,
ul#top-menu {
    width: 100% !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 32px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* Items du menu */
#top-menu > li,
ul#top-menu > li,
#top-menu li.category,
ul#top-menu li.category {
    position: relative !important;
    margin: 0 !important;
    list-style: none !important;
    display: inline-block !important;
}

/* Liens principaux - Style moderne et épuré */
#top-menu > li > a,
ul#top-menu > li > a,
#top-menu li.category > a,
ul#top-menu li.category > a,
div.js-menu-desktop #top-menu li.category > a.main-menu__tree_link,
div.js-menu-desktop ul#top-menu li.category > a.main-menu__tree_link {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500 !important;
    font-size: 0.94rem !important;
    text-transform: none !important;
    letter-spacing: 0.2px !important;
    padding: 18px 20px !important;
    transition: all 0.25s ease !important;
    border: none !important;
    background: transparent !important;
    position: relative !important;
    display: inline-block !important;
    white-space: nowrap !important;
    border-radius: 6px !important;
    text-decoration: none !important;
}

/* Indicateur subtil en bas */
#top-menu > li > a::after,
ul#top-menu > li > a::after,
#top-menu li.category > a::after,
ul#top-menu li.category > a::after,
div.js-menu-desktop #top-menu li.category > a.main-menu__tree_link::after,
div.js-menu-desktop ul#top-menu li.category > a.main-menu__tree_link::after {
    content: '' !important;
    position: absolute !important;
    bottom: 6px !important;
    left: 20px !important;
    right: 20px !important;
    height: 2px !important;
    background: transparent !important;
    transition: all 0.25s ease !important;
    border-radius: 2px !important;
}

/* Effet au survol - Élégant et moderne */
#top-menu > li > a:hover,
ul#top-menu > li > a:hover,
#top-menu li.category > a:hover,
ul#top-menu li.category > a:hover,
div.js-menu-desktop #top-menu li.category > a.main-menu__tree_link:hover,
div.js-menu-desktop ul#top-menu li.category > a.main-menu__tree_link:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

#top-menu > li > a:hover::after,
ul#top-menu > li > a:hover::after,
#top-menu li.category > a:hover::after,
ul#top-menu li.category > a:hover::after,
div.js-menu-desktop #top-menu li.category > a.main-menu__tree_link:hover::after,
div.js-menu-desktop ul#top-menu li.category > a.main-menu__tree_link:hover::after {
    background: rgba(255, 255, 255, 0.6) !important;
}

/* Item actif */
#top-menu > li.current > a,
#top-menu > li.active > a,
ul#top-menu > li.current > a,
ul#top-menu > li.active > a,
#top-menu li.category.current > a,
#top-menu li.category.active > a,
ul#top-menu li.category.current > a,
ul#top-menu li.category.active > a,
div.js-menu-desktop #top-menu li.category.current > a.main-menu__tree_link,
div.js-menu-desktop #top-menu li.category.active > a.main-menu__tree_link,
div.js-menu-desktop ul#top-menu li.category.current > a.main-menu__tree_link,
div.js-menu-desktop ul#top-menu li.category.active > a.main-menu__tree_link {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.12) !important;
    font-weight: 600 !important;
}

#top-menu > li.current > a::after,
#top-menu > li.active > a::after,
ul#top-menu > li.current > a::after,
ul#top-menu > li.active > a::after,
#top-menu li.category.current > a::after,
#top-menu li.category.active > a::after,
ul#top-menu li.category.current > a::after,
ul#top-menu li.category.active > a::after,
div.js-menu-desktop #top-menu li.category.current > a.main-menu__tree_link::after,
div.js-menu-desktop #top-menu li.category.active > a.main-menu__tree_link::after,
div.js-menu-desktop ul#top-menu li.category.current > a.main-menu__tree_link::after,
div.js-menu-desktop ul#top-menu li.category.active > a.main-menu__tree_link::after {
    background: #ffffff !important;
}

/* Texte intérieur */
#top-menu li > a *,
ul#top-menu li > a *,
div.js-menu-desktop #top-menu li.category > a.main-menu__tree_link *,
div.js-menu-desktop ul#top-menu li.category > a.main-menu__tree_link * {
    color: inherit !important;
    font-weight: inherit !important;
}

/*
 * =========================================
 * SOUS-MENUS - Design Card Moderne
 * =========================================
 */

/* Masquer par défaut */
#top-menu li .js-sub-menu,
#top-menu li ul.sub-menu,
#top-menu li .dropdown-menu,
ul#top-menu li .js-sub-menu,
ul#top-menu li ul.sub-menu,
ul#top-menu li .dropdown-menu,
#top-menu li.category .js-sub-menu,
#top-menu li.category ul.sub-menu,
#top-menu li.category .dropdown-menu,
ul#top-menu li.category .js-sub-menu,
ul#top-menu li.category ul.sub-menu,
ul#top-menu li.category .dropdown-menu,
div.js-menu-desktop #top-menu li.category .js-sub-menu,
div.js-menu-desktop #top-menu li.category ul.sub-menu,
div.js-menu-desktop #top-menu li.category .dropdown-menu,
div.js-menu-desktop ul#top-menu li.category .js-sub-menu,
div.js-menu-desktop ul#top-menu li.category ul.sub-menu,
div.js-menu-desktop ul#top-menu li.category .dropdown-menu {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-8px) !important;
    z-index: 1000 !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.05) !important;
    border-radius: 8px !important;
    padding: 6px !important;
    margin-top: 4px !important;
    min-width: 220px !important;
    flex-direction: column !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transition: all 0.25s ease !important;
}

/* Afficher au survol */
#top-menu li:hover > .js-sub-menu,
#top-menu li:hover > ul.sub-menu,
#top-menu li:hover > .dropdown-menu,
ul#top-menu li:hover > .js-sub-menu,
ul#top-menu li:hover > ul.sub-menu,
ul#top-menu li:hover > .dropdown-menu,
#top-menu li.category:hover > .js-sub-menu,
#top-menu li.category:hover > ul.sub-menu,
#top-menu li.category:hover > .dropdown-menu,
ul#top-menu li.category:hover > .js-sub-menu,
ul#top-menu li.category:hover > ul.sub-menu,
ul#top-menu li.category:hover > .dropdown-menu,
div.js-menu-desktop #top-menu li.category:hover > .js-sub-menu,
div.js-menu-desktop #top-menu li.category:hover > ul.sub-menu,
div.js-menu-desktop #top-menu li.category:hover > .dropdown-menu,
div.js-menu-desktop ul#top-menu li.category:hover > .js-sub-menu,
div.js-menu-desktop ul#top-menu li.category:hover > ul.sub-menu,
div.js-menu-desktop ul#top-menu li.category:hover > .dropdown-menu {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Items des sous-menus */
#top-menu .js-sub-menu li,
#top-menu ul.sub-menu li,
#top-menu .dropdown-menu li,
ul#top-menu .js-sub-menu li,
ul#top-menu ul.sub-menu li,
ul#top-menu .dropdown-menu li,
div.js-menu-desktop #top-menu li.category .js-sub-menu li,
div.js-menu-desktop #top-menu li.category ul.sub-menu li,
div.js-menu-desktop #top-menu li.category .dropdown-menu li,
div.js-menu-desktop ul#top-menu li.category .js-sub-menu li,
div.js-menu-desktop ul#top-menu li.category ul.sub-menu li,
div.js-menu-desktop ul#top-menu li.category .dropdown-menu li {
    display: block !important;
    width: 100% !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    position: relative !important;
    list-style: none !important;
}

/* Liens des sous-menus */
#top-menu .js-sub-menu a,
#top-menu ul.sub-menu a,
#top-menu .dropdown-menu a,
ul#top-menu .js-sub-menu a,
ul#top-menu ul.sub-menu a,
ul#top-menu .dropdown-menu a,
div.js-menu-desktop #top-menu li.category .js-sub-menu a,
div.js-menu-desktop #top-menu li.category ul.sub-menu a,
div.js-menu-desktop #top-menu li.category .dropdown-menu a,
div.js-menu-desktop ul#top-menu li.category .js-sub-menu a,
div.js-menu-desktop ul#top-menu li.category ul.sub-menu a,
div.js-menu-desktop ul#top-menu li.category .dropdown-menu a {
    color: #374151 !important;
    padding: 10px 16px !important;
    transition: all 0.2s ease !important;
    display: block !important;
    text-align: left !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    border: none !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: nowrap !important;
}

/* Hover des liens sous-menus */
#top-menu .js-sub-menu a:hover,
#top-menu ul.sub-menu a:hover,
#top-menu .dropdown-menu a:hover,
ul#top-menu .js-sub-menu a:hover,
ul#top-menu ul.sub-menu a:hover,
ul#top-menu .dropdown-menu a:hover,
div.js-menu-desktop #top-menu li.category .js-sub-menu a:hover,
div.js-menu-desktop #top-menu li.category ul.sub-menu a:hover,
div.js-menu-desktop #top-menu li.category .dropdown-menu a:hover,
div.js-menu-desktop ul#top-menu li.category .js-sub-menu a:hover,
div.js-menu-desktop ul#top-menu li.category ul.sub-menu a:hover,
div.js-menu-desktop ul#top-menu li.category .dropdown-menu a:hover {
    background: #f3f4f6 !important;
    color: #1e3a5f !important;
    transform: translateX(4px) !important;
}

/* Sous-sous-menus (niveau 3+) */
#top-menu .js-sub-menu .js-sub-menu,
#top-menu ul.sub-menu ul.sub-menu,
ul#top-menu .js-sub-menu .js-sub-menu,
ul#top-menu ul.sub-menu ul.sub-menu,
div.js-menu-desktop #top-menu li.category .js-sub-menu .js-sub-menu,
div.js-menu-desktop #top-menu li.category ul.sub-menu ul.sub-menu,
div.js-menu-desktop ul#top-menu li.category .js-sub-menu .js-sub-menu,
div.js-menu-desktop ul#top-menu li.category ul.sub-menu ul.sub-menu {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    left: calc(100% + 4px) !important;
    top: 0 !important;
    margin-left: 0 !important;
}

/* Afficher les sous-sous-menus */
#top-menu .js-sub-menu li:hover > .js-sub-menu,
#top-menu ul.sub-menu li:hover > ul.sub-menu,
ul#top-menu .js-sub-menu li:hover > .js-sub-menu,
ul#top-menu ul.sub-menu li:hover > ul.sub-menu,
div.js-menu-desktop #top-menu li.category .js-sub-menu li:hover > .js-sub-menu,
div.js-menu-desktop #top-menu li.category ul.sub-menu li:hover > ul.sub-menu,
div.js-menu-desktop ul#top-menu li.category .js-sub-menu li:hover > .js-sub-menu,
div.js-menu-desktop ul#top-menu li.category ul.sub-menu li:hover > ul.sub-menu {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/*
 * =========================================
 * FLÈCHES DROPDOWN
 * =========================================
 */
#top-menu li > a .icon-arrow,
#top-menu li > a .caret,
#top-menu li > a i[class*="arrow"],
#top-menu li > a i[class*="chevron"],
ul#top-menu li > a .icon-arrow,
ul#top-menu li > a .caret,
ul#top-menu li > a i[class*="arrow"],
ul#top-menu li > a i[class*="chevron"],
div.js-menu-desktop #top-menu li.category > a.main-menu__tree_link .icon-arrow,
div.js-menu-desktop #top-menu li.category > a.main-menu__tree_link .caret,
div.js-menu-desktop #top-menu li.category > a.main-menu__tree_link i[class*="arrow"],
div.js-menu-desktop #top-menu li.category > a.main-menu__tree_link i[class*="chevron"],
div.js-menu-desktop ul#top-menu li.category > a.main-menu__tree_link .icon-arrow,
div.js-menu-desktop ul#top-menu li.category > a.main-menu__tree_link .caret,
div.js-menu-desktop ul#top-menu li.category > a.main-menu__tree_link i[class*="arrow"],
div.js-menu-desktop ul#top-menu li.category > a.main-menu__tree_link i[class*="chevron"] {
    margin-left: 6px !important;
    font-size: 0.7rem !important;
    transition: transform 0.25s ease !important;
    opacity: 0.7 !important;
}

#top-menu li:hover > a .icon-arrow,
#top-menu li:hover > a .caret,
#top-menu li:hover > a i[class*="arrow"],
#top-menu li:hover > a i[class*="chevron"],
ul#top-menu li:hover > a .icon-arrow,
ul#top-menu li:hover > a .caret,
ul#top-menu li:hover > a i[class*="arrow"],
ul#top-menu li:hover > a i[class*="chevron"],
div.js-menu-desktop #top-menu li.category:hover > a.main-menu__tree_link .icon-arrow,
div.js-menu-desktop #top-menu li.category:hover > a.main-menu__tree_link .caret,
div.js-menu-desktop #top-menu li.category:hover > a.main-menu__tree_link i[class*="arrow"],
div.js-menu-desktop #top-menu li.category:hover > a.main-menu__tree_link i[class*="chevron"],
div.js-menu-desktop ul#top-menu li.category:hover > a.main-menu__tree_link .icon-arrow,
div.js-menu-desktop ul#top-menu li.category:hover > a.main-menu__tree_link .caret,
div.js-menu-desktop ul#top-menu li.category:hover > a.main-menu__tree_link i[class*="arrow"],
div.js-menu-desktop ul#top-menu li.category:hover > a.main-menu__tree_link i[class*="chevron"] {
    transform: rotate(180deg) !important;
    opacity: 1 !important;
}

/*
 * =========================================
 * RESPONSIVE
 * =========================================
 */
@media (max-width: 991px) {
    div.js-menu-desktop {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1400px) {
    #top-menu,
    ul#top-menu {
        padding: 0 20px !important;
        gap: 2px !important;
    }
    #top-menu > li > a,
    ul#top-menu > li > a,
    div.js-menu-desktop #top-menu li.category > a.main-menu__tree_link,
    div.js-menu-desktop ul#top-menu li.category > a.main-menu__tree_link {
        padding: 16px 16px !important;
        font-size: 0.9rem !important;
    }
}

@media (min-width: 1400px) {
    #top-menu,
    ul#top-menu {
        padding: 0 48px !important;
    }
}

/* =========================================
    HEADER SUPERIEUR - Harmonisation couleur
   ========================================= */

/* Conteneur principal du header */
header,
.header-top,
.header-nav,
#header {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Zone du logo et de la recherche */
#_desktop_logo,
#search_widget,
.header-top,
.header-nav {
    background-color: #000000 !important;
}

/* Ajuster la recherche et les icônes pour être visibles sur fond noir */
#search_widget input[type="search"] {
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
}
#search_widget input[type="search"]::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}
#search_widget .search-button,
#search_widget i[data-search-toggle],
#search_widget .clear-search {
    color: #ffffff !important;
}

/* Icônes Connexion / Panier - VISIBLES SUR DESKTOP */
#_desktop_user_info,
#_desktop_cart {
    display: flex !important;
    align-items: center !important;
    background-color: transparent !important;
}

#_desktop_user_info a,
#_desktop_cart a {
    color: #ffffff !important;
}
#_desktop_user_info a:hover,
#_desktop_cart a:hover {
    color: #a5d8ff !important;
}

/* =========================================
    HEADER HUMMINGBIRD - Logo, recherche, panier et connexion
   ========================================= */

/* Header principal */
#header.header.js-sticky-header {
    background-color: #000000 !important;
}

/* Banner header-top */
.header__banner,
div.header__banner {
    background-color: #000000 !important;
}

/* Container header-bottom - La zone avec logo et recherche */
.container-md.header-bottom__container,
div.header-bottom__container {
    background-color: #000000 !important;
    padding: 15px 20px !important;
}

/* Row principale - Flexbox layout optimisé avec recherche centrée */
.header-bottom__container .row.gx-2 {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 0 !important;
    flex-wrap: nowrap !important;
}

/* Logo - À gauche */
.header-bottom__h1.mb-0,
h1.header-bottom__h1.mb-0 {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 1 !important;
}

.header-bottom__h1 a.navbar-brand.d-block {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

.header-bottom__h1 img.logo.img-fluid {
    max-height: 60px !important;
    width: auto !important;
}

/* Recherche - Au centre avec largeur flexible */
.desktop-search2.col-auto,
div[class*="desktop-search"].col-auto {
    max-width: 700px !important;
    min-width: 400px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    order: 2 !important;
}

/* User info et Panier - TOUJOURS VISIBLES sur desktop */
#_desktop_user_info,
#_desktop_cart {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 3 !important;
    background-color: transparent !important;
    flex: 0 0 auto !important;
}

/* Style des liens user info et cart */
#_desktop_user_info a,
#_desktop_cart a {
    color: #ffffff !important;
    font-size: 1.1rem !important;
    padding: 8px 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
}

#_desktop_user_info a:hover,
#_desktop_cart a:hover {
    color: #a5d8ff !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

/* Texte et icônes du panier et connexion - LISIBLES */
#_desktop_user_info a span,
#_desktop_user_info a i,
#_desktop_cart a span,
#_desktop_cart a i {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* Badge du panier - Plus visible */
#_desktop_cart .cart-products-count,
#_desktop_cart .cart-count,
#_desktop_cart .badge {
    background: #3b82f6 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    padding: 3px 7px !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    min-width: 22px !important;
    height: 22px !important;
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

/* Prix du panier - Visible */
#_desktop_cart .cart-total,
#_desktop_cart .cart-price {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

/* Supprimer tous les paddings/margins des colonnes Bootstrap */
.header-bottom__container .col-auto {
    padding: 0 !important;
}

/* FIX CRITIQUE: Forcer l'affichage des éléments desktop avec sélecteurs ultra-spécifiques */
@media (min-width: 992px) {
    /* Cibler tous les sélecteurs possibles pour user_info */
    #_desktop_user_info,
    div#_desktop_user_info,
    #_desktop_user_info.d-none,
    #_desktop_user_info.d-md-block,
    div#_desktop_user_info.d-none.d-md-block,
    div#_desktop_user_info.col-auto,
    div#_desktop_user_info.d-none.d-md-block.col-auto,
    .header-bottom__container #_desktop_user_info,
    .header-bottom__container div#_desktop_user_info {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
    }
    
    /* Cibler tous les sélecteurs possibles pour cart */
    #_desktop_cart,
    div#_desktop_cart,
    #_desktop_cart.d-none,
    #_desktop_cart.d-md-block,
    div#_desktop_cart.d-none.d-md-block,
    div#_desktop_cart.col-auto,
    div#_desktop_cart.d-none.d-md-block.col-auto,
    .header-bottom__container #_desktop_cart,
    .header-bottom__container div#_desktop_cart {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
    }
    
    /* --- 1. PANIER (Sac) --- */

#_desktop_cart .material-icons {
    color: transparent !important; /* On rend l'ancien invisible sans supprimer sa place */
    position: relative;            /* Sert de repère pour la nouvelle icône */
    display: inline-block;
    vertical-align: middle;        /* Force l'alignement vertical au milieu */
}

#_desktop_cart .material-icons::after {
    content: "\e8cc";             /* Code du SAC */
    font-family: 'Material Icons';
    color: #fff;                  /* Couleur de la nouvelle icône (Blanc) */
    font-size: 24px;
    position: absolute;
    left: 0;
    top: -2px;                    /* <--- JOUEZ AVEC CE CHIFFRE POUR MONTER/DESCENDRE */
    width: 100%;
    text-align: center;
}


/* --- 2. CONNEXION (Profil Rond) --- */

#_desktop_user_info .material-icons {
    color: transparent !important;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

#_desktop_user_info .material-icons::after {
    content: "\e853";             /* Code du PROFIL */
    font-family: 'Material Icons';
    color: #fff;
    font-size: 24px;
    position: absolute;
    left: 0;
    top: -2px;                    /* <--- JOUEZ AVEC CE CHIFFRE POUR MONTER/DESCENDRE */
    width: 100%;
    text-align: center;
}