/* === Üst Kısım Aydınlatma + İnce Düzeltmeler (Override) === */

/* 1) Header/Topbar arka planını aç */
.header, .header__area, .top-bar, .site-header {
  background: linear-gradient(180deg,#15223a 0%, #111b2f 60%, transparent 100%);
  border-bottom: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(6px);
}

/* 2) Slider görseli daha aydınlık olsun */
.slider__bg-two{
  /* önceki: brightness(.65) */
  filter: brightness(.88) saturate(1.05) contrast(1.02);
}

/* 3) Slider üstü parıltıyı yumuşat (çok koyu görünümü azaltır) */
.slider__single-two::after{
  background: radial-gradient(60% 60% at 50% 50%, rgba(34,211,238,.12), transparent 60%);
}

/* 4) Slider içerik kutusunu aç (metinler yine okunaklı kalsın) */
.slider__content-two{
  /* önceki: rgba(15,23,42,.8)->.55 ve .2->.16 */
  background: linear-gradient(180deg, rgba(15,23,42,.55), rgba(15,23,42,.16));
  border: 1px solid rgba(255,255,255,.14);
}

/* 5) Başlık/altbaşlık kontrastı: altbaşlık biraz koyulaşsın */
.section__title .sub-title{
  color:#081120; /* daha okunabilir koyu ton */
}

/* 6) Linklerin koyu arka plandaki okunurluğu */
a{ color: var(--brand-2); text-decoration: none; }
a:hover{ opacity:.95; text-decoration: underline; }

/* 7) Hizmet/Blog görsellerinde çok koyu kenarları hafiflet */
.services__thumb img,
.blog__post-thumb-two img{
  border:1px solid rgba(255,255,255,.14);
}

/* 8) Üstteki butonlar koyu fonda biraz daha öne çıksın */
.btn, .btn-two{
  box-shadow: 0 8px 22px rgba(34,211,238,.28);
}
.white-btn{
  border: 1px solid rgba(255,255,255,.25) !important;
}

/* 9) Küçük erişilebilirlik dokunuşları */
.blog__post-content-two .title a{ color:#f8fafc; }
.services__content .title a{ color:#f1f5f9; }
.features__content .number{ opacity:.2; } /* okunurluğu artırır */

/* 10) Çok küçük ekranlarda slider içerik boşlukları */
@media (max-width: 575px){
  .slider__content-two{ padding:1.4rem; }
}