/* Mobil üst bar: Menü / Kategoriler / Giriş
 * Geri almak için: include/ust.php içindeki mobilUstStil.php satırını silin
 * Bu dosya en son yüklenir; mobil başlık düzeninin tek sorumlusudur.
 */

@media only screen and (max-width: 1200px) {

	.ortala > .ust > .ust1 {
		display: block !important;
		visibility: visible !important;
		float: none !important;
		width: 100% !important;
		height: auto !important;
		min-height: 46px !important;
		overflow: visible !important;
		background: #fff !important;
		border-bottom: 0 !important;
	}

	.ortala > .ust > .ust1 > .mobilUst {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 6px !important;
		position: relative !important;
		z-index: 1 !important;
		float: none !important;
		width: 100% !important;
		height: auto !important;
		min-height: 46px !important;
		margin: 0 !important;
		padding: 6px 4px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		background: #fff !important;
		border-bottom: 1px solid #e0e8ef !important;
	}

	.ortala > .ust > .ust1 > .mobilUst > div,
	.ortala > .ust > .ust1 > .mobilUst > a {
		display: inline-flex !important;
		visibility: visible !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		float: none !important;
		width: auto !important;
		height: 34px !important;
		margin: 0 !important;
		padding: 0 10px !important;
		box-sizing: border-box !important;
		font-size: 10.5pt !important;
		line-height: 1 !important;
		text-align: center !important;
		text-decoration: none !important;
		white-space: nowrap !important;
		cursor: pointer !important;
		border: 1px solid #d4e4ed !important;
		border-radius: 6px !important;
		background: #f7fafc !important;
		color: #1079c3 !important;
	}

	/* Sıralama: Menü ve Kategoriler solda, Giriş en sağda */
	.ortala > .ust > .ust1 > .mobilUst > div[dugme="mobilMenu"] {
		order: 1 !important;
	}

	.ortala > .ust > .ust1 > .mobilUst > div[dugme="mobilKategoriler"] {
		order: 2 !important;
	}

	.ortala > .ust > .ust1 > .mobilUst > .mobilUstGiris {
		order: 3 !important;
		margin-left: auto !important;
	}

	.ortala > .ust > .ust1 > .mobilUst font {
		display: inline-block !important;
		width: auto !important;
		height: auto !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: visible !important;
		font-size: 10.5pt !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		color: inherit !important;
	}

	/* Menü ve Kategoriler ikonları (mevcut png'ler) */
	.ortala > .ust > .ust1 > .mobilUst > div > i {
		display: inline-block !important;
		flex-shrink: 0 !important;
		width: 17px !important;
		height: 17px !important;
		margin: 0 !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: contain !important;
	}

	/* Giriş / Hesabım butonu - site mavisi ile vurgulanır */
	.ortala > .ust > .ust1 > .mobilUst > .mobilUstGiris {
		flex: 0 1 auto !important;
		min-width: 0 !important;
		overflow: hidden !important;
		background: #1079c3 !important;
		border-color: #1079c3 !important;
		color: #fff !important;
	}

	.ortala > .ust > .ust1 > .mobilUst > .mobilUstGiris font {
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.ortala > .ust > .ust1 > .mobilUst > .mobilUstGiris > i {
		font-size: 11pt !important;
		line-height: 1 !important;
		color: #fff !important;
		flex-shrink: 0 !important;
	}

	/* Açılan mobil menü / kategori paneli her zaman en üstte kalsın.
	   (Üst bar, arama kutusu ve sepet ikonu panelin üstüne binmesin.) */
	.mobilArkaPlan {
		z-index: 9999 !important;
	}
}

/* Dar telefonlarda yazıları kısalt, taşmayı engelle */
@media only screen and (max-width: 420px) {

	.ortala > .ust > .ust1 > .mobilUst > div,
	.ortala > .ust > .ust1 > .mobilUst > a {
		padding: 0 7px !important;
		height: 32px !important;
		gap: 5px !important;
	}

	.ortala > .ust > .ust1 > .mobilUst font {
		font-size: 9.5pt !important;
	}
}