/* Token köprüsü (ik-token.css) Model'in $sayfaCss dizisinde bu dosyadan ÖNCE, ?v= damgalı yüklenir.
   Kaynaktaki `@import url('ik-token.css')` bu projede KALDIRILDI: damgasız @import üretimde
   1 yıl immutable önbelleğe düşer ve güncel damgalı sürümü ezerdi (TMA-01; 2026-09-27, TTA ile hizalı). */

/* ==========================================
   IS-BASVURU.CSS — /insan-kaynaklari sayfasına ÖZEL
   ------------------------------------------
   form.css ile BİRLİKTE yüklenir; sayfa yerleşimi (.form-sayfa, .form-kart,
   .adim-listesi) ORADAN, başlık şeridi + kırıntı sayfa-hero.css'ten gelir.
   Burada yalnız bu sayfada var olan parçalar tanımlıdır:
     · .ik-giris       — tanıtım paragrafı
     · .ik-ilan-serit  — "şu ilana başvuruyorsunuz" şeridi (ilana başvuru modu)
     · .ik-dosya       — özgeçmiş (CV) yükleme alanı
     · .ik-kvkk-kart   — "verileriniz güvende" yan kartı

   ⚠ main.css'e ve form.css'e DOKUNULMAZ; yalnız değişkenleri kullanılır.
   ⚠ SABİT HEX YOK — tüm renkler var(--c-*) üzerinden.
   ⚠ .ik-breadcrumb SİLİNDİ (2026-07-28) → ortak .page-hero__yol (sayfa-hero.css).
     NEDEN: bu set AÇIK zemin için renklendirilmişti (link var(--c-primary),
     ayraç var(--c-gray-light)) ama KOYU gradyanlı şeridin İÇİNDE basılıyordu;
     mavi üstüne mavi = kontrast 1.00:1, yani kırıntı hiç görünmüyordu.
     Tek sayfaya renk yaması yerine bileşen ortaklaştırıldı.
   ========================================== */

/* ==========================================
   GİRİŞ METNİ
   ========================================== */
.ik-giris {
  padding: .875rem 1.125rem;
  border-left: 4px solid var(--c-accent);
  border-radius: var(--radius-sm);
  background: var(--c-primary-light);
  color: var(--c-primary-dark);
  font-weight: var(--fw-medium);
}

/* ==========================================
   İLAN ŞERİDİ — /is-ilanlari/{slug} sayfasından gelen aday
   ------------------------------------------
   Aday "Bu ilana başvur" ile geldiğinde form ilana göre ön doldurulur; hangi
   ilana başvurduğu formun İÇİNDE de görünmelidir (yeni sekmede açan aday
   bağlamı kaybediyordu). Şerit YALNIZ ilana başvuru modunda basılır.
   ========================================== */
.ik-ilan-serit {
  display: flex;
  align-items: center;
  gap: .875rem;
  margin: 0 0 1.125rem;
  padding: .875rem 1.125rem;
  border: 1px solid var(--c-gray-light);
  border-left: 4px solid var(--c-primary);
  border-radius: var(--radius-md);
  background: var(--c-light);
}

.ik-ilan-serit__ikon {
  flex: 0 0 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--radius-sm);
  background: var(--c-primary-light);
  color: var(--c-primary);
  font-size: .9375rem;
}

.ik-ilan-serit__metin { min-width: 0; }

.ik-ilan-serit__baslik {
  display: block;
  color: var(--c-dark);
  font-size: .9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.35;
}

.ik-ilan-serit__meta {
  display: block;
  margin-top: .15rem;
  color: var(--c-gray);
  font-size: .8125rem;
}

.ik-ilan-serit__meta a {
  color: var(--c-primary);
  font-weight: var(--fw-semibold);
}

/* ==========================================
   ÖZGEÇMİŞ (CV) YÜKLEME ALANI
   ------------------------------------------
   input[type=file] tarayıcılar arasında farklı çizilir; kabuk .tema-form__girdi
   ile aynı yükseklikte kalsın diye dolgu SIFIRLANIR ve seçim düğmesi
   ::file-selector-button ile boyanır.
   ========================================== */
.ik-dosya__girdi {
  padding: 0;
  line-height: 1.4;
  cursor: pointer;
}

.ik-dosya__girdi::file-selector-button {
  margin: 0 .875rem 0 0;
  padding: .75rem 1.125rem;
  border: 0;
  border-right: 1px solid var(--c-gray-light);
  border-radius: var(--radius-md) 0 0 var(--radius-md);
  background: var(--c-primary-light);
  color: var(--c-primary-dark);
  font-family: inherit;
  font-size: .875rem;
  font-weight: var(--fw-semibold);
  cursor: pointer;
  transition: background var(--transition), color var(--transition);
}

.ik-dosya__girdi:hover::file-selector-button {
  background: var(--c-primary);
  color: var(--c-white);
}

/* ==========================================
   KVKK GÜVENCE KARTI (yan sütun)
   ========================================== */
.ik-kvkk-kart {
  border-left: 4px solid var(--c-success);
}

.ik-kvkk-kart .form-yan-kart__baslik i {
  margin-right: .375rem;
  color: var(--c-success);
}

.ik-kvkk-kart a {
  color: var(--c-primary);
  font-weight: var(--fw-semibold);
}

/* ==========================================================================
   İNSAN KAYNAKLARI — BİRLEŞTİRİLMİŞ SAYFA + BAŞVURU MODALI
   --------------------------------------------------------------------------
   Kaynak düzen: bogazicivipkurs.local/insan-kaynaklari (2026-07-28 portu).
   ⚠ KAYNAKTAN CSS KOPYALANMADI: oradaki .ik-card bloğu 38 SABİT HEX taşıyor.
     İlan kartı için HEDEF'in mevcut .ilan-karti bileşeni (is-ilanlari.css,
     0 sabit hex) yeniden kullanıldı; burada yalnız kaynağın SAYFA KABUĞU ve
     MODAL kısmının karşılığı var. Bu blokta da sabit hex YOKTUR.
   ========================================================================== */

/* ---------- Ortak bölüm başlığı ---------- */
.ik-giris-bolum    { padding: 2.5rem 0 1rem; }
.ik-pozisyon-bolum { padding: 1rem 0 2.5rem; }
.ik-surec-bolum    { padding: 2.5rem 0; background: var(--c-light); }
.ik-alt-bolum      { padding: 2.5rem 0 3rem; }

.ik-bolum-bas { text-align: center; margin-bottom: 1.5rem; }

.ik-ust-etiket {
  display: inline-block;
  padding: .3rem .85rem;
  margin-bottom: .6rem;
  border-radius: 999px;
  background: var(--c-primary-light);
  color: var(--c-primary-dark);
  font-size: .75rem;
  font-weight: var(--fw-bold);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ik-bolum-baslik {
  margin: 0 0 .5rem;
  font-size: 1.5rem;
  font-weight: var(--fw-extrabold);
  line-height: 1.25;
  color: var(--c-dark);
}
.ik-vurgu { color: var(--c-primary); }

.ik-bolum-ozet { margin: 0 auto; max-width: 46rem; color: var(--c-gray); }

/* ---------- Kariyer anlatısı ---------- */
.ik-anlati {
  max-width: 56rem;
  margin: 0 auto;
  color: var(--c-text);
  line-height: 1.8;
}
.ik-anlati__baslik {
  margin: 0 0 .75rem;
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  color: var(--c-dark);
}
.ik-anlati p { margin: 0 0 .9rem; }

/* ---------- Süzgeç şeridi ---------- */
.ik-filtre {
  margin-bottom: 1.5rem;
  padding: 1rem 1.1rem;
  background: var(--c-white);
  border: 1px solid var(--c-gray-light);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

/* Seçim kutuları TEK SATIRDA esner; sonuç sayısı bu satıra KATILMAZ (aşağıda). */
.ik-filtre__satir {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: .75rem 1rem;
}
.ik-filtre__grup {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  min-width: 0;
  flex: 1 1 12rem;
}
.ik-filtre__grup label {
  font-size: .75rem;
  font-weight: var(--fw-semibold);
  color: var(--c-gray);
}
.ik-filtre__secim {
  min-height: 44px;                 /* dokunma hedefi */
  padding: .5rem .7rem;
  border: 1px solid var(--c-gray-light);
  border-radius: var(--radius-md);
  background: var(--c-white);
  color: var(--c-text);
  font-size: .875rem;
}
.ik-filtre__secim:focus-visible { outline: 2px solid var(--c-primary); outline-offset: 2px; }
/* Sonuç satırı — süzgeçlerden ince bir ayraçla ayrılır. */
.ik-filtre__ozet {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin: .9rem 0 0;
  padding-top: .85rem;
  border-top: 1px solid var(--c-gray-light);
  font-size: .8125rem;
  color: var(--c-gray);
}
.ik-filtre__ozet i { color: var(--c-primary); }

.ik-filtre__sayi {
  font-weight: var(--fw-semibold);
  color: var(--c-primary-dark);
}

/* ---------- Genel başvuru köprüsü ---------- */
.ik-genel-cagri {
  margin-top: 1.75rem;
  padding: 1.25rem;
  text-align: center;
  background: var(--c-primary-light);
  border-radius: var(--radius-lg);
}
.ik-genel-cagri p {
  margin: 0 0 .75rem;
  font-weight: var(--fw-semibold);
  color: var(--c-primary-dark);
}

/* ---------- Nasıl başvurulur — numaralı adımlar ---------- */
.ik-adim-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;          /* eksik son satır ORTALANIR (proje kuralı) */
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ik-adim {
  flex: 0 1 100%;
  min-width: 0;
  padding: 1.4rem 1.2rem;
  text-align: center;
  background: var(--c-white);
  border: 1px solid var(--c-gray-light);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.ik-adim__no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  margin-bottom: .7rem;
  border-radius: 50%;
  background: var(--c-primary);
  color: var(--c-white);
  font-size: 1.125rem;
  font-weight: var(--fw-extrabold);
}
.ik-adim__baslik {
  margin: 0 0 .35rem;
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
  color: var(--c-dark);
}
.ik-adim__metin {
  margin: 0;
  font-size: .875rem;
  color: var(--c-gray);
  line-height: 1.6;
}

/* ---------- Güven + iletişim ---------- */
.ik-alt-grid { display: flex; flex-wrap: wrap; gap: 1rem; }
.ik-alt-kart {
  flex: 1 1 20rem;
  min-width: 0;
  padding: 1.4rem 1.3rem;
  background: var(--c-white);
  border: 1px solid var(--c-gray-light);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.ik-alt-kart--vurgu { background: var(--c-primary-light); border-color: var(--c-primary-light); }
.ik-alt-kart h3 {
  margin: 0 0 .6rem;
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
  color: var(--c-primary-dark);
}
.ik-alt-kart p {
  margin: 0 0 .6rem;
  font-size: .875rem;
  color: var(--c-text);
  line-height: 1.7;
}

.ik-iletisim {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: .55rem;
}
.ik-iletisim li { display: flex; align-items: center; gap: .55rem; font-size: .9375rem; }
.ik-iletisim i  { color: var(--c-primary); }

/* ==========================================================================
   BAŞVURU MODALI
   ========================================================================== */
.ik-modal { border: 0; border-radius: var(--radius-lg); }

/* ⚠ display:block ZORUNLU — Bootstrap .modal-header flex'tir ve iki satırlı
   (üst: başlık+kapat / alt: rozetler) düzenimizi bozuyordu: kapat düğmesi
   alta düşüyor, rozet şeridi başlığın yanına biniyordu. Ölçüldü. */
.ik-modal__bas {
  display: block;
  padding: 1.1rem 1.25rem .9rem;
  border-bottom: 1px solid var(--c-gray-light);
}
.ik-modal__bas-ust {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.ik-modal__baslik {
  margin: 0;
  font-size: 1.25rem;
  font-weight: var(--fw-extrabold);
  line-height: 1.25;
  color: var(--c-dark);
}
.ik-modal__alt { margin-top: .2rem; font-size: .8125rem; color: var(--c-gray); }

.ik-modal__rozetler {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: .75rem;
}
.ik-rozet {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .25rem .6rem;
  border-radius: 999px;
  background: var(--c-light);
  border: 1px solid var(--c-gray-light);
  color: var(--c-text);
  font-size: .75rem;
  font-weight: var(--fw-semibold);
  white-space: nowrap;
}
.ik-rozet--son {
  background: var(--c-primary-light);
  border-color: var(--c-primary-light);
  color: var(--c-primary-dark);
}

.ik-modal__govde { padding: 1.1rem 1.25rem 1.4rem; }

/* İlan künyesi formdan çizgiyle ayrılır ki aday "neyi okuyorum, nereyi
   dolduruyorum" ayrımını kaybetmesin. */
.ik-modal__detay {
  padding-bottom: 1rem;
  margin-bottom: 1.1rem;
  border-bottom: 1px dashed var(--c-gray-light);
}
.ik-modal__blok + .ik-modal__blok { margin-top: .9rem; }
.ik-modal__etiket {
  margin: 0 0 .35rem;
  font-size: .75rem;
  font-weight: var(--fw-bold);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--c-primary);
}
/* ⚠ .ilan-govde is-ilanlari.css'ten gelir (zengin metin tipografisi); burada
   yalnız modal bağlamına uyarlanır — punto küçülür, son öğenin boşluğu kalkar. */
.ik-modal__detay .ilan-govde { font-size: .9375rem; line-height: 1.7; }
.ik-modal__detay .ilan-govde > :last-child { margin-bottom: 0; }

.ik-modal__bag { margin: .8rem 0 0; font-size: .8125rem; }

/* ---------- Duyarlı ---------- */
@media (min-width: 576px) {
  .ik-adim { flex-basis: calc(50% - .5rem); }
}
@media (min-width: 768px) {
  .ik-giris-bolum    { padding: 3.5rem 0 1.5rem; }
  .ik-pozisyon-bolum { padding: 1.5rem 0 3.5rem; }
  .ik-surec-bolum    { padding: 3.5rem 0; }
  .ik-bolum-baslik   { font-size: 1.875rem; }
  .ik-adim           { flex-basis: calc(33.333% - .667rem); }
}
@media (min-width: 1200px) {
  .ik-bolum-baslik { font-size: 2.125rem; }
  .ik-adim         { flex-basis: calc(25% - .75rem); }
}

/* ---------- Hareket azaltma ---------- */
@media (prefers-reduced-motion: reduce) {
  .ik-modal-sar.fade,
  .ik-modal-sar .modal-dialog { transition: none; }
}

/* ⚠ .ilan-karti__devam bir <a> için tasarlandı (is-ilanlari.css). Birleştirilmiş
   sayfada aynı görünümü taşıyan bir <button> kullanılıyor — gezinmiyor, MODALI
   açıyor. Tarayıcının varsayılan düğme kabuğu sıfırlanmazsa kartın altında
   çıplak bir dikdörtgen kalır (ölçüldü, ekran görüntüsüyle doğrulandı). */
button.ilan-karti__devam {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  padding: 0;
  width: auto;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
button.ilan-karti__devam:focus-visible {
  outline: 2px solid var(--c-primary);
  outline-offset: 3px;
  border-radius: var(--radius-sm);
}