/* Kfpors — theme.css (Tailwind üzerine ekstra stiller) */

/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* Selection color */
::selection { background: rgba(99, 102, 241, 0.3); color: #fff; }

/* Pagination links */
.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #94a3b8;
    background: #1e293b;
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 0.5rem;
    margin: 0 0.15rem;
    transition: all 0.2s;
}
.page-numbers:hover { color: #fff; border-color: rgba(99,102,241,0.3); background: rgba(99,102,241,0.1); }
.page-numbers.current { background: linear-gradient(135deg, var(--kf-primary), var(--kf-secondary)); color: #fff; border-color: transparent; }
.page-numbers.dots { background: transparent; border-color: transparent; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }

/* Focus outline */
:focus-visible { outline: 2px solid var(--kf-primary); outline-offset: 2px; }

/* Line clamp */
.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; }

/* Nav menu items */
.menu-item a { text-decoration: none; }
.sub-menu { display: none; }
.menu-item:hover > .sub-menu { display: block; }

/* ═══ ARTICLE CONTENT — Makale İçerik Stilleri ═══ */
.article-content { word-break: break-word; overflow-wrap: break-word; }
.article-content h2 { position: relative; padding-bottom: 0.75rem; }
.article-content h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background: var(--kf-primary, #6366f1); border-radius: 2px; }
.article-content h3 { position: relative; padding-left: 1rem; }
.article-content h3::before { content: ''; position: absolute; left: 0; top: 0.25em; width: 4px; height: 1em; background: var(--kf-primary, #6366f1); border-radius: 2px; }
.article-content p { margin-bottom: 1.5em; }
.article-content p:last-child { margin-bottom: 0; }
.article-content strong, .article-content b { font-weight: 700; color: #fff; }
.article-content em, .article-content i { font-style: italic; color: #e2e8f0; }
.article-content ul, .article-content ol { padding-left: 1.75em; margin: 1.5em 0; }
.article-content ul { list-style-type: disc; }
.article-content ol { list-style-type: decimal; }
.article-content li { padding: 0.35em 0; line-height: 1.75; }
.article-content li::marker { color: var(--kf-primary, #6366f1); }
.article-content blockquote { position: relative; margin: 2em 0; }
.article-content blockquote p { font-size: 1.05em; }
.article-content img { max-width: 100%; height: auto; border-radius: 0.75rem; }
.article-content figure { margin: 2em 0; }
.article-content figcaption { text-align: center; font-size: 0.875rem; color: #94a3b8; margin-top: 0.75rem; }
.article-content table { width: 100%; border-collapse: collapse; margin: 2em 0; border-radius: 0.5rem; overflow: hidden; }
.article-content th { background: #1e293b; color: #fff; font-weight: 600; padding: 0.75rem 1rem; text-align: left; border-bottom: 2px solid rgba(99,102,241,0.3); }
.article-content td { padding: 0.75rem 1rem; border-bottom: 1px solid rgba(255,255,255,0.05); color: #cbd5e1; }
.article-content tr:hover td { background: rgba(255,255,255,0.02); }
.article-content a { transition: color 0.2s; }
.article-content a:hover { color: var(--kf-primary, #6366f1); }
.article-content hr { border: none; border-top: 1px solid rgba(255,255,255,0.1); margin: 3em 0; }
.article-content .wp-block-separator { border-top: 2px solid var(--kf-primary, #6366f1); width: 80px; margin: 3em auto; }
@media (max-width: 640px) {
    .article-content h2 { font-size: 1.375rem; }
    .article-content h3 { font-size: 1.2rem; }
    .article-content table { font-size: 0.875rem; }
}