/* Basit stil dosyası - Bootstrap üzerine eklemeler */
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    Arial;
}
.whatsapp-float {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 1060;
}
.call-highlight {
  background: linear-gradient(90deg, #0d6efd33, #0d6efd22);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
}
.call-float {
  position: fixed;
  right: 16px;
  bottom: 86px; /* stacked above whatsapp */
  z-index: 1060;
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0d6efd;
  color: white;
  border-radius: 50%;
  box-shadow: 0 6px 18px rgba(13, 110, 253, 0.25);
  text-decoration: none;
}
.call-float svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

/* make page fill viewport so footer sticks to bottom when content is short */
html,
body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
main {
  flex: 1 0 auto;
}
.site-footer {
  flex-shrink: 0;
}
.carousel-caption h5,
.carousel-caption p {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

/* Certificates: make card heights equal and card body layout consistent */
.certificates-row > [class*="col-"] {
  display: flex;
}
.certificates-row .card {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.certificates-row .card-img-top {
  height: 140px;
  object-fit: cover;
}
.certificates-row .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.certificates-row .card-title {
  min-height: 3.5rem; /* reserve space for 2 lines */
}

/* Education list styling */
.education-list { list-style: none; padding: 0; margin: 0; }
.education-item { display: flex; gap: 1rem; align-items: center; padding: .75rem 0; border-bottom: 1px solid #e9ecef; }
.education-item img { width:56px; height:56px; object-fit:contain; border-radius:6px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.05); }
.education-item .edu-body { flex:1; }
.education-item .edu-title { margin:0; font-weight:600; }
.education-item .edu-sub { margin:0; color:#6c757d; font-size:.95rem }
.education-item .edu-year { white-space:nowrap; color:#6c757d; font-size:.95rem }
