/* ==========================================================================
   SAYFA — KARİYER
   ========================================================================== */

.mu-kariyer-bas {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--cizgi);
  padding-block: clamp(36px, 6vw, 76px);
}
.mu-kariyer-bas__ic { position: relative; display: grid; gap: clamp(28px, 4vw, 56px); align-items: center; }
@media (min-width: 1000px) { .mu-kariyer-bas__ic { grid-template-columns: 1.05fr 0.95fr; } }
.mu-kariyer-bas__soz { display: grid; gap: var(--sp-4); max-width: 52ch; }
.mu-kariyer-bas h1 { font-size: clamp(2.1rem, 5vw, 3.4rem); line-height: 1.04; }
.mu-kariyer-bas p { color: var(--metin-2); line-height: 1.72; }
.mu-kariyer-bas .mu-btn { justify-self: flex-start; }

.mu-kariyer-vaat { display: grid; gap: 10px; }
.mu-kariyer-vaat li {
  display: grid;
  gap: 5px;
  padding: var(--sp-4) var(--sp-5);
  border: 1px solid var(--cizgi);
  border-radius: var(--r-sm);
  background: var(--yuzey);
  border-left: 3px solid var(--kirmizi-500);
}
.mu-kariyer-vaat strong {
  font-family: var(--font-baslik);
  font-size: var(--fs-lg);
  font-weight: 800;
  color: var(--metin);
}
.mu-kariyer-vaat span { font-size: var(--fs-sm); color: var(--metin-2); line-height: 1.6; }

/* --------------------------------------------------------------- çırak */
.mu-cirak { background: var(--zemin-2); border-bottom: 1px solid var(--cizgi); }
.mu-cirak__ic { display: grid; gap: clamp(28px, 4vw, 56px); align-items: start; }
@media (min-width: 960px) { .mu-cirak__ic { grid-template-columns: 0.85fr 1.15fr; } }
.mu-cirak__soz { display: grid; gap: var(--sp-4); max-width: 48ch; }

.mu-cirak__adimlar { display: grid; gap: 12px; }
@media (min-width: 700px) { .mu-cirak__adimlar { grid-template-columns: 1fr 1fr; } }
.mu-cirak__adimlar li {
  --kesik: 16px;
  display: grid;
  gap: 7px;
  padding: var(--sp-5);
  background: var(--yuzey);
  border: 1px solid var(--cizgi);
  clip-path: polygon(0 0, calc(100% - var(--kesik)) 0, 100% var(--kesik), 100% 100%, 0 100%);
}
.mu-cirak__adimlar li span {
  font-size: var(--fs-micro);
  font-weight: 700;
  letter-spacing: 0.14em;
  color: var(--kirmizi-500);
}
.mu-cirak__adimlar h3 { font-family: var(--font-baslik); font-size: var(--fs-h4); color: var(--metin); }
.mu-cirak__adimlar p { font-size: var(--fs-sm); color: var(--metin-2); line-height: 1.6; }
/* Programın sonucu lacivert panelde durur. Token'lar burada terslenir;
   böylece kartın içindeki başlık ve metin kendiliğinden okunur kalır. */
.mu-cirak__adimlar .is-sonuc {
  --metin: #FFFFFF;
  --metin-2: var(--ters-3);
  background: var(--lacivert-800);
  border-color: rgba(63, 191, 109, .38);
  color: #fff;
}
.mu-cirak__adimlar .is-sonuc span { color: var(--basari-400); }

/* ------------------------------------------------------------ pozisyonlar */
.mu-poz-filtre { gap: 8px; }

.mu-poz__bas { align-items: center; }
.mu-poz__ust { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 5px; }
.mu-poz__etiket {
  font-family: var(--font-metin);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: var(--r-xs);
  border: 1px solid var(--cizgi);
  color: var(--metin-3);
}
.mu-poz__etiket--dep { border-color: rgba(225, 6, 0, .34); color: var(--kirmizi-500); background: var(--kirmizi-sis); }
.mu-poz__ozet { font-size: var(--fs-sm); color: var(--metin-2); line-height: 1.6; margin-bottom: var(--sp-4); }

.mu-poz__detay { display: grid; gap: var(--sp-5); }
@media (min-width: 700px) { .mu-poz__detay { grid-template-columns: 1fr 1fr; } }
.mu-poz__blok h4 {
  font-family: var(--font-metin);
  font-size: var(--fs-micro);
  font-weight: 700;
  letter-spacing: var(--ls-etiket);
  text-transform: uppercase;
  color: var(--metin-3);
  margin-bottom: 11px;
}
.mu-poz__blok ul { display: grid; gap: 8px; }
.mu-poz__blok li {
  display: flex; gap: 9px; align-items: flex-start;
  font-size: var(--fs-sm);
  color: var(--metin-2);
  line-height: 1.55;
}
.mu-poz__blok .mu-ikon { width: 15px; height: 15px; flex: none; margin-top: 2px; color: var(--basari-400); }
.mu-poz__aksiyon { grid-column: 1 / -1; padding-top: var(--sp-2); }

/* --------------------------------------------------------------- başvuru */
.mu-basvuru { background: var(--zemin-2); border-top: 1px solid var(--cizgi); }
.mu-basvuru__ic { display: grid; gap: clamp(28px, 4vw, 56px); align-items: start; }
@media (min-width: 900px) { .mu-basvuru__ic { grid-template-columns: 0.85fr 1.15fr; } }
.mu-basvuru__soz { display: grid; gap: var(--sp-4); max-width: 46ch; }
.mu-basvuru__form {
  padding: clamp(24px, 3.4vw, 40px);
  border: 1px solid var(--cizgi);
  border-radius: var(--r-md);
  background: var(--yuzey);
}
.mu-basvuru__form .mu-girdi {
  --alan-bg: rgba(255, 255, 255, 0.05);
  --alan-cizgi: var(--lacivert-600);
}
.mu-basvuru__form select.mu-girdi option { background: var(--yuzey); color: var(--metin); }