/* ==========================================================================
   NOKSEL — Kariyer sayfa blokları (page-kariyer.php)
   Bloklar tam genişlikte şeritler; zemin panelden seçiliyor.
   ========================================================================== */

.kblok { position: relative; }
.kblok--beyaz { background: var(--white); }
.kblok--acik { background: var(--surface-alt); }
.kblok--koyu { background: var(--navy); }

.kblok > .section-inner { padding-block: 88px; }
.kblok--menu > .section-inner { padding-block: 40px 0; }
.kblok + .kblok--beyaz > .section-inner,
.kblok + .kblok--acik > .section-inner { padding-block: 88px; }

/* --- Ortak başlık --------------------------------------------------------- */

.kblok__ust { max-width: 62ch; margin-bottom: 52px; }

.kblok__etiket {
	display: block;
	margin-bottom: 14px;
	font-family: var(--font-body);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--green);
}

.kblok__baslik {
	font-family: var(--font-display);
	font-size: var(--fs-h2);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: var(--ls-tight);
	color: var(--ink);
}

.kblok__cizgi { width: 48px; height: 3px; margin: 18px 0 20px; background: var(--green); }

.kblok__aciklama,
.kblok__metin {
	font-family: var(--font-body);
	font-size: var(--fs-lead);
	line-height: var(--lh-loose);
	color: var(--ink-light);
}

.kblok__metin p + p { margin-top: 1.1em; }
.kblok__metin ul { margin: 1em 0 1em 1.2em; }
.kblok__metin li { margin-bottom: 0.5em; list-style: disc; }
.kblok__metin strong { color: var(--ink); }

/* Koyu zeminde renkler çevrilir. */
.kblok--koyu .kblok__baslik,
.kblok--koyu .kkart__baslik,
.kblok--koyu .kadim__baslik,
.kblok--koyu .ksayi__deger { color: var(--white); }

.kblok--koyu .kblok__aciklama,
.kblok--koyu .kblok__metin,
.kblok--koyu .kkart__metin,
.kblok--koyu .kadim__metin,
.kblok--koyu .ksayi__etiket { color: rgba(255, 255, 255, 0.72); }

.kblok--koyu .kblok__metin strong { color: var(--white); }

/* --- Giriş ---------------------------------------------------------------- */

.kgiris { max-width: 76ch; }
.kgiris--merkez { margin-inline: auto; text-align: center; }
.kgiris--merkez .kblok__cizgi { margin-inline: auto; }

/* --- Kartlar -------------------------------------------------------------- */

.kkart-grid { display: grid; gap: 24px; }
.kkart-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kkart-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kkart-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.kkart {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: var(--white);
	border: 1px solid var(--line);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.kkart:hover { transform: translateY(-4px); border-color: transparent; box-shadow: 0 20px 44px rgba(21, 47, 86, 0.14); }

.kblok--koyu .kkart { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.14); }
.kblok--koyu .kkart:hover { background: rgba(255, 255, 255, 0.09); box-shadow: none; }

.kkart__gorsel { aspect-ratio: 16 / 10; overflow: hidden; background: var(--navy); }

.kkart__gorsel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.kkart:hover .kkart__gorsel img { transform: scale(1.06); }

.kkart__govde { display: flex; flex-direction: column; gap: 10px; padding: 28px 26px 30px; }

.kkart__no {
	font-family: var(--font-display);
	font-size: 1.75rem;
	font-weight: 800;
	line-height: 1;
	color: #e3e8ee;
	font-variant-numeric: tabular-nums;
}

.kblok--koyu .kkart__no { color: rgba(255, 255, 255, 0.22); }

.kkart__ikon { display: flex; color: var(--green); }

.kkart__baslik {
	font-family: var(--font-display);
	font-size: var(--fs-h5);
	font-weight: 800;
	line-height: 1.3;
	color: var(--ink);
}

.kkart__metin {
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	line-height: var(--lh-body);
	color: var(--muted);
}

/* --- Rakam şeridi --------------------------------------------------------- */

.ksayi-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 1px;
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.14);
}

.kblok--beyaz .ksayi-grid,
.kblok--acik .ksayi-grid { background: var(--line); border-color: var(--line); }

.ksayi {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 34px 28px;
	background: var(--navy);
}

.kblok--beyaz .ksayi { background: var(--white); }
.kblok--acik .ksayi { background: var(--surface-alt); }

.ksayi__deger {
	display: flex;
	align-items: baseline;
	gap: 8px;
	font-family: var(--font-display);
	font-size: clamp(2rem, 3.4vw, 2.75rem);
	font-weight: 800;
	line-height: 1;
	color: var(--ink);
	font-variant-numeric: tabular-nums;
}

.ksayi__birim {
	font-size: var(--fs-sm);
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--green);
}

.ksayi__etiket {
	font-family: var(--font-body);
	font-size: var(--fs-xs);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--muted);
}

/* --- Görsel + metin ------------------------------------------------------- */

.kgm { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.kgm--sag .kgm__gorsel { order: 2; }

.kgm__gorsel { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--navy); }
.kgm__gorsel img { width: 100%; height: 100%; object-fit: cover; }

/* Köşede ince yeşil çerçeve — ana sayfadaki dil. */
.kgm__gorsel::after {
	content: "";
	position: absolute;
	inset-inline-start: 18px;
	bottom: 18px;
	width: 64px;
	height: 3px;
	background: var(--green);
}

.kgm__govde .kblok__baslik { font-size: var(--fs-h3); }

/* --- Hikâyeler ------------------------------------------------------------ */

.khikaye-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 24px; }

.khikaye {
	display: flex;
	flex-direction: column;
	gap: 22px;
	margin: 0;
	padding: 32px 30px;
	background: var(--white);
	border-top: 3px solid var(--green);
	box-shadow: 0 10px 30px rgba(21, 47, 86, 0.06);
}

.kblok--koyu .khikaye { background: rgba(255, 255, 255, 0.06); box-shadow: none; }

.khikaye__soz {
	margin: 0;
	font-family: var(--font-display);
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.5;
	color: var(--ink);
}

.khikaye__soz::before { content: "“"; }
.khikaye__soz::after { content: "”"; }
.kblok--koyu .khikaye__soz { color: var(--white); }

.khikaye__kisi { display: flex; align-items: center; gap: 14px; margin-top: auto; }

.khikaye__foto {
	flex-shrink: 0;
	width: 52px;
	height: 52px;
	overflow: hidden;
	border-radius: 50%;
	background: var(--navy);
}

.khikaye__foto img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }

.khikaye__foto--bos {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-display);
	font-size: var(--fs-sm);
	font-weight: 800;
	color: rgba(255, 255, 255, 0.75);
}

.khikaye__bilgi { display: flex; flex-direction: column; gap: 2px; }

.khikaye__ad {
	font-family: var(--font-display);
	font-size: var(--fs-sm);
	font-weight: 800;
	color: var(--ink);
}

.khikaye__unvan { font-family: var(--font-body); font-size: var(--fs-xs); color: var(--muted); }
.kblok--koyu .khikaye__ad { color: var(--white); }
.kblok--koyu .khikaye__unvan { color: rgba(255, 255, 255, 0.6); }

/* --- Adımlar -------------------------------------------------------------- */

.kadim-list { margin: 0; padding: 0; list-style: none; counter-reset: kadim; }

.kadim {
	position: relative;
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	gap: 32px;
	padding: 30px 0;
	border-bottom: 1px solid var(--line);
	list-style: none;
}

.kblok--koyu .kadim { border-color: rgba(255, 255, 255, 0.14); }
.kadim:first-child { padding-top: 0; }
.kadim:last-child { border-bottom: 0; padding-bottom: 0; }

.kadim__no {
	font-family: var(--font-display);
	font-size: 2.25rem;
	font-weight: 800;
	line-height: 1;
	color: #e3e8ee;
	font-variant-numeric: tabular-nums;
	transition: color 0.3s ease;
}

.kadim:hover .kadim__no { color: var(--green); }
.kblok--koyu .kadim__no { color: rgba(255, 255, 255, 0.24); }

.kadim__govde { display: flex; flex-direction: column; gap: 8px; }

.kadim__baslik {
	font-family: var(--font-display);
	font-size: var(--fs-h4);
	font-weight: 800;
	color: var(--ink);
}

.kadim__sure {
	align-self: flex-start;
	padding: 4px 10px;
	background: rgba(60, 178, 135, 0.12);
	font-family: var(--font-body);
	font-size: var(--fs-xs);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #2b8a68;
}

.kblok--koyu .kadim__sure { background: rgba(60, 178, 135, 0.18); color: var(--green); }

.kadim__metin { font-family: var(--font-body); font-size: var(--fs-body); line-height: var(--lh-body); color: var(--ink-light); }

/* --- Çağrı şeridi --------------------------------------------------------- */

.kcta { display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.kcta__govde { max-width: 60ch; }

.kcta__baslik {
	font-family: var(--font-display);
	font-size: var(--fs-h3);
	font-weight: 800;
	line-height: 1.2;
	color: var(--ink);
}

.kblok--koyu .kcta__baslik { color: var(--white); }
.kcta__metin { margin-top: 12px; font-family: var(--font-body); font-size: var(--fs-lead); color: var(--ink-light); }
.kblok--koyu .kcta__metin { color: rgba(255, 255, 255, 0.72); }
.kcta__butonlar { display: flex; gap: 14px; flex-wrap: wrap; }
.kblok--koyu .kcta__butonlar .btn--ghost { border-color: rgba(255, 255, 255, 0.4); color: var(--white); }

/* --- Duyarlı -------------------------------------------------------------- */

@media (max-width: 1024px) {
	.kblok > .section-inner { padding-block: 68px; }
	.kkart-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.kgm { gap: 44px; }
}

@media (max-width: 860px) {
	.kkart-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.kgm { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.kgm--sag .kgm__gorsel { order: 0; }
	.kadim { grid-template-columns: 60px minmax(0, 1fr); gap: 20px; }
	.kadim__no { font-size: 1.75rem; }
}

@media (max-width: 600px) {
	.kblok > .section-inner { padding-block: 52px; }
	.kkart-grid--2,
	.kkart-grid--3,
	.kkart-grid--4 { grid-template-columns: minmax(0, 1fr); }
	.kblok__ust { margin-bottom: 32px; }
	.ksayi { padding: 24px 20px; }
	.kcta { flex-direction: column; align-items: flex-start; gap: 24px; }
}

/* --- Bölüm gezintisi -------------------------------------------------------
   Blok düzeninde sol sütun yok; yan menü üstte yatay sekme şeridi oluyor. */

.kblok--menu .yanmenu {
	position: static;
	border-top: 0;
	background: none;
}

.kblok--menu .yanmenu__ac { display: none; }

.kblok--menu .yanmenu__icerik {
	display: flex;
	align-items: center;
	gap: 8px;
	border-bottom: 1px solid var(--line);
	overflow-x: auto;
	scrollbar-width: none;
}

.kblok--menu .yanmenu__icerik::-webkit-scrollbar { display: none; }

.kblok--menu .yanmenu__kok {
	flex-shrink: 0;
	padding: 0 20px 0 0;
	border-bottom: 0;
	border-inline-end: 1px solid var(--line);
	margin-inline-end: 12px;
}

.kblok--menu .yanmenu__liste { display: flex; gap: 2px; padding: 0; }
.kblok--menu .yanmenu__oge { white-space: nowrap; }

.kblok--menu .yanmenu__oge > a {
	padding: 14px 16px;
	border-bottom: 2px solid transparent;
	font-size: var(--fs-sm);
	font-weight: 600;
	transition: color 0.18s ease, border-color 0.18s ease;
}

.kblok--menu .yanmenu__oge > a:hover { background: none; color: var(--navy); border-bottom-color: var(--line); }

.kblok--menu .yanmenu__oge.is-aktif > a {
	background: none;
	color: var(--navy);
	border-bottom-color: var(--green);
}

.kblok--menu .yanmenu__oge.is-aktif > a::before { display: none; }

/* Alt seviye bu şeritte gösterilmiyor. */
.kblok--menu .yanmenu__liste--1,
.kblok--menu .yanmenu__liste--2 { display: none; }

@media (max-width: 600px) {
	.kblok--menu > .section-inner { padding-block: 24px 0; }
	.kblok--menu .yanmenu__kok { font-size: var(--fs-tag); padding-inline-end: 14px; margin-inline-end: 8px; }
	.kblok--menu .yanmenu__oge > a { padding: 12px; }
}


/* ==========================================================================
   İŞ İLANLARI
   ========================================================================== */

.ilanlar__suzgec {
	display: flex;
	align-items: flex-end;
	gap: 18px;
	flex-wrap: wrap;
	padding-bottom: 22px;
	margin-bottom: 28px;
	border-bottom: 1px solid var(--line);
}

.ilanlar__alan { display: flex; flex-direction: column; gap: 6px; min-width: 190px; }

.ilanlar__etiket {
	font-family: var(--font-body);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--muted);
}

.ilanlar__alan select {
	padding: 11px 14px;
	border: 1px solid var(--line);
	background: var(--white);
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	color: var(--ink);
	cursor: pointer;
}

.ilanlar__alan select:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }

.ilanlar__sayi {
	margin-inline-start: auto;
	font-family: var(--font-display);
	font-size: var(--fs-sm);
	font-weight: 700;
	color: var(--navy);
}

.ilan-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; list-style: none; margin: 0; padding: 0; }
.ilan-kart[hidden] { display: none; }

.ilan-kart__link {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: 100%;
	padding: 28px 26px 26px;
	background: var(--white);
	border: 1px solid var(--line);
	text-decoration: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.ilan-kart__link:hover { transform: translateY(-3px); border-color: transparent; box-shadow: 0 18px 38px rgba(21, 47, 86, 0.14); }
.ilan-kart--one .ilan-kart__link { border-top: 3px solid var(--green); }

.ilan-kart__rozet {
	align-self: flex-start;
	padding: 4px 10px;
	background: rgba(60, 178, 135, 0.14);
	font-family: var(--font-body);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: #2b8a68;
}

.ilan-kart__baslik {
	font-family: var(--font-display);
	font-size: var(--fs-h5);
	font-weight: 800;
	line-height: 1.3;
	color: var(--ink);
}

.ilan-kart__link:hover .ilan-kart__baslik { color: var(--navy); }
.ilan-kart__ozet { font-family: var(--font-body); font-size: var(--fs-sm); line-height: var(--lh-body); color: var(--muted); }
.ilan-kart__meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: auto; padding-top: 10px; }

.ilan-kart__etiket {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--font-body);
	font-size: var(--fs-xs);
	color: var(--muted);
}

.ilan-kart__etiket svg { color: var(--blue-light); }
.ilan-kart__ok { position: absolute; top: 24px; inset-inline-end: 22px; color: #ccd3da; transition: color 0.2s ease, transform 0.2s ease; }
.ilan-kart__link:hover .ilan-kart__ok { color: var(--green); transform: translateX(3px); }
.ilanlar__bos, .ilanlar__bos-liste { max-width: 60ch; padding: 24px 0; font-size: var(--fs-lead); color: var(--muted); }

/* --- Tek ilan -------------------------------------------------------------- */

.ilan-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 64px; align-items: start; }
.ilan-govde .prose { max-width: 70ch; }

.ilan-baslik {
	margin: 40px 0 16px;
	font-family: var(--font-display);
	font-size: var(--fs-h4);
	font-weight: 800;
	color: var(--navy);
}

.ilan-govde > .ilan-baslik:first-child { margin-top: 0; }

.ilan-kapali {
	padding: 16px 20px;
	margin-bottom: 28px;
	background: rgba(214, 69, 69, 0.08);
	border-inline-start: 3px solid #d64545;
	font-size: var(--fs-sm);
	color: var(--ink);
}

.ilan-kapali a { color: var(--blue); }

.ilan-kutu {
	position: sticky;
	top: calc(var(--header-h, 80px) + 24px);
	padding: 28px 26px;
	background: var(--surface-alt);
	border-top: 3px solid var(--green);
}

.ilan-kunye { list-style: none; margin: 0 0 24px; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.ilan-kunye li { display: flex; gap: 12px; }
.ilan-kunye__ikon { color: var(--blue-light); }
.ilan-kunye__govde { display: flex; flex-direction: column; gap: 2px; }

.ilan-kunye__etiket {
	font-family: var(--font-body);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--muted);
}

.ilan-kunye__deger { font-family: var(--font-display); font-size: var(--fs-sm); font-weight: 700; color: var(--ink); }
.ilan-basvur { width: 100%; justify-content: center; }
.ilan-kod { margin-top: 14px; font-size: var(--fs-xs); color: var(--muted); text-align: center; }

.ilan-paylas { display: flex; align-items: center; gap: 14px; margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--line); font-size: var(--fs-sm); color: var(--muted); }
.ilan-paylas a { color: var(--blue); text-decoration: none; }
.ilan-paylas a:hover { color: var(--green); }

@media (max-width: 1024px) {
	.ilan-duzen { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.ilan-kutu { position: static; }
}

@media (max-width: 600px) {
	.ilanlar__suzgec { flex-direction: column; align-items: stretch; }
	.ilanlar__sayi { margin-inline-start: 0; }
	.ilan-grid { grid-template-columns: minmax(0, 1fr); }
}


/* --- Başvuru formu --------------------------------------------------------- */

.basvuru { max-width: 900px; }
.basvuru__hp { position: absolute; left: -9999px; }
.basvuru__giris { margin-bottom: 28px; font-size: var(--fs-body); color: var(--muted); }

.basvuru__bolum { margin: 0 0 36px; padding: 0; border: 0; }

.basvuru__baslik {
	display: block;
	width: 100%;
	padding: 0 0 12px;
	margin-bottom: 22px;
	border-bottom: 2px solid var(--navy);
	font-family: var(--font-display);
	font-size: var(--fs-h5);
	font-weight: 800;
	color: var(--navy);
}

.basvuru__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
.basvuru__alan { display: flex; flex-direction: column; gap: 6px; grid-column: span 2; }
.basvuru__alan--50 { grid-column: span 1; }
.basvuru__alan[hidden] { display: none; }

.basvuru__etiket {
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	font-weight: 600;
	color: var(--ink);
}

.basvuru__yildiz { color: #d64545; margin-inline-start: 2px; }
.basvuru__yardim { font-size: var(--fs-xs); color: var(--muted); }

.basvuru input[type="text"],
.basvuru input[type="email"],
.basvuru input[type="tel"],
.basvuru input[type="url"],
.basvuru input[type="number"],
.basvuru input[type="date"],
.basvuru input[type="file"],
.basvuru select,
.basvuru textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--line);
	background: var(--white);
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	color: var(--ink);
}

.basvuru input:focus-visible,
.basvuru select:focus-visible,
.basvuru textarea:focus-visible { outline: 2px solid var(--green); outline-offset: 1px; }
.basvuru input[type="file"] { padding: 9px 12px; background: var(--surface-alt); cursor: pointer; }
.basvuru__coklu { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.basvuru__coklu label { display: inline-flex; align-items: center; gap: 8px; font-size: var(--fs-sm); color: var(--ink-light); }

/* Tekrarlı alanlar */
.btekrar { display: flex; flex-direction: column; gap: 12px; }
.btekrar__satirlar { display: flex; flex-direction: column; gap: 12px; }

.btekrar__satir {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 12px;
	padding: 16px;
	background: var(--surface-alt);
	border: 1px solid var(--line);
}

.btekrar__alan { display: flex; flex-direction: column; gap: 4px; }
.btekrar__alan span { font-size: var(--fs-xs); font-weight: 600; color: var(--muted); }

.btekrar__ekle {
	align-self: flex-start;
	padding: 9px 16px;
	border: 1px dashed var(--line);
	background: none;
	font-family: var(--font-display);
	font-size: var(--fs-xs);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--navy);
	cursor: pointer;
	transition: border-color 0.18s ease, color 0.18s ease;
}

.btekrar__ekle:hover { border-color: var(--green); color: var(--green); }

/* Onay ve gönderim */
.basvuru__onay { margin: 8px 0 24px; }
.basvuru__onay label { display: flex; align-items: flex-start; gap: 12px; font-size: var(--fs-sm); line-height: var(--lh-body); color: var(--ink-light); }
.basvuru__onay input { margin-top: 3px; }
.basvuru__onay a { color: var(--blue); }
.basvuru__gonder { margin: 0; }
.basvuru__gonder .is-gonderiliyor { opacity: 0.6; pointer-events: none; }

.basvuru-hata {
	max-width: 900px;
	padding: 14px 18px;
	margin-bottom: 24px;
	background: rgba(214, 69, 69, 0.08);
	border-inline-start: 3px solid #d64545;
	font-size: var(--fs-sm);
	color: var(--ink);
}

.basvuru-uyari { color: var(--muted); }

.basvuru-sonuc { max-width: 620px; }
.basvuru-sonuc__ikon { display: inline-flex; padding: 14px; margin-bottom: 18px; background: rgba(60, 178, 135, 0.14); color: #2b8a68; }

.basvuru-sonuc h2 {
	margin-bottom: 12px;
	font-family: var(--font-display);
	font-size: var(--fs-h3);
	font-weight: 800;
	color: var(--ink);
}

.basvuru-sonuc p { margin-bottom: 22px; font-size: var(--fs-lead); color: var(--ink-light); }

@media (max-width: 700px) {
	.basvuru__grid { grid-template-columns: minmax(0, 1fr); }
	.basvuru__alan, .basvuru__alan--50 { grid-column: span 1; }
}


/* --- Kariyer sayfasındaki ilan ve lokasyon blokları ------------------------ */

.ilan-tumu { margin-top: 28px; }

.klok-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; }

.klok {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 26px 24px;
	background: var(--white);
	border: 1px solid var(--line);
	border-top: 3px solid var(--green);
	text-decoration: none;
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.klok:hover { transform: translateY(-3px); box-shadow: 0 18px 38px rgba(21, 47, 86, 0.14); }
.klok--bos { border-top-color: var(--line); opacity: 0.7; pointer-events: none; }

.klok__sayi {
	font-family: var(--font-body);
	font-size: var(--fs-tag);
	font-weight: 700;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--green);
}

.klok--bos .klok__sayi { color: var(--muted); }
.klok__tur { font-family: var(--font-body); font-size: var(--fs-xs); color: var(--muted); }

.klok__ad {
	font-family: var(--font-display);
	font-size: var(--fs-h5);
	font-weight: 800;
	color: var(--ink);
}

.klok__sehir { font-family: var(--font-body); font-size: var(--fs-sm); color: var(--muted); }

.kblok--koyu .klok { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.14); }
.kblok--koyu .klok__ad { color: var(--white); }
.kblok--koyu .klok__sehir,
.kblok--koyu .klok__tur { color: rgba(255, 255, 255, 0.65); }


/*
 * .btn--ghost açık zemin için değil koyu zemin için tasarlanmış (beyaz çerçeve,
 * beyaz yazı). Kariyer bloklarının beyaz/açık gri zeminlerinde lacivert
 * varyantı kullanılıyor.
 */
.kblok--beyaz .btn--ghost,
.kblok--acik .btn--ghost {
	border-color: var(--navy);
	color: var(--navy);
}

.kblok--beyaz .btn--ghost:hover,
.kblok--acik .btn--ghost:hover {
	background: var(--navy);
	border-color: var(--navy);
	color: var(--white);
}


/* --- Bilgi tablosu bloğu --------------------------------------------------- */

.ktablo-sar { overflow-x: auto; }

.ktablo {
	width: 100%;
	border-collapse: collapse;
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	color: var(--ink-light);
}

.ktablo th,
.ktablo td {
	padding: 14px 16px;
	border-bottom: 1px solid var(--line);
	text-align: start;
	vertical-align: top;
}

.ktablo thead th {
	font-family: var(--font-display);
	font-size: var(--fs-tag);
	font-weight: 800;
	letter-spacing: var(--ls-tag);
	text-transform: uppercase;
	color: var(--navy);
	border-bottom: 2px solid var(--navy);
}

.ktablo--kunye th[scope="row"] {
	width: 38%;
	font-family: var(--font-display);
	font-weight: 700;
	color: var(--ink);
}

.ktablo tbody tr:last-child th,
.ktablo tbody tr:last-child td { border-bottom: 0; }
.ktablo tbody tr:hover { background: rgba(28, 66, 121, 0.03); }
.ktablo__not { margin-top: 14px; font-size: var(--fs-xs); color: var(--muted); }

.kblok--koyu .ktablo { color: rgba(255, 255, 255, 0.78); }
.kblok--koyu .ktablo th,
.kblok--koyu .ktablo td { border-color: rgba(255, 255, 255, 0.14); }
.kblok--koyu .ktablo thead th { color: var(--white); border-bottom-color: var(--green); }
.kblok--koyu .ktablo--kunye th[scope="row"] { color: var(--white); }
.kblok--koyu .ktablo tbody tr:hover { background: rgba(255, 255, 255, 0.04); }

@media (max-width: 600px) {
	.ktablo th, .ktablo td { padding: 11px 12px; }
	.ktablo--kunye th[scope="row"] { width: 45%; }
}


/* --- Zaman tüneli bloğu --------------------------------------------------- */

.kzaman { position: relative; list-style: none; margin: 0; padding: 0; }

.kzaman::before {
	content: "";
	position: absolute;
	inset-block: 10px;
	inset-inline-start: 148px;
	width: 2px;
	background: var(--line);
}

.kzaman__oge {
	position: relative;
	display: grid;
	grid-template-columns: 130px minmax(0, 1fr) auto;
	gap: 36px;
	align-items: start;
	padding: 26px 0;
	list-style: none;
}

.kzaman__yil {
	font-family: var(--font-display);
	font-size: var(--fs-h3);
	font-weight: 800;
	line-height: 1;
	color: #dde2e8;
	font-variant-numeric: tabular-nums;
	transition: color 0.3s ease;
}

.kzaman__oge:hover .kzaman__yil { color: var(--blue-light); }

/* Çizgi üzerindeki nokta */
.kzaman__oge::before {
	content: "";
	position: absolute;
	inset-inline-start: 143px;
	top: 34px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--white);
	border: 3px solid var(--green);
	z-index: 1;
}

.kzaman__govde { padding-inline-start: 28px; }

.kzaman__baslik {
	margin-bottom: 8px;
	font-family: var(--font-display);
	font-size: var(--fs-h4);
	font-weight: 800;
	color: var(--ink);
}

.kzaman__metin { font-family: var(--font-body); font-size: var(--fs-body); line-height: var(--lh-body); color: var(--ink-light); }
.kzaman__gorsel { width: 220px; }
.kzaman__gorsel img { width: 100%; height: auto; display: block; }

.kblok--koyu .kzaman::before { background: rgba(255, 255, 255, 0.18); }
.kblok--koyu .kzaman__oge::before { background: var(--navy); }
.kblok--koyu .kzaman__yil { color: rgba(255, 255, 255, 0.28); }
.kblok--koyu .kzaman__baslik { color: var(--white); }
.kblok--koyu .kzaman__metin { color: rgba(255, 255, 255, 0.72); }

@media (max-width: 860px) {
	.kzaman::before { inset-inline-start: 7px; }
	.kzaman__oge { grid-template-columns: minmax(0, 1fr); gap: 10px; padding-inline-start: 34px; }
	.kzaman__oge::before { inset-inline-start: 2px; top: 30px; }
	.kzaman__govde { padding-inline-start: 0; }
	.kzaman__yil { font-size: var(--fs-h4); }
	.kzaman__gorsel { width: 100%; max-width: 320px; }
}