.site-header {
	display: flex;
	align-items: center;
	gap: 50px;
	padding: 0 20px;
	height: 70px;
}

.EM {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	height: 50px;
	width: auto;
	font-variant: small-caps;
}

.nav-menu {
  display: flex;
  gap: 20px;
  margin-left: auto; /* ⬅️ pousse le menu à droite */
}

.menu-toggle {
  display: none;
  margin-left: auto;
  font-size: 24px;
  background: none;
  border: none;
  cursor: pointer;
  color: inherit;
}

.nav-item {
	padding: 10px 15px;
	text-decoration: none;
	color: var(--accent);
	font-weight: 500;
	transition: background-color 0.3s, color 0.3s;
}

.nav-item:hover {
  background-color: var(--accent);
  color: var(--bg);
}

@media (max-width: 780px) {
    .nav-menu {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 70px;
        right: 20px;
        width: max-content;
        min-width: 160px;
        background: var(--bg2);
        padding: 10px;
		gap: 10px;
        z-index: 1000;
    }
	
    .nav-menu.open {
        display: flex;
    }

	.menu-toggle {
		display: block;
	}
	.mobile-page {
		display: block;
	}
}