/**
 * Menü modülü — yapısal stiller.
 * Tema renkleri .vi-menu-theme-* sınıflarındaki CSS değişkenlerinden gelir.
 */

/* Ortak */
.vi-menu-lang-flag {
	width: 25px;
	height: auto;
	vertical-align: middle;
}

/* Bayrak + dil adı arası boşluk */
.vi-menu-top-contact .dropdown > a[role="button"],
.mbdil > a[role="button"] {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.vi-menu-lang-menu.dropdown-menu {
	padding: 0;
}

.vi-menu-lang-menu .vi-menu-lang-option {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	color: #212529;
}

.vi-menu-lang-menu .vi-menu-lang-option-flag {
	width: 23px;
	height: auto;
	margin-top: 0;
	flex-shrink: 0;
}

/* top-contact hover beyaz metin — dropdown öğelerini ezmemeli */
.vi-menu-lang-menu .vi-menu-lang-option:hover,
.vi-menu-lang-menu .vi-menu-lang-option:focus {
	color: #212529 !important;
	background-color: #e9ecef !important;
}

.vi-menu-top-contact .dropdown > a[role="button"]:hover,
.vi-menu-top-contact .dropdown > a[role="button"]:focus {
	text-decoration: none;
}

.vi-menu-top-contact {
	z-index: 99;
}

.vi-menu-t2-spacer.desktop {
	margin-bottom: -50px;
}

/* Tema 1 */
.vi-menu-theme-1 .vialtemenu {
	background: var(--vi-menu-bg, #ffffff);
	color: var(--vi-menu-text, #333333) !important;
}

.vi-menu-theme-1 .vimenulin {
	color: var(--vi-menu-text, #333333) !important;
}

.vi-menu-theme-1 .vi-menu-top-contact .dropdown > a[role="button"]:hover,
.vi-menu-theme-1 .vi-menu-top-contact .dropdown > a[role="button"]:focus {
	color: var(--vi-menu-text, #333333) !important;
}

.vi-menu-theme-1 .header-btn .ttm-btn {
	background: var(--vi-menu-btn-bg, #ffffff);
	color: var(--vi-menu-btn-text, #333333);
}

/* Tema 2 */
.vi-menu-theme-2#masthead {
	background: var(--vi-menu-header-bg, #ffffff);
}

.vi-menu-theme-2 .vimenulin {
	color: var(--vi-menu-text, #333333) !important;
}

.vi-menu-theme-2 .vimenulins {
	color: var(--vi-menu-topbar-text, #333333) !important;
}

.vi-menu-theme-2 .vi-menu-top-contact .dropdown > a[role="button"]:hover,
.vi-menu-theme-2 .vi-menu-top-contact .dropdown > a[role="button"]:focus {
	color: var(--vi-menu-topbar-text, #333333) !important;
}

.vi-menu-theme-2 .vi-menu-topbar {
	background: var(--vi-menu-topbar-bg, #ffffff);
	color: var(--vi-menu-topbar-text, #333333) !important;
}

.vi-menu-theme-2 .vi-menu-social-link {
	color: var(--vi-menu-topbar-text, #333333);
}

/* Tema 3 */
.vi-menu-theme-3#masthead {
	background: var(--vi-menu-header-bg, #ffffff);
}

.vi-menu-theme-3 .vimn3hb {
	color: var(--vi-menu-widget-text, #333333) !important;
}

.vi-menu-theme-3 .vimnhd {
	color: var(--vi-menu-topbar-text, #333333) !important;
}

.vi-menu-theme-3 .vimnhd:hover,
.vi-menu-theme-3 .vimnhd:focus {
	color: var(--vi-menu-topbar-text, #333333) !important;
}

.vi-menu-theme-3 .vimenulin {
	color: var(--vi-menu-nav-text, #333333) !important;
}

.vi-menu-theme-3 .vi-menu-topbar {
	background: var(--vi-menu-topbar-bg, #ffffff);
}

.vi-menu-theme-3 .vi-menu-nav-bar {
	background: var(--vi-menu-nav-bg, #ffffff);
}

.vi-menu-theme-3 .vi-menu-social-link {
	color: var(--vi-menu-topbar-text, #333333);
}

/* Tema 1 masaüstü: üst bar + menü aynı sol hizada; İletişim menü sonrasında */
@media (min-width: 1200px) {
	.ttm-header-style-03.vi-menu-theme-1 .site-header-menu-inner > .d-xl-flex.justify-content-xl-between {
		justify-content: flex-start !important;
	}

	.ttm-header-style-03.vi-menu-theme-1 .site-navigation {
		width: auto;
		flex: 1 1 auto;
		min-width: 0;
	}

	/* Üst bar: tek satır akış (sosyal ikonlar Türkçe'nin yanında, sağa yapışmaz) */
	.ttm-header-style-03.vi-menu-theme-1 .topbar-right {
		display: block;
		text-align: left;
	}

	.ttm-header-style-03.vi-menu-theme-1 .topbar-right .ttm-social-links-wrapper {
		display: inline-block;
		vertical-align: middle;
	}

	/* main.css: .top-contact li:first-child { padding-left: 60px } — menüden sağda kalıyor */
	.ttm-header-style-03.vi-menu-theme-1 .vi-menu-top-contact > li:first-child {
		padding-left: 17px !important;
	}

	/* responsive.css: .menu, .header-btn, nav.menu > ul { float: right } */
	.ttm-header-style-03.vi-menu-theme-1 #site-header-menu #site-navigation nav#menu.menu {
		float: none !important;
		clear: none;
		display: flex;
		align-items: center;
		width: 100%;
	}

	.ttm-header-style-03.vi-menu-theme-1 nav.menu > ul {
		order: 1;
		float: none !important;
		display: block;
		width: auto;
		flex: 0 0 auto;
		margin: 0;
		padding: 0;
	}

	.ttm-header-style-03.vi-menu-theme-1 nav.menu > ul > li {
		display: inline-block;
	}

	.ttm-header-style-03.vi-menu-theme-1 nav#menu > .header-btn {
		order: 2;
		float: none !important;
		flex: 0 0 auto;
		margin-left: 0;
		padding-left: 17px;
	}
}

/* Mobil: İletişim butonu gizli (masaüstünde kalır) */
@media (max-width: 1199px) {

	#site-header-menu #site-navigation .header-btn,
	#site-header-menu #site-navigation .ttm-menu-cta-02 {
		display: none !important;
	}
}