/* menubar-light.css */
/* MENU --------------------------------------------------------------------------------------------------------------------------------------------*/
/* Navbar başlangıçta dark */
#mainNavbar.navbar-dark, #mainNavbar.navbar-dark .navbar-inner {
	background-color: #fff; /*#222;*/
	color: #195629; /* #f5f3d4;*/
}

#mainNavbar.navbar-dark .nav-link, #mainNavbar.navbar-dark .btn {
	color: #195629; /* #f5f3d4;*/
}

#mainNavbar .dropdown-item i {
	width: 22px;
}

/* Navbar linkleri başlangıçta */
#mainNavbar .nav-link {
	color: #195629; /* #f5f3d4;*/ /* Başlangıç text rengi */
	padding: 5px 10px;
	border-radius: 5px; /* Hafif köşe yuvarlama */
	transition: all 0.3s ease; /* Yumuşak geçiş */
}

/* Hover efekti */
#mainNavbar .nav-link:hover, #mainNavbar.navbar-dark .btn:hover {
	color: #195629; /* Hover text rengi */
	background-color: #f5f3d4; /* Hover arka plan rengi */
}

#mainNavbar .btn-outline-light {
	border-color: #195629 !important; /* Başlangıç border */
	color: #f5f3d4 !important;
	background-color: #195629 !important; /* Text */
	transition: all 0.3s ease;
}

/* Hover olunca */
#mainNavbar .btn-outline-light:hover {
	border-color: #195629 !important;
	background-color: #f5f3d4 !important;
	color: #195629 !important;
}

#mainNavbar {
	position: relative;
	width: 100%;
	z-index: 10;
	padding: 20px 0;
}

/* Navbar içi */
.navbar-inner {
	width: 1200px; /* Sabit genişlik */
	max-width: 95%; /* Mobilde taşmayı önler */
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all 0.3s ease;
	border-radius: 0;
	background: transparent; /* Başlangıçta şeffaf */
}

/* Scroll sonrası navbar değişimi */
#mainNavbar.scrolled .navbar-inner {
	background-color: #222; /* Arka plan sadece navbar’ın arkasında */
	padding: 10px 20px;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	transition: all 0.3s ease;
	position: fixed; /* Sayfa kaydırıldığında yukarıda durur */
	top: 10px; /* Üstten boşluk */
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.3s ease;
}

#mainNavbar.scrolled.navbar-light .navbar-inner {
	background-color: #f8f9fa; /* açık arka plan */
	color: #195629; /* koyu yazı */
}

#mainNavbar.scrolled.navbar-light .nav-link, #mainNavbar.scrolled.navbar-light .btn
	{
	color: #195629 !important; /* text koyu olsun */
}

#mainNavbar.scrolled.navbar-light .nav-link {
	color: #195629; /* scroll sonrası text rengi */
}

#mainNavbar.scrolled.navbar-light .nav-link:hover, #mainNavbar.scrolled.navbar-light .btn:hover
	{
	color: #f8f9fa !important; /* hover text rengi */
	background-color: #195629; /* hover arka plan rengi */
}

#mainNavbar.scrolled .btn-outline-light {
	border-color: #195629; /* Başlangıç border */
	color: #f5f3d4; /* Text */
	background-color: #f5f3d4;
	transition: all 0.3s ease;
}

/* ---- only apply hover dropdown on wide screens ---- */
@media ( min-width : 992px) {
	/* Hover ve açıkkıkta üst menü text rengi sabit kalsın */
	.hover-dropdown>.nav-link, .hover-dropdown:hover>.nav-link,
		.hover-dropdown.show>.nav-link {
		color: #195629 !important; /* #f5f3d4 !important;*/ /* sabit renk */
	}

	/* Bootstrap’ın dropdown-toggle aktif rengini iptal et */
	.navbar .nav-link.dropdown-toggle:focus, .navbar .nav-link.dropdown-toggle:active
		{
		color: #195629 !important; /* #f5f3d4 !important;*/
		background-color: transparent !important;
	}

	/* Alt menü üstünde gezinirken de üst menü rengi değişmesin */
	.hover-dropdown:hover>.nav-link, .hover-dropdown:focus-within>.nav-link
		{
		color: #195629 !important;
	}

	/* Hover anında üst item köşelerin alt taraflarını düzleştir */
	.hover-dropdown:hover>.nav-link {
		background-color: #f5f3d4; /* navbar dark ise */
		color: #195629;
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}

	/* Dropdown menü aynı arka planda olsun */
	.hover-dropdown .dropdown-menu {
		background-color: #f5f3d4 !important;
		border: none;
		border-radius: 0 0 8px 8px; /* sadece alt köşeler yuvarlak */
		margin-top: 0; /* boşluk kalmasın */
		padding-top: 0; /* birleşik dursun */
	}
	.scrolled.navbar-light .hover-dropdown .dropdown-menu {
		background-color: #f5f3d4 !important;
		border: none;
		border-radius: 0 0 8px 8px; /* sadece alt köşeler yuvarlak */
		margin-top: 0; /* boşluk kalmasın */
		padding-top: 0; /* birleşik dursun */
	}

	/* Menü item renkleri */
	.hover-dropdown .dropdown-menu .dropdown-item {
		color: #195629;
	}
	.hover-dropdown .dropdown-menu .dropdown-item:hover {
		background-color: #195629 !important;
		color: #f5f3d4;
	}

	/* scrolled olduğunda */

	/* Hover ve açıkkıkta üst menü text rengi sabit kalsın */
	#mainNavbar.scrolled .hover-dropdown>.nav-link, .hover-dropdown:hover>.nav-link,
		.hover-dropdown.show>.nav-link {
		color: #195629 !important; /* sabit renk */
	}

	/* Bootstrap’ın dropdown-toggle aktif rengini iptal et */
	#mainNavbar.scrolled .navbar .nav-link.dropdown-toggle:focus, .navbar .nav-link.dropdown-toggle:active
		{
		color: #195629 !important;
		background-color: transparent !important;
	}

	/* Alt menü üstünde gezinirken de üst menü rengi değişmesin */
	#mainNavbar.scrolled .hover-dropdown:hover>.nav-link, #mainNavbar.scrolled .hover-dropdown:focus-within>.nav-link
		{
		color: #f5f3d4 !important;
	}

	/* Hover anında üst item köşelerin alt taraflarını düzleştir */
	#mainNavbar.scrolled .hover-dropdown:hover>.nav-link {
		background-color: #195629; /* navbar dark ise */
		color: #f5f3d4;
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}

	/* Dropdown menü aynı arka planda olsun */
	#mainNavbar.scrolled .hover-dropdown .dropdown-menu {
		background-color: #195629 !important;
		border: none;
		border-radius: 0 0 8px 8px; /* sadece alt köşeler yuvarlak */
		margin-top: 0; /* boşluk kalmasın */
		padding-top: 0; /* birleşik dursun */
	}
	#mainNavbar.scrolled .hover-dropdown .dropdown-menu {
		background-color: #195629 !important;
		border: none;
		border-radius: 0 0 8px 8px; /* sadece alt köşeler yuvarlak */
		margin-top: 0; /* boşluk kalmasın */
		padding-top: 0; /* birleşik dursun */
	}

	/* Menü item renkleri */
	#mainNavbar.scrolled .hover-dropdown .dropdown-menu .dropdown-item {
		color: #f5f3d4;
	}
	#mainNavbar.scrolled .hover-dropdown .dropdown-menu .dropdown-item:hover
		{
		background-color: #f5f3d4 !important;
		color: #195629;
	}
}

#mainNavbar i {
	color:inherit;
	margin-right:3px;
}