.button-dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-menu {
	display: none;
	position: absolute;
	top: 40%; /* ou même 70% selon le décalage visuel que tu constates */
	left: 0;
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
	z-index: 9999;
	width: 270px !important; /* largeur forcée */
	min-width: 270px !important;
	padding: 8px 0;
	border-radius: 6px;
}

.button-dropdown:hover .dropdown-menu,
.button-dropdown:focus-within .dropdown-menu {
	display: block;
}

.dropdown-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dropdown-menu li a {
	display: block;
	padding: 12px 20px;
	color: #333;
	text-decoration: none;
	font-weight: 500;
	white-space: nowrap;
}

.dropdown-menu li a:hover {
	background-color: #f2f2f2;
}

/* Pour le lien du toggle dans le menu langue */
.langue > a.dropdown-toggle {
    display: inline-flex;       /* flex inline */
    align-items: center;        /* centre verticalement */
    gap: 6px;                   /* espace entre image et texte */
}

/* Pour l'image dans le toggle */
.langue > a.dropdown-toggle img {
    display: block;             /* évite décalage baseline */
    width: 20px;
    height: 14px;
    object-fit: cover;
}

/* Pour les items du dropdown */
.langue .dropdown-menu ul li a.dropdown-item {
    display: flex;
    align-items: center;        /* centre verticalement */
}

/* Image dans les items */
.langue .dropdown-menu ul li a.dropdown-item img {
    width: 20px;
    height: 14px;
    margin-right: 8px;
    border-radius: 3px;
    object-fit: cover;
    display: block;             /* idem */
}
.button-dropdown.langue > a {
  display: flex;
  align-items: center;
  gap: 6px; /* espace entre l’image et le texte */
}

.button-dropdown.langue img {
  vertical-align: middle;
  border-radius: 3px;
  display: block;
}

.button-dropdown.langue > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: -10px; /* ← corrige le décalage vertical */
	padding: 10px 12px; /* adapte aux autres liens */
	text-decoration: none;
	color: inherit;
	font-size: 14px;
}
