/*
Theme Name: Konuşma Terapisi Teması
Theme URI: https://konusmaterapistleri.com
Author: Kodlama Desteği
Author URI: https://kodlamadestegi.com
Description: WordPress için özel olarak hazırlanmış Konuşma Terapistleri blog teması.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: konusma-terapisi-temasi
Tags: custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, translation-ready

Bu dosya tema bilgilerini ve ana CSS'i içerir. Tailwind CSS harici bir CDN üzerinden yüklendiği için bu dosyanın ana amacı tema bilgisini WordPress'e sunmaktır.
*/

/* Anasayfa ve Arşiv sayfalarındaki özel stiller */
body {
    font-family: 'Poppins', sans-serif; /* arsiv.html'deki font */
    background-color: #f9f9fb; /* arsiv.html'deki arka plan rengi */
    color: #333333;
}
.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.category-tag {
    background-color: #78b3e8;
}
.read-more-btn {
    transition: all 0.3s ease;
}
.read-more-btn:hover {
    background-color: #5a9bd5;
}
.sticky-ad {
    position: sticky;
    top: 20px;
}
@media (max-width: 768px) {
    .mobile-sticky-ad {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 50;
    }
}

/* anasayfa.html'deki özel stiller */
.sticky-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    display: none; /* Mobile navigation will be displayed via media query */
}
@media (max-width: 768px) {
    .sticky-nav {
        display: flex;
    }
    body {
        padding-bottom: 60px;
    }
}
.ad-container {
    background-color: #f8f9fa;
    border: 1px dashed #ddd;
    padding: 20px;
    text-align: center;
    margin: 30px 0;
}
.post-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* blog-post.html'deki özel stiller */
body.single-post { /* Bu sınıfı body etiketine single.php'de ekleyeceğiz */
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    color: #333;
}
.single-post .sticky-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    display: none;
}
@media (max-width: 768px) {
    .single-post .sticky-nav {
        display: flex;
    }
    .single-post body {
        padding-bottom: 60px;
    }
}
.single-post .ad-container {
    background: #f8f9fa;
    border: 1px dashed #ccc;
    padding: 15px;
    text-align: center;
    margin: 20px 0;
}
.featured-image {
    height: 400px;
    object-fit: cover;
    width: 100%;
}
.post-content img {
    max-width: 100%;
    height: auto;
    margin: 20px 0;
}
.logo {
        max-width: 260px;
        max-height: 80px;
        height: auto;
        width: auto;
}
 .custom-logo {
        max-width: 260px;
        max-height: 80px;
        height: auto;
        width: auto;
    }

/* Genel Tailwind CSS CDN'den gelecek, bu kısım sadece ek özelleştirmeler için */
/* Başlıklar */
.wp-block-heading {
  font-size: 1.75rem;
  font-weight: 700;
  color: #111827;
  border-left: 4px solid #14b8a6;
  padding-left: 0.75rem;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  line-height: 1.4;
}

/* Alt Başlıklar (H3, H4 vb.) */
h3.wp-block-heading, h4.wp-block-heading {
  font-size: 1.5rem;
  color: #374151;
  border-left-color: #10b981;
}

/* Paragraflar */
.post-content p {
  font-size: 1rem;
  color: #374151;
  line-height: 1.75;
  margin-bottom: 1rem;
}

/* Liste Öğeleri */
.wp-block-list {
  list-style-type: none;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding-left: 0;
}

.wp-block-list li {
  position: relative;
  padding-left: 1.25rem;
  margin-bottom: 0.75rem;
  color: #4b5563;
}

.wp-block-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 2px;
  color: #10b981;
  font-weight: 600;
}

/* Görseller */
.wp-block-image img {
  border-radius: 1rem;
  box-shadow: 0 8px 16px rgba(0,0,0,0.05);
  transition: transform 0.3s ease;
}

.wp-block-image img:hover {
  transform: scale(1.03);
}

.wp-element-caption {
  font-size: 0.875rem;
  font-style: italic;
  color: #6b7280;
  text-align: center;
  margin-top: 0.5rem;
}

/* Ayırıcılar */
.wp-block-separator {
  border-bottom: 2px dashed #e5e7eb;
  margin: 2rem auto;
  width: 80%;
}

/* Alıntı Kutuları */
.wp-block-quote {
  border-left: 4px solid #6366f1;
  background-color: #eef2ff;
  color: #4338ca;
  font-style: italic;
  padding: 1.25rem;
  margin: 1.5rem 0;
  border-radius: 0.75rem;
  box-shadow: 0 4px 12px rgba(99,102,241,0.1);
}

.wp-block-quote p {
  margin: 0;
}

/* Emoji görselleri */
.wp-block-heading img.emoji {
  display: inline-block !important;
  margin-right: 6px !important;
  width: 1.25em !important;
  height: 1.25em !important;
}

/* Reklam Alanı */
.ad-container {
  background-color: #f3f4f6;
  border-radius: 1rem;
  padding: 1rem;
  margin: 2rem 0;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

.ad-container p {
  font-size: 0.75rem;
  color: #9ca3af;
  margin-bottom: 0.5rem;
  text-align: center;
}

.ad-container .bg-gray-200 {
  border-radius: 0.5rem;
  height: 250px;
  color: #9ca3af;
}

/* Numaralı Listeler */
ol.wp-block-list {
  counter-reset: custom-counter;
}

ol.wp-block-list li {
  counter-increment: custom-counter;
}

ol.wp-block-list li::before {
  content: counter(custom-counter);
  background-color: #14b8a6;
  color: #ffffff;
  font-weight: 600;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.875rem;
}

ol.wp-block-list li {
  padding-left: 2rem;
}


/* Genel TOC Konteyneri */
#ez-toc-container {
  background-color: #f9fafb;
  border-radius: 12px;
  border-left: 4px solid #14b8a6;
  padding: 1.5rem;
  box-shadow: 0 6px 12px rgba(0,0,0,0.05);
  margin-bottom: 2rem;
  font-family: 'Inter', sans-serif;
}

/* Başlık Alanı */
#ez-toc-container .ez-toc-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  border-bottom: 2px solid #e5e7eb;
  padding-bottom: 0.5rem;
}

/* TOC Başlık Yazısı */
#ez-toc-container .ez-toc-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
}

/* Aç-Kapa Butonu */
#ez-toc-container .ez-toc-title-toggle a {
  background-color: #fff;
  border-radius: 6px;
  padding: 0.25rem 0.5rem;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  transition: background-color 0.3s;
}

#ez-toc-container .ez-toc-title-toggle a:hover {
  background-color: #f3f4f6;
}

#ez-toc-container .ez-toc-icon-toggle-span svg {
  fill: #14b8a6 !important;
  color: #14b8a6 !important;
}

/* TOC Liste */
#ez-toc-container nav ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

/* TOC Liste Elemanları */
#ez-toc-container nav ul li {
  margin-bottom: 0.5rem;
  transition: all 0.3s ease;
  position: relative;
  padding-left: 1.25rem;
}

#ez-toc-container nav ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #14b8a6;
  font-size: 1.5rem;
  line-height: 1;
}

#ez-toc-container nav ul li:hover {
  transform: translateX(5px);
}

#ez-toc-container nav ul li a {
  text-decoration: none;
  color: #374151;
  font-weight: 500;
  transition: color 0.2s ease;
}

#ez-toc-container nav ul li a:hover {
  color: #111827;
}

/* Alt Liste Seviyeleri için Girinti */
#ez-toc-container nav ul ul {
  margin-top: 0.5rem;
  padding-left: 1rem;
}

#ez-toc-container nav ul ul li::before {
  content: "–";
  color: #10b981;
}

/* Aktif Başlık Vurgulama (isteğe bağlı ek özellik) */
#ez-toc-container nav ul li.active > a {
  color: #14b8a6;
  font-weight: 700;
}

/* Responsive Düzenleme */
@media (max-width: 768px) {
  #ez-toc-container {
    padding: 1rem;
  }

  #ez-toc-container .ez-toc-title {
    font-size: 1.1rem;
  }
}
/* Sidebar Başlık Stili */
.sidebar-title {
    display: flex;
    align-items: center;
    color: #333; /* Veya istediğiniz renk */
}

.sidebar-title .sidebar-line {
    display: block;
    width: 4px; /* Çizgi kalınlığı */
    height: 24px; /* Çizgi yüksekliği */
    background-color: #3b82f6; /* Çizgi rengi (blue-600) */
    margin-right: 10px; /* Çizgi ile yazı arasındaki boşluk */
    border-radius: 2px; /* Köşeleri yuvarla */
}