/* ============================================================
   HABER DETAY SAYFASI (haber_detay.php) - Sayfa Özgü Stiller
   ============================================================ */

/* --- Makale --- */
.article-header { padding: 60px 0 30px 0; }
.article-badge { display: inline-block; padding: 8px 20px; border-radius: 50px; font-weight: 800; font-size: 0.85rem; text-transform: uppercase; margin-bottom: 20px; color: #fff; }
.article-title { font-weight: 900; font-size: 3rem; color: var(--dark); line-height: 1.2; margin-bottom: 20px; letter-spacing: -1px; }
.article-meta { display: flex; flex-wrap: wrap; gap: 25px; color: var(--gray); font-weight: 600; margin-bottom: 40px; font-size: 0.95rem; border-bottom: 1px solid #e2e8f0; padding-bottom: 20px; }
.article-meta i { color: var(--primary); }
.article-cover { width: 100%; border-radius: 24px; max-height: 500px; object-fit: cover; box-shadow: 0 20px 40px rgba(0,0,0,0.08); margin-bottom: 40px; }
.article-content { font-size: 1.15rem; line-height: 1.8; color: #334155; font-weight: 500; }
.article-content p { margin-bottom: 20px; }

/* --- Paylaşım --- */
.share-box { background: #fff; border-radius: 16px; padding: 25px; text-align: center; border: 1px solid rgba(0,0,0,0.03); box-shadow: 0 10px 30px rgba(0,0,0,0.02); margin-top: 40px; }
.share-title { font-weight: 800; color: var(--dark); margin-bottom: 15px; font-size: 1.1rem; }
.share-btn { display: inline-flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; color: #fff; font-size: 1.2rem; transition: 0.3s; margin: 0 5px; text-decoration: none; }
.share-btn:hover { transform: translateY(-3px); color: #fff; }
.share-wp { background: #25D366; }
.share-fb { background: #1877F2; }
.share-x { background: #000000; }

/* --- Kenar Çubuğu --- */
.sidebar-widget { background: #fff; border-radius: 20px; padding: 25px; border: 1px solid rgba(0,0,0,0.03); box-shadow: 0 10px 30px rgba(0,0,0,0.02); margin-bottom: 30px; }
.w-title { font-weight: 800; font-size: 1.2rem; color: var(--dark); margin-bottom: 20px; border-bottom: 2px solid #f1f5f9; padding-bottom: 10px; }
.related-item { display: flex; gap: 15px; margin-bottom: 20px; text-decoration: none; color: inherit; transition: 0.3s; }
.related-item:hover { transform: translateX(5px); }
.related-item:last-child { margin-bottom: 0; }
.related-img { width: 80px; height: 80px; border-radius: 12px; object-fit: cover; }
.related-info { flex-grow: 1; }
.related-title { font-weight: 800; font-size: 0.95rem; color: var(--dark); margin-bottom: 5px; line-height: 1.3; }
.related-date { font-size: 0.8rem; color: var(--gray); font-weight: 600; }

/* --- Yorumlar --- */
.comments-section { background: #fff; border-radius: 24px; padding: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.02); border: 1px solid rgba(0,0,0,0.03); margin-top: 50px; }
.comment-item { display: flex; gap: 15px; margin-bottom: 25px; border-bottom: 1px solid #f1f5f9; padding-bottom: 25px; }
.comment-item:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }
.comment-avatar { width: 50px; height: 50px; background: #e2e8f0; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; color: var(--gray); font-weight: 900; }
.comment-body h5 { font-weight: 800; font-size: 1rem; margin-bottom: 5px; color: var(--dark); }
.comment-date { font-size: 0.8rem; color: var(--gray); font-weight: 600; display: block; margin-bottom: 10px; }
.comment-text { margin: 0; font-size: 0.95rem; color: #475569; line-height: 1.6; }

.btn-submit { background: var(--dark); color: #fff; font-weight: 800; padding: 14px 30px; border-radius: 12px; border: none; transition: 0.3s; }
.btn-submit:hover { background: #000; transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }

@media (max-width: 991px) {
    .article-title { font-size: 2.2rem; }
    .article-meta { flex-direction: column; gap: 10px; }
    .comments-section { padding: 25px 20px; }
}