/* ===================================================================
   ADNAN A.Ş. | İş Başvurusu Formu (isbasvurusu.php)
   landing.css içindeki :root marka değişkenlerini (--adnan-*) kullanır.
   =================================================================== */

/* body.adnan-landing, landing.css içinde display:block + beyaz arkaplan
   veriyor; bu sayfa siyah/sarı temalı tam ekran bir form olduğu için
   iki sınıflı (adnan-landing.adnan-basvuru) daha özgül bir seçiciyle
   arkaplanı siyaha çeviriyor ve footer'ı her zaman en alta yapıştırmak
   için flex-column düzenine geçiyoruz.
   Gradient arkaplan burada (main değil, body'de) tanımlanır ki header
   kartı, form kartı ve footer kartının arasında/altında hiçbir renk
   farkı/sınır (seam) oluşmadan tek parça kesintisiz bir zemin olsun. */
body.adnan-landing.adnan-basvuru {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background: var(--adnan-gradient-dark);
}

/* "Siteye Dön" butonu, landing.css'teki paylaşılan .btn-adnan-outline-light:hover
   kuralının translateY(-3px)'ini kullanır; burada SADECE bu sayfanın yüzen
   header'ı içinde daha ince bir kalkma mesafesine (-1px) indiriyoruz,
   index.php'deki diğer kullanımları etkilemeden. */
.adnan-basvuru-floating-header .btn-adnan-outline-light:hover,
.adnan-basvuru-floating-header .btn-adnan-outline-light:focus {
	transform: translateY(-2px);
}

/* =========================================================
   RADIO / CHECKBOX SEÇİLİ RENGİ
   ========================================================= */
/* Metronic'in varsayılan seçili rengi mavi (#3e97ff); bu sayfaya özel
   olarak sitenin sarı marka rengiyle değiştiriyoruz (diğer panel
   sayfalarını etkilememesi için .adnan-basvuru-card ile sınırlı). */
.adnan-basvuru-card .form-check-input:checked {
	background-color: var(--adnan-yellow);
	border-color: var(--adnan-yellow);
}

/* =========================================================
   PROFİL FOTOĞRAFI - ORTALAMA
   ========================================================= */
/* Bölüm başlığı (ikon + yazı) ve fotoğraf dairesi, sayfanın diğer
   bölümlerinden farklı olarak formun tam ortasında görünür. */
.basvuru-section-center .basvuru-section-title {
	justify-content: center;
}

/* .image-input, "değiştir" butonunu kendi genişliğine göre (left:100%)
   konumlandırdığı için display:inline-block olarak KALMALI; bunu
   display:block yapmak .image-input'ı kartın tüm genişliğine yayıp
   butonu yanlış yere kaydırıyordu. Bunun yerine üst elemanı
   text-align:center yaparak inline-block dairenin kendisini ortalıyoruz. */
.basvuru-section-center {
	text-align: center;
}

/* =========================================================
   PROFİL FOTOĞRAFI HATA METNİ
   ========================================================= */
/* Dosya input'u küçük "değiştir" butonunun (w-25px h-25px, dairenin sağ
   üstünde position:absolute) içinde iç içe olduğu için jQuery Validate hata
   etiketini de o butonun İÇİNE yerleştiriyor; position:absolute de bu yüzden
   .image-input'a değil, o küçük butona göre konumlanıyor. Buton, dairenin
   sağ kenarından 100px içeride başladığı için (ölçülüp doğrulandı), hata
   etiketini -100px sola çekip dairenin (125px) hemen altına indiriyoruz. */
.image-input .error {
	position: absolute;
	top: 130px;
	left: -100px;
	/* Kutuyu tam dairenin genişliğine (125px) eşitleyip içindeki metni
	   ortalıyoruz; böylece metin daireye göre ortalanmış görünür. */
	width: 125px;
	text-align: center;
	/* "Değiştir" butonunun (.btn) içine yerleştiği için font-size/weight'i
	   ondan miras alıyor (13.2px/600); diğer hata metinleriyle (12px/400)
	   birebir aynı görünsün diye burada elle sıfırlıyoruz. */
	font-size: 12px;
	font-weight: 400;
}

/* Dosya input'u geçersizken (jQuery Validate'in eklediği .error class'ı),
   görünen daireyi (.image-input-wrapper) diğer alanlardaki gibi kırmızı
   çerçeveyle işaretler. Input, dairenin kendisiyle DOM'da kardeş olmadığı
   (küçük "değiştir" butonunun içinde) için :has() ile en yakın ortak üst
   elemandan (.image-input) hedefliyoruz. Seçici bilerek sadece
   "input.error" arıyor: jQuery Validate geçerli olunca hata etiketini
   DOM'dan silmiyor, sadece gizliyor (display:none) — genel ".error" ile
   arasaydık, gizli etiket hâlâ eşleşip çerçeveyi kırmızı tutardı. */
.image-input:has(input.error) .image-input-wrapper {
	border-color: #ea5455 !important;
}

/* =========================================================
   VALIDATE HATA METNİ (radyo grupları + select2)
   ========================================================= */
/* form-validation.css zaten #cinsiyet-error / #medeni_hali-error / #yaka_tipi-error
   için aynısını yapıyor: radyo gruplarında hata metnini gizleyip sadece
   kırmızı çerçeveyle uyarı veriyor. Aynı kalıbı bu sayfaya özel radyo
   gruplarına ve KVKK onay kutusuna da uyguluyoruz. */
#cocuk_var_mi-error,
#is_deneyimi_var_mi-error,
#saglik_problemi_var_mi-error,
#kurs_seminer_var_mi-error,
#yabanci_dil_var_mi-error,
#kvkk_onay-error {
	display: none !important;
}

/* select2 alanlarındaki hata metnini görünen kutunun hemen altına alan kural
   artık form-validation.css'te (form.adnan_validate .form-group), tüm panel
   genelinde ortak — burada tekrar tanımlamaya gerek yok. */

/* =========================================================
   YÜZEN HEADER
   ========================================================= */
/* index.php'deki tam genişlikte sabit navbar'ın aksine; burada logo ve
   "Siteye Dön" butonu, aşağıdaki form kartıyla aynı genişlikte (max-width:
   1040px), üstünde/altında boşluğu olan, yuvarlak köşeli, kendi başına
   "yüzen" bir kart olarak görünür. */
.adnan-basvuru-floating-header {
	max-width: 1040px;
	margin: 0 auto 1.5rem;
	background: rgba(20, 20, 23, .85);
	border: 2px solid var(--adnan-yellow);
	backdrop-filter: blur(10px);
	border-radius: var(--adnan-radius-lg);
	padding: .85rem 1.75rem;
	box-shadow: var(--adnan-shadow-dark);
}

.adnan-basvuru-floating-header .adnan-brand-logo-full {
	height: 50px;
}

.adnan-basvuru-floating-header .btn-adnan-outline-light i {
	color: var(--adnan-yellow);
	font-weight: 700;
}

.adnan-basvuru-floating-header .btn-adnan-outline-light:hover,
.adnan-basvuru-floating-header .btn-adnan-outline-light:hover i {
	color: var(--adnan-black);
}

/* Metronic'in genel .btn:active kuralı (style.bundle.css), basılı tutulunca
   metin rengini --bs-btn-active-color (koyu bir renk) yapıyor; arkaplan ise
   sarıya dönmediği (şeffaf/siyah kaldığı) için yazı/ikon koyu zemin üstünde
   koyu kalıp kayboluyordu. Basılı tutulduğunda da marka sarısı görünsün diye
   elle geri veriyoruz (Bootstrap kuralıyla aynı özgüllükte olduğu için
   !important gerekiyor). */
.adnan-basvuru-floating-header .btn-adnan-outline-light:active,
.adnan-basvuru-floating-header .btn-adnan-outline-light:active i {
	color: var(--adnan-yellow) !important;
}

/* =========================================================
   ANA (SİYAH + SARI EFEKT) ALAN
   ========================================================= */
.adnan-basvuru-main {
	position: relative;
	flex: 1 0 auto;
	overflow: hidden;
	padding: 3rem 0 3rem 0;
}

.adnan-basvuru-main .container {
	position: relative;
	z-index: 2;
}

/* =========================================================
   FORM KARTI
   ========================================================= */
.adnan-basvuru-card {
	background: var(--adnan-white);
	border: 2px solid var(--adnan-yellow);
	border-radius: var(--adnan-radius-lg);
	box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .55);
	max-width: 1040px;
	margin: 0 auto;
	overflow: hidden;
}

.adnan-basvuru-card .card-header {
	background: var(--adnan-black);
	border-bottom: 3px solid var(--adnan-yellow);
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 2.25rem 1.5rem;
	min-height: 0;
}

.adnan-basvuru-card .card-header .card-title {
	color: var(--adnan-white);
	font-weight: 800;
	font-size: 1.4rem;
	letter-spacing: .01em;
	margin: 0;
}

.adnan-basvuru-card .card-header p {
	color: rgba(255, 255, 255, .6);
	font-size: .92rem;
	margin: .6rem 0 0;
}

.adnan-basvuru-card .card-body {
	padding: 2rem 2.25rem 1rem;
}

/* =========================================================
   BÖLÜM BAŞLIKLARI
   ========================================================= */
.basvuru-section {
	margin-bottom: 2.5rem;
}

.basvuru-section-title {
	display: flex;
	align-items: center;
	gap: .65rem;
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--adnan-black-800);
	margin: 0 0 1.5rem;
	padding-bottom: .75rem;
	border-bottom: 2px solid var(--adnan-gray-200);
}

.basvuru-section-icon {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--adnan-yellow);
	color: #000000;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	flex-shrink: 0;
}
.basvuru-section-icon i {
	color: black !important; 
}
.basvur-buton i {
	color: black !important;
}
#adnanScrollTop i {
	color: black !important;
}
/* =========================================================
   FORM REPEATER (tekrarlanan kayıt) KUTULARI
   ========================================================= */
.basvuru-repeater-item {
	position: relative;
	background: var(--adnan-gray-100);
	border: 1px solid var(--adnan-gray-200);
	border-radius: var(--adnan-radius);
	padding: 1.25rem 3.25rem .25rem 1.25rem;
	margin-bottom: 1rem;
}

.basvuru-repeater-delete {
	position: absolute;
	top: .6rem;
	right: .6rem;
}

.basvuru-repeater-add {
	font-weight: 600;
}

/* =========================================================
   KOŞULLU (gizli/açık) ALANLAR
   ========================================================= */
.basvuru-conditional {
	transition: opacity .2s ease;
}

/* =========================================================
   KART FOOTER (KVKK onayı + Başvur butonu)
   ========================================================= */
.adnan-basvuru-card .card-footer {
	background: var(--adnan-gray-100);
	border-top: 1px solid var(--adnan-gray-200);
	padding: 1.75rem 2.25rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
}

.basvuru-kvkk-check {
	max-width: 640px;
	margin: 0;
}

.basvuru-kvkk-check a {
	color: var(--adnan-yellow-deep);
	font-weight: 700;
	text-decoration: underline;
}

/* =========================================================
   MİNİ SAYFA FOOTER'I
   ========================================================= */
/* Artık HTML'de header ve form kartıyla birlikte aynı .container'ın
   içinde. Bu yüzden genişliği de header/kart ile birebir aynı mantıkla
   (max-width + margin: 0 auto) hesaplanıyor; ayrı bir width: calc(...)
   değerine ihtiyaç yok. Böylece üçü de tek bir dikey hizada durur ve
   footer'ın etrafında container'dan taşan/dış bir kutu içindeymiş gibi
   görünen fazladan siyah alan oluşmaz. */
.adnan-basvuru-footer-inner {
	flex-shrink: 0;
	max-width: 1040px;
	margin: 1.5rem auto 0 auto;
	background: rgba(20, 20, 23, .85);
	border: 2px solid var(--adnan-yellow);
	backdrop-filter: blur(10px);
	border-radius: var(--adnan-radius-lg);
	box-shadow: var(--adnan-shadow-dark);
	padding: 1.1rem 1.5rem;
	color: rgba(255, 255, 255, .55);
	text-align: center;
	font-size: .92rem;
}

/* =========================================================
   KVKK MODAL
   ========================================================= */
.basvuru-kvkk-note {
	color: var(--adnan-gray-700);
	font-size: .82rem;
	font-style: italic;
	margin-top: 1rem;
	border-top: 1px dashed var(--adnan-gray-400);
	padding-top: .85rem;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width: 767.98px) {
	.adnan-basvuru-main {
		padding: 1.75rem 0 2.5rem;
	}

	.adnan-basvuru-floating-header {
		padding: .65rem 1rem;
		border-radius: var(--adnan-radius);
	}

	.adnan-basvuru-floating-header .adnan-brand-logo-full {
		height: 30px;
	}

	.adnan-basvuru-footer-inner {
		margin-top: 1.25rem;
		border-radius: var(--adnan-radius);
		padding: .9rem 1rem;
	}

	.adnan-basvuru-card .card-header {
		padding: 1.75rem 1.25rem;
	}

	.adnan-basvuru-card .card-header .card-title {
		font-size: 1.15rem;
	}

	.adnan-basvuru-card .card-body {
		padding: 1.5rem 1.25rem .5rem;
	}

	.adnan-basvuru-card .card-footer {
		padding: 1.5rem 1.25rem;
		justify-content: center;
		text-align: center;
	}
}