/**
 * SEO optimizasyonu için H etiket stilleştirmeleri
 */

/* Ana başlık (H1) */
h1 {
    font-size: 2.25rem;
    line-height: 1.2;
    margin-bottom: 1rem;
    font-weight: 700;
    color: #1a202c;
}

/* Alt başlıklar (H2) */
h2 {
    font-size: 1.875rem;
    line-height: 1.3;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-weight: 600;
    color: #2d3748;
}

/* Alt başlıklar (H3) */
h3 {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
    font-weight: 600;
    color: #2d3748;
}

/* Sidebar başlıkları - h3.sidebar-heading */
.sidebar-heading {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 0.5rem;
    color: #2d3748 !important;
}

/* Sidebar makale başlıkları - h4.sidebar-article-title */
.sidebar-article-title {
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    color: #4a5568 !important;
}

/* Karanlık mod uyumluluğu */
.dark h1 {
    color: #f7fafc !important;
}

.dark h2, 
.dark h3 {
    color: #e2e8f0 !important;
}

.dark .sidebar-heading {
    color: #e2e8f0 !important;
    border-bottom-color: #4a5568 !important;
}

.dark .sidebar-article-title {
    color: #cbd5e0 !important;
}

/* Koyu mod için body ve html başlangıç stilleri */
html.dark {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

.dark body {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

/* Makale içerisindeki içerik için H4, H5, H6 stilleri */
.article-content h4 {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #4a5568;
}

.article-content h5 {
    font-size: 1.1rem;
    line-height: 1.5;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #4a5568;
}

.article-content h6 {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #4a5568;
}

.dark .article-content h4,
.dark .article-content h5,
.dark .article-content h6 {
    color: #cbd5e0 !important;
}

/* Beyaz flash etkisini önlemek için ekstra koyu mod stilleri */
html.dark,
html.dark body,
.dark {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

.dark *:not(img):not(svg):not(path) {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

/* CSS yüklenmeden önce için kritik stiller */
@media (prefers-color-scheme: dark) {
    html:not(.light) {
        background-color: #1a1a1a !important;
        color: #e0e0e0 !important;
    }
    html:not(.light) body {
        background-color: #1a1a1a !important;
        color: #e0e0e0 !important;
    }
}

/* Koyu mod için tag ve link stilleri */
.dark a[href*="/etiket/"] {
    background-color: #374151 !important; /* gray-700 */
    color: #d1d5db !important; /* gray-300 */
}

.dark a[href*="/etiket/"]:hover {
    background-color: #4b5563 !important; /* gray-600 */
}