/*
 * BUSSAC başlık (header) düzeltmesi.
 *
 * Sorun: ana menü 17px yazı + 30px aralıkla ~1430px genişlik ister; tema ise yalnızca
 * 991px ve altında hamburger menüye geçer. Aradaki ekranlarda menü ikinci satıra taşar.
 *
 * Çözüm:
 *  - 1200px ve üstü: menü tek satır; yazı ve aralıklar ekran genişliğiyle orantılı küçülür
 *    (1200px'te 13px, 1600px ve üstünde temanın kendi 17px değeri).
 *  - 992–1199px: temanın 991px altı hamburger menüsü bu aralığa da uygulanır.
 *  - GTranslate dil seçici menüde yer kaplar (tema 0 genişlikli bırakıp üst üste bindiriyordu).
 */

/* ---------- 1200px ve üstü: tek satır, akışkan ölçek ---------- */
@media (min-width: 1200px) {
	header .navbar {
		padding-left: clamp(16px, calc(16px + (100vw - 1200px) * 0.035), 30px);
		padding-right: clamp(16px, calc(16px + (100vw - 1200px) * 0.035), 30px);
		gap: clamp(16px, calc(16px + (100vw - 1200px) * 0.035), 30px);
	}

	header .navbar .navbar-nav {
		flex-wrap: nowrap;
	}

	header .navbar .navbar-nav > .menu-item > a {
		white-space: nowrap;
		font-size: clamp(13px, calc(13px + (100vw - 1200px) * 0.01), 17px);
	}

	header .navbar .navbar-nav > .menu-item:not(:last-child) {
		margin-right: clamp(8px, calc(8px + (100vw - 1200px) * 0.055), 30px);
	}

	/* Dil seçici: gerçek genişliğiyle menüde dursun */
	header .navbar .navbar-nav > .menu-item-gtranslate {
		flex: 0 0 auto;
		align-items: center;
	}

	header .navbar .navbar-nav > .menu-item-gtranslate > div {
		position: static !important;
	}
}

/* ---------- 992–1199px: hamburger menü (temanın 991px altı kurallarının eşi) ---------- */
@media (min-width: 992px) and (max-width: 1199px) {
	header .navbar .navbar-toggler {
		display: block;
		justify-self: flex-end;
		margin-right: 0;
	}

	header .navbar .navbar-nav {
		background: #fff;
		flex-direction: column;
		flex-wrap: nowrap;
		z-index: 99999;
		padding: 0 20px;
		opacity: 0;
		transition: 0.4s;
		position: fixed;
		left: -300px;
		top: 0;
		width: 300px;
		height: 100%;
		overflow-y: auto;
		transform: translateX(-300px);
	}

	header .navbar .navbar-nav.active {
		opacity: 1;
		left: 0;
		transform: translateX(0);
		box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.5);
	}

	header .navbar .navbar-nav .menu-item a {
		margin: 10px 0;
		color: #0a083b;
		display: flex;
		align-items: center;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.5;
		filter: none;
	}

	header .navbar .navbar-nav .menu-item:hover > a {
		color: #1950d1;
	}

	header .navbar .navbar-nav > .menu-item:not(:last-child) {
		margin-right: 0;
	}

	header .navbar .navbar-nav .menu-item:not(:last-child) {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	header .navbar .navbar-nav > .menu-item:first-child {
		margin-top: 20px;
	}

	header .navbar .navbar-nav > .menu-item:last-child {
		margin-bottom: 20px;
	}

	header .navbar .navbar-nav .nav-close {
		display: block;
	}

	header .navbar .navbar-nav .menu-item a::after,
	header .navbar .navbar-nav > .menu-item > .sub-menu::after,
	header .navbar .navbar-nav .menu-item .sub-menu::before {
		display: none;
	}

	header .navbar .navbar-nav .menu-item .sub-menu {
		padding: 0;
		position: static;
		max-height: 0;
		width: auto;
		border: none;
		box-shadow: none !important; /* temanın 992px+ gölge kuralı daha özgül */
		margin-left: 10px;
	}

	header .navbar .navbar-nav .menu-item:focus-within > .sub-menu,
	header .navbar .navbar-nav .menu-item:hover > .sub-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		max-height: none;
	}

	/* Dil seçici açılır panelde kendi satırında dursun */
	header .navbar .navbar-nav > .menu-item-gtranslate {
		min-height: 56px;
		align-items: center;
	}

	header .navbar .navbar-nav > .menu-item-gtranslate > div {
		position: static !important;
	}
}