#cst__navbar{
	position: relative;
	z-index: 1030;
}
.topbar-area{
	position: relative;
	z-index: 2000;
}

/* ===== Topbar pro ===== */
.topbar-pro{
	background:#0b1220;
	border-bottom:1px solid rgba(255,255,255,.08);
	position:relative;
	z-index:2000; /* dropdown au-dessus */
}
.topbar-pro .topbar-text{
	color:rgba(255,255,255,.82);
}
.topbar-pro .topbar-link{
	color:rgba(255,255,255,.82);
	text-decoration:none;
	font-size:.875rem;
	display:inline-flex;
	align-items:center;
	padding:.15rem 0;
}
.topbar-pro .topbar-link:hover{
	color:#fff;
	text-decoration:none;
}
.topbar-pro .topbar-sep{
	width:1px;
	height:14px;
	background:rgba(255,255,255,.15);
	margin:0 .75rem;
}

/* ===== Navbar pro (sans casser le thème) ===== */
#cst__navbar{
	background:#ffffff;
	border-bottom:1px solid rgba(15,23,42,.08);
	z-index:1500;
}

/* Forcer la visibilité des liens (souvent la cause de "ne s'affiche pas") */
#cst__navbar .navbar-nav > li > a{
	color:#0f172a !important;
	opacity:1 !important;
	font-weight:600;
}

/* Hover + active */
#cst__navbar .navbar-nav > li > a:hover{
	color:var(--theme-color) !important;
}
#cst__navbar .navbar-nav > li.active > a{
	color:var(--theme-color) !important;
	position:relative;
}

#cst__navbar .navbar-nav > li.current-menu-item > a {
	position:relative;
}

/* Soulignement discret actif */
#cst__navbar .navbar-nav > li.active > a:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-10px;
	height:2px;
	background: var(--theme-color);
}

/* Sous-menu plus “premium” */
#cst__navbar .sub-menu{
	border-radius:12px;
	box-shadow:0 18px 45px rgba(15,23,42,.12);
	border:1px solid rgba(15,23,42,.06);
	overflow:hidden;
}
#cst__navbar .sub-menu li a{
	font-weight:600;
}

#cst__navbar .navbar-nav > li > a.btn {
	background: var(--theme-color) !important;
	color: #ffffff !important;
}

#cst__navbar .navbar-nav > li > a.btn:hover {
	background: #0a1413 !important;
}