/* Nav */

nav.primary-nav a {
	text-decoration: none;
	color: var(--dark);
	font-weight: 600;
	padding: 8px 10px;
	border-radius: 8px;
}


#logout:hover, #re-sign-in:hover, #signup:hover,
#signin:hover, .nav-item > a:hover{
	background: #f8edeb;
	color: var(--black-color);
}

#logout:hover span, #re-sign-in:hover span,
#signup:hover span, #signin:hover span {
	color: #000f
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -1px;
	display: none;
}

/* Le survol n'ouvre les menus que sur les appareils à souris : sur tactile,
   :hover reste "collé" après un tap et empêche ensuite de refermer le menu.
   La fermeture/ouverture au clic (tous appareils) est gérée par le JS
   ci-dessous via la classe .show */
@media (hover: hover) and (pointer: fine) {
	.dropdown-submenu:hover .dropdown-menu {
		display: block;
	}

	li.nav-item.dropdown:hover > .dropdown-menu {
		display: block !important;
	}

	li.nav-item.dropdown > a:hover ~ .dropdown-menu {
		display: block;
	}
}

.dropdown-menu.show,
.dropdown-submenu > .dropdown-menu.show {
	display: block !important;
}

.navbar {
	background-color: var(--rouge-bordeau) !important;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1030;
	padding-left: 4%;
	padding-right: 4%;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

body {
	padding-top: var(--navbar-height, 96px);
}

.nav-item > a {
	color: #fff !important;
	border-radius: 5px;
	transition: all 0.3s ease;
}

.brand-container div {
	color: #fff;
	font-size: 15px;
}

.brand-container img {
	background-color: #fff;
	padding: 10px;
	margin-right: 10px;
	height: px;
	width: 50px;
	border-radius: 8px;
	object-fit: cover;
}

.brand-container {
	display: flex;
}

.navbar-toggler {
	background-color: #fff;
}

#signup, #signin, #re-sign-in, #logout {
	font-weight: bold;
}

@media (max-width: 991px) {
	.actions-btn {
		position: relative;
		right: 2%;
	}
	.actions-btn a button {
		text-transform: uppercase;
	}
}

.navbar-collapse {
	padding: 10px;
}

/* La nav étant fixée en haut, on limite la hauteur du menu déplié sur mobile/tablette
   pour qu'il reste scrollable au lieu de déborder hors de l'écran */
@media (max-width: 1199.98px) {
	.navbar-collapse.show,
	.navbar-collapse.collapsing {
		max-height: calc(100vh - var(--navbar-height, 96px));
		overflow-y: auto;
	}
}

#menu-and-lang {
	display: flex;
	align-items:end;
}

#menu-and-lang div {
	margin-left: 5px;
}

#menu-form\:menu-btn_button {
	background-color: #fff !important;
	color: #000;
	border: none;
}