/* Siteye özel düzeltmeler. Tema dosyalarından (style.css, responsive.css) sonra yüklenir. */

/* Kendine ait bir renk kuralı olmayan linkler Bootstrap'ın mavisini (#0d6efd),
   ziyaret edilmiş olanlar ise tarayıcının morunu alıyordu. Hepsi tema moru olsun.
   Seçici bilerek düz "a": Bootstrap ile aynı özgüllükte olup daha sonra yüklendiği
   için onu ezer, ancak temanın sınıf tabanlı link renklerini (menü, butonlar,
   footer vb.) bozmaz. */
a {
  color: #5e2ced;
}

/* Görsel logo yerine yazı ile marka adı. Menü linkleriyle aynı davranış:
   sayfa tepesindeyken (şeffaf header) beyaz, sayfa kaydırılınca (navbar_fixed) koyu. */
.navbar-brand.brand_text {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
}
.navbar-brand.brand_text:hover,
.navbar-brand.brand_text:focus {
  color: #fff;
  text-decoration: none;
}
.header_area.navbar_fixed .navbar-brand.brand_text,
.header_area.navbar_fixed .navbar-brand.brand_text:hover,
.header_area.navbar_fixed .navbar-brand.brand_text:focus {
  color: #051441;
}

/* Bootstrap 4 -> 5 uyumluluk köprüsü.
   Tema (style.css, responsive.css, bootstrap.min.js) Bootstrap 4.1.2 için yazılmış;
   proje ise lib/bootstrap altından Bootstrap 5.3.3 CSS yüklüyor. Bootstrap 5'te
   yön ekleri değişti (mr-* -> me-*, ml-* -> ms-*, text-right -> text-end), bu yüzden
   temanın işaretlemesindeki bu sınıflar karşılıksız kalıyordu: menü ortalanmıyor,
   footer linkleri sağa yaslanmıyordu. Eksik olan Bootstrap 4 yardımcı sınıfları
   aşağıda yeniden tanımlanmıştır. */
.mr-auto {
  margin-right: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}

/* Kullanım Şartları / Gizlilik Sözleşmesi gibi düz metin sayfaları */
.legal_area {
  padding: 80px 0px 100px;
}
.legal_content {
  max-width: 900px;
  margin: 0 auto;
}
.legal_content h2 {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #051441;
  margin-top: 40px;
  margin-bottom: 16px;
}
.legal_content h2:first-child {
  margin-top: 0;
}
.legal_content p {
  font-size: 16px;
  line-height: 30px;
  color: #525c7c;
  margin-bottom: 16px;
}
.legal_content .legal_meta {
  font-size: 14px;
  color: #7f88a6;
  margin-bottom: 32px;
}
.legal_content strong {
  color: #051441;
  font-weight: 600;
}