/* ============================================================
   İnsan Kaynakları / Kariyer sayfası — ik- prefix
   Ortak değişkenler ve .btn/.field/.form-success style.css'ten gelir.
   ============================================================ */

/* ---- HERO — site geneli (iletişim/hakkımızda) hero deseniyle uyumlu:
   çok katmanlı gradient (2 radial + linear) + ince nokta dokusu + düz-metin eyebrow ---- */
.ik-hero{
  position:relative; overflow:hidden; color:#fff;
  padding:clamp(32px,5vw,64px) 0 clamp(40px,5.5vw,72px);
  background:
    radial-gradient(900px 430px at 88% -12%, rgba(43,134,255,.34), transparent 62%),
    radial-gradient(720px 380px at -8% 112%, rgba(70,198,255,.16), transparent 60%),
    linear-gradient(135deg, var(--navy-deep), var(--navy) 58%, #0d2a66);
}
.ik-hero::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1.4px) 0 0/26px 26px;
}
.ik-hero .wrap{ position:relative; z-index:2; } /* genişlik global --maxw (il-hero ile aynı) — sabit max-width KOYMA */
.ik-bread{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:.86rem; color:rgba(255,255,255,.6); margin-bottom:24px; }
.ik-bread a{ color:rgba(255,255,255,.6); text-decoration:none; transition:color .2s; }
.ik-bread a:hover{ color:#fff; }
.ik-bread .sep{ opacity:.5; }
.ik-bread b{ color:#fff; font-weight:600; }
.ik-eyebrow{ font-size:.74rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--cyan); display:inline-flex; align-items:center; gap:.6em; }
.ik-eyebrow svg{ width:16px; height:16px; }
.ik-hero h1{ color:#fff; margin-top:14px; font-size:clamp(1.9rem,4.2vw,3.05rem); max-width:760px; line-height:1.12; } /* global h1=navy-deep'i ez */
.ik-hero h1 em{ font-style:normal; color:var(--cyan); }
.ik-lead{ margin-top:16px; max-width:640px; color:rgba(255,255,255,.78); font-size:clamp(1rem,1.6vw,1.14rem); line-height:1.7; }
.ik-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }

/* ---- Bölüm iskeleti ---- */
.ik-sec{ padding:74px 0; }
.ik-sec.alt{ background:var(--paper); }
.ik-head{ max-width:680px; margin-bottom:40px; }
.ik-head .section-no{ display:inline-block; font-size:.82rem; font-weight:700; letter-spacing:.18em; color:var(--brand); background:#eef4ff; padding:4px 12px; border-radius:999px; margin-bottom:14px; }
.ik-head h2{ font-size:clamp(1.5rem,3vw,2.05rem); line-height:1.18; color:var(--navy); margin:0 0 10px; font-weight:600; }
.ik-head p{ color:#5a6781; font-size:1.02rem; line-height:1.7; margin:0; }

/* ---- 01 Değerler ---- */
.ik-degerler{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.ik-deger{ background:#fff; border:1px solid #e6ecf6; border-radius:16px; padding:24px 22px; transition:transform .25s, box-shadow .25s, border-color .25s; }
.ik-deger:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(10,32,80,.1); border-color:#cfe0fb; }
.ik-deger .di{ display:inline-grid; place-items:center; width:48px; height:48px; border-radius:13px; background:linear-gradient(135deg,var(--brand),var(--cyan)); color:#fff; margin-bottom:15px; }
.ik-deger .di svg{ width:24px; height:24px; }
.ik-deger h3{ font-size:1.08rem; color:var(--navy); margin:0 0 7px; font-weight:600; }
.ik-deger p{ color:#5a6781; font-size:.92rem; line-height:1.62; margin:0; }

/* ---- 02 Pozisyonlar ---- */
.ik-pozisyonlar{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.ik-poz{ display:flex; gap:14px; align-items:flex-start; background:#fff; border:1px solid #e6ecf6; border-radius:14px; padding:18px 20px; transition:transform .2s, box-shadow .2s; }
.ik-poz:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(10,32,80,.08); }
.ik-poz .pdot{ flex:0 0 auto; width:11px; height:11px; margin-top:6px; border-radius:50%; background:linear-gradient(135deg,var(--brand),var(--cyan)); box-shadow:0 0 0 4px rgba(12,92,224,.12); }
.ik-poz h3{ font-size:1rem; color:var(--navy); margin:0 0 4px; font-weight:600; }
.ik-poz p{ color:#5a6781; font-size:.9rem; line-height:1.55; margin:0; }

/* ---- 03 Süreç ---- */
.ik-surec{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; counter-reset:none; }
.ik-adim{ position:relative; background:#fff; border:1px solid #e6ecf6; border-radius:16px; padding:26px 22px; }
.ik-adim .anum{ display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:var(--navy); color:#fff; font-weight:700; font-size:1.05rem; margin-bottom:14px; }
.ik-adim h3{ font-size:1.05rem; color:var(--navy); margin:0 0 7px; font-weight:600; }
.ik-adim p{ color:#5a6781; font-size:.91rem; line-height:1.6; margin:0; }
.ik-sec.alt .ik-adim,.ik-sec.alt .ik-poz,.ik-sec.alt .ik-deger{ background:#fff; }

/* ---- 04 Form ---- */
.ik-form-grid{ display:grid; grid-template-columns:0.86fr 1.14fr; gap:40px; align-items:start; }
.ik-form-side .section-no{ display:inline-block; font-size:.82rem; font-weight:700; letter-spacing:.18em; color:var(--brand); background:#eef4ff; padding:4px 12px; border-radius:999px; margin-bottom:14px; }
.ik-form-side h2{ font-size:clamp(1.5rem,3vw,2.05rem); color:var(--navy); margin:0 0 12px; font-weight:600; }
.ik-form-side .lead{ color:#5a6781; font-size:1.02rem; line-height:1.7; margin:0 0 22px; }
.ik-ozellikler{ list-style:none; padding:0; margin:0 0 24px; display:grid; gap:13px; }
.ik-ozellikler li{ display:flex; align-items:flex-start; gap:11px; color:#3a4763; font-size:.95rem; line-height:1.5; }
.ik-ozellikler .ic{ flex:0 0 auto; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#e7f7ee; color:#13794b; margin-top:1px; }
.ik-ozellikler .ic svg{ width:14px; height:14px; }
.ik-side-mail{ display:flex; align-items:center; gap:13px; background:#fff; border:1px solid #e6ecf6; border-radius:14px; padding:15px 17px; }
.ik-side-mail .iic{ flex:0 0 auto; display:grid; place-items:center; width:40px; height:40px; border-radius:11px; background:#eef4ff; color:var(--brand); }
.ik-side-mail .iic svg{ width:20px; height:20px; }
.ik-side-mail span{ font-size:.86rem; color:#5a6781; line-height:1.5; }

/* form kabı (style.css .form/.field/.btn ile uyumlu) */
.ik-sec .form{ background:#fff; border:1px solid #e6ecf6; border-radius:20px; padding:30px 28px; box-shadow:0 20px 50px rgba(10,32,80,.07); }
.ik-sec .form h3{ font-size:1.3rem; color:var(--navy); margin:0 0 4px; font-weight:600; }
.ik-sec .form .sub{ color:#7a8499; font-size:.88rem; margin:0 0 20px; }
.ik-sec .row2{ display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }

/* CV dosya seçici */
.ik-cv{ display:flex; align-items:center; gap:14px; border:2px dashed #c7d6ef; border-radius:14px; padding:16px 18px; cursor:pointer; transition:border-color .2s, background .2s; background:#f8fbff; }
.ik-cv:hover{ border-color:var(--brand); background:#f1f6ff; }
.ik-cv.dolu{ border-style:solid; border-color:#13794b; background:#f0faf4; }
.ik-cv-ic{ flex:0 0 auto; display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:#eef4ff; color:var(--brand); transition:background .2s, color .2s; }
.ik-cv.dolu .ik-cv-ic{ background:#13794b; color:#fff; }
.ik-cv-ic svg{ width:22px; height:22px; }
.ik-cv-txt{ display:flex; flex-direction:column; line-height:1.3; min-width:0; }
.ik-cv-txt b{ color:var(--navy); font-size:.96rem; }
.ik-cv-txt small{ color:#7a8499; font-size:.82rem; word-break:break-all; }
.ik-cv.dolu .ik-cv-txt small{ color:#13794b; font-weight:600; }
.ik-cv-hata{ margin:8px 2px 0; font-size:.85rem; color:#d92d20; }

/* ---- 05 SSS (tedavi sayfalarındaki gibi grid-template-rows 0fr↔1fr yumuşak aç/kapa) ---- */
.ik-sss{ max-width:820px; display:grid; gap:12px; }
.ik-q{ background:#fff; border:1px solid #e6ecf6; border-radius:14px; overflow:hidden; transition:box-shadow .2s, border-color .2s; }
.ik-q[open]{ box-shadow:0 14px 34px rgba(10,32,80,.08); border-color:#cfe0fb; }
.ik-q summary{ list-style:none; cursor:pointer; padding:18px 22px; font-weight:600; color:var(--navy); font-size:1.02rem; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.ik-q summary::-webkit-details-marker{ display:none; }
.ik-q .qx{ flex:0 0 auto; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#eef4ff; color:var(--brand); transition:transform .25s, background .2s; }
.ik-q .qx svg{ width:16px; height:16px; }
.ik-q[open] .qx{ transform:rotate(180deg); background:var(--brand); color:#fff; }
/* .ik-ans-wrap her zaman render (display:grid native <details> gizlemesini ezer) →
   açılış+kapanış CSS ile yumuşak. .ik-ans overflow kırpar, padding .ik-ans-in'de. */
.ik-q .ik-ans-wrap{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .34s cubic-bezier(.4,0,.2,1); }
.ik-q[open] .ik-ans-wrap{ grid-template-rows:1fr; }
.ik-q .ik-ans{ overflow:hidden; }
.ik-q .ik-ans-in{ padding:0 22px 20px; color:#5a6781; font-size:.96rem; line-height:1.72; }
.ik-q .ik-ans-in p{ margin:0; }
@media (prefers-reduced-motion:reduce){ .ik-q .ik-ans-wrap{ transition:none; } }

/* ---- Kapanış CTA (footer'a bitişik akar — kategori .cat-final deseni) ---- */
.ik-final{
  position:relative; overflow:hidden; color:#fff; padding:64px 0;
  margin-bottom:calc(-1 * clamp(40px,6vw,90px)); /* footer'ın margin-top boşluğunu yer → bitişik */
  padding-bottom:calc(64px + clamp(40px,6vw,90px));
  background:
    radial-gradient(circle 520px at 50% 100%, rgba(43,134,255,.16), transparent 65%),
    linear-gradient(180deg, var(--navy) 0%, var(--navy-deep) 100%); /* alt kenar = footer rengi (navy-deep) */
}
.ik-final .wrap{ display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap; }
.ik-final h2{ font-size:clamp(1.4rem,2.6vw,1.85rem); margin:0 0 8px; font-weight:600; color:#fff; } /* global h2=navy-deep'i ez */
.ik-final p{ color:rgba(255,255,255,.82); margin:0; font-size:1.02rem; }
.ik-final-actions{ display:flex; gap:12px; flex-wrap:wrap; }
.il-btn-light{ background:#fff; color:var(--navy); }
.il-btn-light:hover{ background:#eaf1ff; }
.il-btn-outline{ background:transparent; border:1px solid rgba(255,255,255,.4); color:#fff; }
.il-btn-outline:hover{ background:rgba(255,255,255,.12); }

/* ---- Responsive ---- */
@media (max-width:980px){
  .ik-degerler,.ik-surec{ grid-template-columns:repeat(2,1fr); }
  .ik-form-grid{ grid-template-columns:1fr; gap:28px; }
}
@media (max-width:620px){
  .ik-degerler,.ik-pozisyonlar,.ik-surec{ grid-template-columns:1fr; }
  .ik-sec{ padding:54px 0; }
  .ik-sec .row2{ grid-template-columns:1fr; }
  .ik-sec .form{ padding:24px 20px; }
  .ik-final .wrap{ flex-direction:column; align-items:flex-start; }
}