/* Slider tam genişlik ve col-12 yüksekliği */
#heroSlider {
  width: 100%;
}

/* Slaytların boyutu: col-12 genişliğe göre otomatik */
.carousel-item {
  height: 40vh;              /* Yükseklik: ekranın %40’ı */
  min-height: 250px;         /* Küçük ekranlar için minimum */
  background-position: center;
  background-size: cover;
  position: relative;
}

/* Koyu overlay */
.carousel-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
}

/* Yazılar */
.carousel-caption {
  z-index: 2;
  color: #fff;
}
.carousel-caption h3 {
  font-size: 1.5rem;
  font-weight: 600;
  text-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
.carousel-caption p {
  font-size: 1rem;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

/* Kontrol ikonlarını beyazlaştır */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);
}

/* Tabloların kendine özel dark arka planı */
.features .table {
    background-color: #1e1e2f !important; /* koyu mor/blue ton */
    color: #ffffff !important;           /* yazılar beyaz */
    border: none;                         /* tablolar arası sınır kaldır */
    border-radius: 12px;
    overflow: hidden;
}

/* Başlık satırı */
.features .table thead tr {
    background-color: #2c2c3d !important; /* başlık slightly farklı */
}

.features .table th,
.features .table td {
    border-top: none !important;
    vertical-align: middle;
    color: #ffffff;
}

/* Hover efekti */
.features .table-hover tbody tr:hover {
    background-color: rgba(255,255,255,0.05) !important;
}

/* Rütbe ikonları */
.features .table img {
    width: 28px;
    height: 28px;
    object-fit: cover;
}
/* Tabloların dark arka plan ve full container uyumu */
section.section .features {
    background-color: #1e1e2f !important; /* koyu arka plan */
    padding: 10px !important;
    border-radius: 12px;
    width: 100% !important;
    overflow-x: auto;
}

/* Tablo stilini zorla dark yap */
section.section .features .table,
section.section .features .table thead,
section.section .features .table tbody,
section.section .features .table tr,
section.section .features .table th,
section.section .features .table td {
    background-color: transparent !important;
    color: #ffffff !important;
    border-top: none !important;
}

/* Başlık satırı */
section.section .features .table thead tr {
    background-color: rgba(255,255,255,0.05) !important;
}

/* Hover efekti */
section.section .features .table-hover tbody tr:hover {
    background-color: rgba(255,255,255,0.1) !important;
}

/* Rütbe iconları */
section.section .features .table img {
    width: 28px !important;
    height: 28px !important;
    object-fit: cover !important;
}
/* Başlıklar */
section.section h4 {
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 15px;
}