/* Görüşler Tema - Özel CSS (Tailwind sınıflarının kapsamadığı kısımlar) */

body {
    background-color: #f8fafc;
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Yazı içeriği tipografisi (the_content çıktısı) */
.article-content h2 { font-size: 1.5rem; font-weight: 700; color: #0f172a; margin-top: 2rem; margin-bottom: 1rem; scroll-margin-top: 6rem; }
.article-content h3 { font-size: 1.25rem; font-weight: 700; color: #0f172a; margin-top: 1.5rem; margin-bottom: 0.75rem; scroll-margin-top: 6rem; }
.article-content p { margin-bottom: 1.25rem; color: #334155; line-height: 1.75; font-size: 1.05rem; }
.article-content ul, .article-content ol { margin-left: 1.5rem; margin-bottom: 1.25rem; color: #334155; }
.article-content ul { list-style-type: disc; }
.article-content ol { list-style-type: decimal; }
.article-content li { margin-bottom: 0.5rem; }
.article-content a { color: #2563eb; text-decoration: underline; text-underline-offset: 2px; }
.article-content img { border-radius: 0.75rem; }
.article-content blockquote:not(.wp-block-quote) { border-left: 4px solid #93c5fd; padding-left: 1rem; color: #475569; font-style: italic; margin-bottom: 1.25rem; }
.article-content table { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; }
.article-content table th, .article-content table td { border: 1px solid #e2e8f0; padding: 0.6rem 0.8rem; font-size: 0.95rem; }
.article-content table th { background: #f1f5f9; text-align: left; }

/* "Sen de Görüşünü Paylaş" kutusu yazı içine gömüldüğünde, yukarıdaki
   ".article-content h3/p" kuralları (renk: koyu) Tailwind'in tek sınıflı
   "text-white" yardımcı sınıfından daha yüksek özgüllüğe sahip olduğu için
   onu eziyordu. Bu kural her ihtimalde beyazı garanti eder. */
.article-content .gorusler-tts-skip h3,
.article-content .gorusler-tts-skip p { color: #ffffff !important; }

/* Alıntı / Görüş kartı hover efekti (gorusler/yorum-karti bloğu) */
.quote-card { transition: all 0.3s ease; }
.quote-card:hover { transform: translateY(-2px); box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05), 0 8px 10px -6px rgba(0,0,0,0.01); }
.quote-card[data-voted="1"] .vote-up,
.quote-card[data-voted="-1"] .vote-down { opacity: .55; pointer-events: none; }

/* Yıldız oylama */
.gorusler-star { cursor: pointer; transition: transform .15s ease; }
.gorusler-star:hover { transform: scale(1.15); }
.gorusler-rating[data-rated="1"] .gorusler-star { pointer-events: none; }

/* Mobil menü */
#mobile-menu { display: none; }
#mobile-menu.is-open { display: block; }

/* Erişilebilirlik: skip link */
.skip-link { position: absolute; left: -9999px; top: 0; background: #2563eb; color: #fff; padding: .75rem 1.25rem; z-index: 999; border-radius: 0 0 .5rem 0; }
.skip-link:focus { left: 0; }

/* Sesli okuma ilerleme çubuğu */
.tts-progress-bar { transition: width .2s linear; }

/* Sayfalama (paginate_links) - mockup ile aynı görünüm */
.page-numbers {
    display: flex; align-items: center; justify-content: center;
    width: 2.5rem; height: 2.5rem; border-radius: 0.5rem;
    border: 1px solid #e2e8f0; color: #334155; font-weight: 500; font-size: .875rem;
    transition: background-color .15s ease;
}
.page-numbers:hover { background-color: #f8fafc; }
.page-numbers.current { background-color: #2563eb; color: #fff; border-color: #2563eb; }
.page-numbers.dots { border: none; color: #94a3b8; width: auto; }

/* WordPress çekirdek hizalama sınıfları temada bozulmasın */
.alignwide { max-width: 1280px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; }
.alignleft { float: left; margin-right: 1.5rem; }
.alignright { float: right; margin-left: 1.5rem; }

/* Yorum listesi (gerçek WP yorumları) */
.comment-list { list-style: none; margin: 0; padding: 0; }
.comment-list .children { list-style: none; margin-left: 2.5rem; padding: 0; }