/* Genel Stil Tanımlamaları */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
}

p, li {
    color: #000;
    font-size: 18px;
    line-height: 1.6;
}

/* Başlık Stilleri */
h1, h2, h3, h4 {
    margin-top: 20px;
}

h1 {
    font-size: 40px;
    margin-bottom: 20px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 22px;
}

/* Bağlantı Stilleri */
a {
    color: black;
    text-decoration: none;
    font-weight: bold;
    padding: 24px 48px;
    margin: 10px;
    font-size: 18px;
}

a:hover {
    text-decoration: underline;
}

/* Navbar Stilleri */
.navbar {
    background-color: #000;
    color: #fff;
    padding: 20px 0;
    text-align: center;
}

.navbar a {
    color: black;
    padding: 10px;
    display: inline-block;
}

/* Hızlı Erişim Menüsü için ek stil */
.quick-access-menu ul {
    display: block; /* Mobilde hızlı erişim menüsünü her zaman göster */
}

.quick-access-menu ul li a {
    display: block; /* Her link blok düzeyinde gösterilir */
    text-align: center; /* Link metnini merkeze hizalar */
    padding: 10px; /* Daha iyi dokunmatik hedefler için padding */
    margin: 5px 0; /* Liste öğeleri arasında boşluk */
}

/* Container Stili */
.container {
    max-width: 1312px;
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Navigasyon Stilleri */
nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap; /* İçerik taştığında yeni satıra geçmesini sağlar */
    justify-content: center; /* Elemanları merkeze hizalar */
}

nav ul li {
    margin: 5px 10px; /* Daha az yer kaplaması için margin değerleri düzenlendi */
}

/* Responsive Tasarım Stilleri */
@media (max-width: 768px) {
    .navbar-toggle {
        display: block;
        font-size: 24px;
        cursor: pointer;
    }

    nav ul {
        display: none; /* Başlangıçta menüyü gizler */
        width: 100%; /* Tam ekran genişliğini kullanır */
        padding: 0; /* Paddingi sıfırlar */
    }

    nav ul.open {
        display: block; /* Açık menüyü gösterir */
    }

    nav ul li {
        width: 100%; /* Her menü öğesi tam satır genişliğini kullanır */
        text-align: center; /* Metni ortalar */
    }

    a {
        padding: 12px 24px; /* Mobilde dokunmaya uygun hale getirir */
        margin: 5px 0; /* Üst üste düşen öğeler arasında boşluk sağlar */
        font-size: 16px; /* Daha küçük ekranda daha uygun font boyutu */
    }
}


/* Breadcrumb Stilleri */
  .breadcrumb-container {
      font-size: 16px;
      margin-bottom: 10px;
      margin-bottom: 20px;
  }
  
  .breadcrumb-container a {
      color: #333;
      text-decoration: none;
      font-weight: bold;
      padding: 10px;
      display: inline-block;
  }
  
  .breadcrumb-container span {
      color: #333;
  }
  
  /* Footer Stilleri */
  .footer a, .footer-bottom a {
      color: #000;
      padding: 5px;
      display: inline-block;
  }
  
  .footer-bottom {
      color: #ccc;
  }
  
  .footer ul {
      padding: 0;
      list-style-type: none;
  }
  
  .footer li {
      margin-bottom: 10px;
  }
  
  /* Linkler Stilleri */
  #linkler a, #linkler-listesi a {
      display: inline-block;
      margin-bottom: 15px;
      margin-right: 20px;
      font-weight: bold;
      color: black;
  }
  
  #linkler-listesi {
      display: none;
  }
  
  /* Resim ve Buton Stilleri */
  .responsive-image {
      max-width: 100%;
      height: auto;
  }
  
  .call-button {
      background-color: #7D0000;
      color: #ffffff;
      padding: 12px 24px;
      font-size: 18px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      position: fixed;
      bottom: 50px;
      right: 30px;
      z-index: 1;
  }
  .fixed-side-menu {
     position: fixed;
     right: 10px; /* Sayfanın sağ kenarından 10px uzaklıkta */
     top: 80%; /* Sayfanın ortasında */
     transform: translateY(-50%); /* Dikey ortalamayı sağlar */
     z-index: 1000; /* Z-index ile diğer öğelerin önüne getir */
   }
   
   .whatsapp-button {
     display: block;
     background-color: #075E54; /* WhatsApp'ın resmi koyu renk temasından alınmış daha koyu bir yeşil */
     color: #ffffff; /* Beyaz renk metin yüksek kontrast sağlar */
     padding: 10px 20px; /* İç boşluk */
     border-radius: 25px; /* Daha yuvarlak köşeler */
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); /* Daha belirgin bir gölge */
     text-align: center; /* Yazıyı ortala */
     text-decoration: none; /* Alt çizgiyi kaldır */
     font-weight: bold; /* Yazıyı kalın yap */
     font-size: 18px; /* Daha büyük yazı boyutu */
     margin: 8px; /* Etrafına boşluk ekle */
     transition: background-color 0.3s ease; /* Arka plan rengi değişim animasyonu */
     cursor: pointer; /* Fare imleci butonun üzerine geldiğinde el şeklini alsın */
   }
   
   .whatsapp-button:hover {
     background-color: #128C7E; /* Hover durumu için açık yeşil rengi */
   }
   .footer-hny-grids ul li a {
    display: inline-block; /* Bağlantıları blok öğeler gibi davranmaya zorlar */
    padding: 10px 15px; /* Dokunma alanını genişletir */
    margin: 5px 0; /* Bağlantılar arası boşluğu artırır */
    min-width: 48px; /* Minimum genişliği belirler */
    min-height: 48px; /* Minimum yüksekliği belirler */
    text-align: center; /* Metni merkezler */
    font-size: 16px; /* Okunabilirliği artırmak için font boyutunu ayarlar */
}

.sub-contact-info p, .sub-contact-info a {
    display: block; /* Blok seviyesinde görüntüleme */
    margin-bottom: 10px; /* Alt öğeler arası boşluk */
    font-size: 16px; /* Metin boyutunu artırarak daha okunabilir hale getirir */
}

.sub-contact-info span {
    margin-right: 8px; /* İkon ve metin arasındaki boşluğu ayarlar */
}

/* İkonların dokunma hedefi boyutlarını artırma */
.footer-hny-grids .fa {
    margin-right: 10px; /* İkon ve metin arasında boşluk */
    min-width: 48px; /* İkonun minimum genişliği */
    min-height: 48px; /* İkonun minimum yüksekliği */
    font-size: 24px; /* İkon boyutunu büyütür */
    line-height: 48px; /* İkonun dikey hizalamasını ayarlar */
}