/* WebListesi.com - Özel CSS Dosyası (/assets/css/custom.css) */

/*
  Bu dosyaya Tailwind CSS üzerine yazmak istediğiniz veya
  Tailwind ile kolayca yapılamayan özel stillerinizi ekleyebilirsiniz.

  Örnek:
  body {
    font-family: 'YourCustomFont', sans-serif;
  }

  .custom-button-style {
    @apply bg-weblistesi-blue text-white font-bold py-2 px-4 rounded;
    transition: background-color 0.3s ease;
  }
  .custom-button-style:hover {
    @apply bg-blue-700;
  }
*/

/* Sayfa genelinde scrollbar stilini iyileştirmek için (isteğe bağlı) */
/* Webkit tabanlı tarayıcılar için */
::-webkit-scrollbar {
  width: 8px; /* Kaydırma çubuğu genişliği */
  height: 8px; /* Yatay kaydırma çubuğu yüksekliği */
}

::-webkit-scrollbar-track {
  background: #f1f1f1; /* Kaydırma çubuğu yolu rengi */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #c1c1c1; /* Kaydırma çubuğu rengi */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1; /* Kaydırma çubuğu üzerine gelince renk */
}

/* Firefox için (daha sınırlı özelleştirme) */
/* body {
  scrollbar-width: thin;
  scrollbar-color: #c1c1c1 #f1f1f1;
} */

/* Favicon placeholder için stil */
.favicon-placeholder {
    display: inline-flex; /* none'dan flex'e geçiş için */
    align-items: center;
    justify-content: center;
    /* Diğer stiller header.php ve index.php içinde inline olarak tanımlandı */
}