/* ========================================
   BLOG DETAIL FIX - İkon ve Renk Düzeltmeleri
   ======================================== */

/* İçindekiler Widget Title - İkon Rengi Fix */
body.light-mode .blog-widget__title svg {
    color: #E91E63 !important;
}

/* İçindekiler Widget - Arka Plan */
body.light-mode .blog-widget {
    background: #ffffff;
    border: 1px solid #e5e7eb;
}

/* TOC Link Hover */
body.light-mode .blog-toc-link:hover,
body.light-mode .blog-toc-link.active {
    background: rgba(233, 30, 99, 0.06);
    color: #E91E63;
}

/* TOC Number Badge - BEYAZ YAZI */
body.light-mode .blog-toc-number {
    background: linear-gradient(135deg, #E91E63 0%, #C2185B 100%) !important;
    color: #ffffff !important;
}

.blog-toc-number {
    background: linear-gradient(135deg, #E91E63 0%, #C2185B 100%) !important;
    color: #ffffff !important;
}

/* CTA Widget - Instagram Gradient */
body.light-mode .blog-widget--cta {
    background: linear-gradient(135deg, #833AB4 0%, #E91E63 50%, #F56040 100%) !important;
    border: none !important;
    box-shadow: 0 12px 40px rgba(131, 58, 180, 0.3) !important;
}

body.light-mode .blog-widget--cta h4 {
    color: #ffffff !important;
}

body.light-mode .blog-widget--cta p {
    color: rgba(255, 255, 255, 0.9) !important;
}

body.light-mode .blog-detail-cta__icon {
    background: rgba(255, 255, 255, 1) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

body.light-mode .blog-detail-cta__icon svg {
    color: #ffffff !important;
}

/* CTA Logo Image */
.blog-detail-cta__logo {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

/* Blog Card Category Badge - Beyaz Yazı Fix */
body.light-mode .blog-card__category {
    background: rgba(233, 30, 99, 0.95) !important;
    color: #ffffff !important;
}

.blog-card__category {
    color: #ffffff !important;
    background: rgba(233, 30, 99, 0.95) !important;
}