/* ############### */
/* ###   NAV   ### */
/* ############### */

/*====== SCROLL BARRE ======*/
	.site-navbar {
		background: var(--navbar-bkg);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		height: 100px;
		display: flex;
		align-items: center;
		transition: all 0.3s ease;
		overflow: visible;    
		background: var(--navbar-bkg);
	}

	.site-navbar.scrolled {
		background: var(navbar-scroll-bkg);
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
		box-shadow: 0 5px 20px var(--navbar-scroll-shadow);
		height: 55px;
	}

	.site-navbar.scrolled .logo-img {height: 32px;}

/*====== LOGO ======*/
	.navbar-brand .logo-img {
		height: 80px;
		padding-right: 20px;
		border-right: 1px solid var(--navbar-logo-border);
	}

/*====== MENU CENTRÉ ======*/
	.nav-center {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		gap: 10px;
	}

/*====== BURGER ======*/
	.navbar-toggler {
		border: 1px solid var(--navbar-toggler-border);
		padding: 6px 10px;
		border-radius: 8px;
		transition: all 0.3s ease;
	}

	.navbar-toggler:hover {
		background: var(--navbar-toggler-hover-bkg);
		border-color: var(--navbar-link-anim-bkg);
	}

	.navbar-toggler-icon {filter: brightness(1.5);}

	.navbar-toggler[aria-expanded="true"] {
		background: var(--navbar-toggler-exp-bkg);
		border-color: var(--navbar-link-anim-bkg);
	}

/*====== LIENS ======*/
	.navbar-nav .nav-link {
		position: relative;
		display: inline-block;
	}

	.nav-link {
		color: var(--navbar-link-color) !important;
		font-size: 14px;
	}

	.nav-link:hover {color: var(--navbar-link-hover-color) !important;}

/*====== ANIMATION LIENS  ======*/
	.navbar-nav .nav-link::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -2px;
		width: 0%;
		height: 2px;
		background: var(--navbar-link-anim-bkg);
		transition: width 0.3s ease;
	}

	.navbar-nav .nav-link:hover::after {width: 100%;}

	.nav-link.active {color: var(--navbar-link-hover-color) !important;}

/*====== ACTIVE UNDERLINE  ======*/
	.nav-link.active::after {width: 100%;}

/*====== NAV RIGHT  ======*/
	.nav-right {margin-left: auto;}

/*====== RECHERCHE  ======*/
	.nav-right .search-input {
		background: var(--navbar-search-bkg);
		border-radius: 8px;
		border: none;
		padding: 5px 10px;
		width: 180px;
	}

/*====== ICONES  ======*/
	.nav-right .icon img {
		width: 30px;
		opacity: 0.8;
	}

	.nav-right .icon img:hover {opacity: 1;}

	@media (max-width: 992px) {
	
		/* NAV */
		.nav-center {
			position: static;
			transform: none;
			margin-top: 15px;
			justify-content: center;
			flex-wrap: wrap;
			width: 100%;
			text-align: center;
		}

		.nav-right {
			margin-top: 15px;
			justify-content: center;
			width: 100%;
		}
		
		/* CONTENEUR MENU */
		#mainNav.show {
			background: #0b0f17;
			padding: 20px;
			border-radius: 10px;
			margin-top: 10px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.5);
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		/* MENU */
		#mainNav .nav-link {
			color: #fff !important;
			 position: relative;
			padding: 10px 0;
			text-align: center;
		}

		#mainNav .nav-link:hover {color: #4cc9f0 !important;    }

		/* NAV RIGHT  */
		.nav-right {
			width: 100%;
			margin-top: 20px;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 10px;
		}
		
		.nav-tools {display: none;}

		/* RECHERCHE */
		.search-input {
			width: 80%;
			max-width: 250px;
			text-align: center;
		}

		/* ICÔNES */
		 .nav-right .icon {display: none;}
		 
		.icon {
			display: flex;
			justify-content: center;
			gap: 10px;
		}
		
	}