/* Careers page specific styles */
.careers-hero{
  background: url('../img/guvenlik-hero.jpg') center/cover no-repeat;
  min-height: 0; /* reduced for careers page */
  height: auto;
  padding: 0;
  background-size: cover;
}

/* Centered career card directly under hero */
.career-card{display:flex;justify-content:center;margin:40px auto;max-width:1100px}
.career-card-inner{background:#fff;padding:28px;border-radius:14px;max-width:1100px;width:100%;box-shadow:0 8px 28px rgba(0,0,0,0.12);text-align:center}
.career-card-inner h2{margin:0 0 12px}
.career-card-inner p{margin:0 0 16px;color:#333}
.career-card .hero-ctas{display:flex;justify-content:center;gap:12px}
.career-card .hero-ctas .btn{margin:0}

/* Call button style (phone) */
.call-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 8px;
  background-color: #ffffff;
  color: #000;
  border: 2px solid #000;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.call-btn:hover{
  background-color: #000;
  color: #fff;
}

.careers-intro{padding:18px 0}

.why-us{display:flex;gap:24px;align-items:center;padding:20px 0}
.why-image img{width:100%;height:auto;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,0.12)}
.why-image{flex:1}
.why-text{flex:1}
.why-text h3{margin-top:0}

.career-timeline{background:#f7f7f7;padding:18px;border-radius:6px;margin:18px 0}
.career-timeline ol{margin:0;padding-left:18px}

/* Ensure Açık Pozisyonlar starts directly under header when requested */
.start-under-header {
  margin-top: 0 !important;
  padding-top: 20px !important;
}

main, .page-content, .careers-page {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Form tweaks */
#application-form{display:block;margin:18px 0;padding:16px;background:#fff;border-radius:6px}
#application-form label{display:block;margin-bottom:10px}
#application-form input[type="text"],#application-form input[type="email"],#application-form input[type="file"]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}
#application-form .btn{margin-top:8px}

@media (max-width:800px){
  .why-us{flex-direction:column}
  .career-card{padding:0 12px;margin:24px auto}
  .career-card-inner{width:100%}
  .career-card .hero-ctas{flex-direction:column}
  .career-card .hero-ctas .btn{width:100%}
  .career-card .hero-ctas .call-btn{width:100%;display:inline-flex}
}