/* Navbar opak */
.nav-solid {
  background: #0047B3;
  border-bottom:1px solid rgba(255,255,255,.06);
}

/* ---------- HERO DEPARTMENTS ---------- */
.dept-hero {
  position:relative;
  padding-top:88px; /* fixed navbar boşluğu */
  overflow:hidden;
  background:#0047B3; /* kobalt mavisi taban */
}

.hero-bg {
  position:absolute; inset:0;
  width:100%; height:520px;
  object-fit:cover;
  filter:brightness(.8);
}

.hero-gradient {
  position:absolute; left:0; right:0; top:260px; height:320px;
  background:linear-gradient(180deg, rgba(0,71,179,0) 0%, #0047B3 40%, #0047B3 100%);
}

.hero-content {
  position:relative; z-index:2;
  display:grid; place-items:center; text-align:center;
  color:#fff; padding:120px 24px 40px;
}

.hero-content h1 {
  margin:0 0 10px;
  font-size: clamp(1.8rem, 6vw, 3.5rem);
  font-weight:900;
  letter-spacing:.5px;
}

.hero-content p {
  margin:0;
  opacity:.9;
}

/* Department grid */
.container {
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}

.dept-grid {
  position:relative; z-index:2;
  margin:14px auto 60px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
}

.dept-card {
  background:#fff;
  border-radius:22px;
  padding:10px;
  overflow:hidden;
  border:3px solid #fff;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:center;
}

/* Department etiketleri */
.dept-card .dept-tag {
  background:#0047B3; /* kobalt mavisi */
  color:#fff;
  font-weight:800;
  letter-spacing:.6px;
  padding:10px 14px;
  border-radius:999px;
  margin-top:6px;
  font-size:.85rem;
}

.dept-card img {
  width:100%;
  height:180px;
  object-fit:cover;
  border-radius:18px;
}

/* ---------- OPEN POSITIONS ---------- */
.positions {
  padding:40px 0 90px;
  background:#fff;
}

.positions h2 {
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  margin:0 0 6px;
  font-weight:900;
  color:#111;
}

.positions .lead {
  margin:0 0 24px;
  color:#6a7684;
}

/* row */
.pos-row {
  background:#efefef;
  border-radius:18px;
  padding:18px 22px;
  display:grid;
  grid-template-columns:76px 1fr auto;
  gap:18px;
  align-items:center;
  margin:18px 0;
}

.pos-avatar {
  width:76px;
  height:76px;
  border-radius:14px;
  object-fit:cover;
}

.pos-body .pos-dept {
  color:#0047B3; /* kobalt mavisi */
  font-weight:800;
  margin-bottom:4px;
}

.pos-body h3 {
  margin:0 0 6px;
  font-size: clamp(1.1rem, 3vw, 1.6rem);
  font-weight:900;
  color:#161b22;
}

.pos-meta { color:#7c8896; }
.pos-meta span { margin-left:8px; }

/* button */
.pos-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:44px;
  padding:0 18px;
  border-radius:999px;
  border:2px solid #0047B3;
  color:#0047B3;
  font-weight:800;
  text-decoration:none;
  transition:background .15s ease, color .15s ease;
}

.pos-btn:hover {
  background:#0047B3;
  color:#fff;
}

/* Responsive */
@media (max-width:1100px){
  .dept-grid { grid-template-columns:repeat(3,1fr); }
}

@media (max-width:700px){
  .dept-grid { grid-template-columns:repeat(2,1fr); }
  .hero-bg { height:420px; }
  .hero-gradient { top:200px; }
}

@media (max-width:520px){
  .pos-row { grid-template-columns:56px 1fr; }
  .pos-btn { grid-column:1 / -1; width:max-content; }
  .pos-avatar { width:56px; height:56px; }
}

/* Sayfa arka planını beyaz yap ve boş alanlarda siyah görünmesini engelle */
html, body { background:#fff; }

/* Bölümler arası geçişte beyazı koru */
.positions { background:#fff; }

/* Hero degrade: maviden beyaza akış */
.dept-hero { background:#fff; }
.hero-gradient {
  background: linear-gradient(180deg, rgba(0,71,179,0) 0%, #0047B3 40%, #ffffff 100%);
}


/* ===========================
   CAREERS – MOBİL UYUM
=========================== */
@media (max-width: 768px) {
  .positions {
    padding: 20px 0 60px;
  }

  .positions h2 {
    font-size: 1.6rem;
    text-align: center;
  }

  .positions .lead {
    text-align: center;
    font-size: 0.95rem;
    margin-bottom: 20px;
  }

  /* Kartlar tek sütun halinde gelsin */
  .pos-row {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 20px;
    gap: 12px;
  }

  .pos-avatar {
    margin: 0 auto;
    width: 80px;
    height: 80px;
  }

  .pos-body {
    text-align: center;
  }

  .pos-body h3 {
    font-size: 1.2rem;
  }

  .pos-meta {
    font-size: 0.9rem;
  }

  /* Buton tam ortalı ve geniş */
  .pos-btn {
    width: 100%;
    justify-content: center;
    margin-top: 6px;
    font-size: 0.95rem;
    padding: 10px 0;
    border: 2px solid #0047B3;
    color: #0047B3;
  }

  .pos-btn:hover {
    background-color: #0047B3;
    color: #fff;
  }
}