════════════════════════════════
   MENU NAV — Style pill panier + compte
   ════════════════════════════════ */

/* ── Pill conteneur ── */
 .menu-item-2905 > a,
.menu-item-2904 > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(255, 255, 255, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 24px !important;
    padding: 5px 14px 5px 5px !important;
}

/* ── Cercle icône ── */
.menu-item-2905 > a .after-menu-image-icons,
.menu-item-2904 > a .after-menu-image-icons {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border-radius: 50% !important;
    background: rgba(44, 44, 44, 0.15) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #2C2C2C !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* ── Texte ── */
.menu-item-2905 > a .menu-image-title,
.menu-item-2904 > a .menu-image-title {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #2C2C2C !important;
    white-space: nowrap !important;
}

/* ── Hover ── */
.menu-item-2905 > a:hover,
.menu-item-2904 > a:hover {
    background: rgba(255, 255, 255, 0.5) !important;
}

/* ── Supprime les pseudo-éléments Elementor ── */
.menu-item-2905 > a::before,
.menu-item-2905 > a::after,
.menu-item-2904 > a::before,
.menu-item-2904 > a::after {
    display: none !important;
}