/*
 * Telefon görünümü düzeltmeleri (tema ve Elementor dosyalarına dokunmadan).
 */

@media (max-width: 991px) {
	/* Başlıktaki dokunma hedefleri en az 44x44px (hamburger 36x29, sepet 26x19 idi) */
	header .navbar .navbar-toggler,
	header .navbar .navbar-utils .cart-contents {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 44px;
		min-height: 44px;
	}

	header .navbar .navbar-utils a.btn-getstarted {
		display: inline-flex;
		align-items: center;
		min-height: 40px;
	}
}

@media (max-width: 767px) {
	/*
	 * Ana sayfa üst bölümü (Elementor bölüm kimliği bf8f528): arka plan görseli masaüstü için
	 * tasarlandığından telefonda yazının altına yüz görseli giriyor. Yazı okunabilsin diye
	 * görselin üstüne yarı saydam açık bir katman konur. Bölüm Elementor'da yeniden
	 * oluşturulursa kimlik değişir; bu kural o zaman güncellenmelidir.
	 */
	.elementor-element-bf8f528 > .elementor-background-slideshow::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 2;
		background: rgba(255, 255, 255, 0.72);
		pointer-events: none;
	}

	/* Kurs karuseli okları kapsayıcıdan 40px dışarı taşıp sayfayı yatay kaydırıyordu */
	.etlms-carousel-arrow-position-outside.etlms-carousel-arrow-next {
		margin-right: -28px !important;
	}

	.etlms-carousel-arrow-position-outside.etlms-carousel-arrow-prev {
		margin-left: -28px !important;
	}

	/* Giriş sayfası: formun üstündeki ~220px boşluk */
	.tutor-page-wrap:has(> .tutor-login-wrap) {
		padding-top: 16px;
	}

	.tutor-page-wrap > .tutor-login-wrap {
		margin-top: 0 !important;
		padding-top: 16px !important;
	}
}

/* Giriş/kayıt formlarına betikle eklenen görünür etiketler (assets/js/forms.js) */
.bussac-field-label {
	display: block;
	margin: 0 0 6px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	color: #0a083b;
}