/**
 * Benim Yuvam - Özel Düzeltmeler
 * -------------------------------------
 * 1) Üst Menü Boşluk Düzeltmesi
 * Tema (kidz.css), üst menüde SADECE açılır menüsü (dropdown) olan
 * öğelere boşluk/ayraç veriyor (.navbar-nav .dropdown .nav-link span).
 * Dropdown'u olmayan düz öğeler (Ana Sayfa, Okullar, Ajanda vb.)
 * bootstrap varsayılanı yüzünden (padding:0) birbirine yapışık duruyordu.
 * Bu dosya, tüm üst menü öğelerine (dropdown olsun olmasın) aynı
 * boşluk/ayraç stilini tutarlı şekilde uygular.
 */

.navbar-nav > .nav-item > .nav-link > span {
  display: inline-block;
}

@media (min-width: 768px) {
  .navbar-nav > .nav-item > .nav-link > span {
    padding: 0 0.75rem;
    border-right: 2px solid;
  }
  .navbar-nav > .nav-item:last-child > .nav-link > span {
    border-right: none;
  }
}

/**
 * 2) Site Geneli Linkler -- daha belirgin, daha kontrastlı sarı-turuncu ton
 * Eskiden linkler açık sarı (#f0c24b) ve altı çizilmemiş şekildeydi, bu
 * düşük kontrast yaratıp okunmasını zorlaştırıyordu (özellikle gözlük
 * kullanan ziyaretçiler için). Not: Bu kural üst menü butonlarını (.nav-link)
 * etkilemez, onlar zaten kendi ayrı stiline sahip -- sadece yazı içi ve
 * footer gibi normal metin linklerini güçlendirir.
 */
a {
  color: #b8790a;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
a:hover {
  color: #8f5e08;
}

/**
 * 3) Mobil Güvenlik Önlemi -- uzun kelimeler/linkler yatay kaydırmaya
 * sebep olmasın diye (küçük ekranlarda taşma engellenir).
 */
body {
  overflow-x: hidden;
}
p, a, li, span, td, th {
  word-wrap: break-word;
  overflow-wrap: break-word;
}