/* ------------------------------------- */
/* Single Post & Category Overrides      */
/* ------------------------------------- */
.single-grid-70-30 {
    display: grid;
    grid-template-columns: 7fr 3fr; /* Fix tràn ngang */
    gap: 40px;
    margin-top: 20px;
}

/* Nav Back */
.nav-back-wrapper { margin-bottom: 20px; }
.btn-back {
    background: transparent; border: none; cursor: pointer;
    font-size: 15px; font-weight: 600; color: var(--text-muted);
    padding: 0; transition: var(--transition);
}
.btn-back:hover { color: var(--primary-color); }

/* Breadcrumbs */
.modern-breadcrumbs { font-size: 13px; color: var(--text-muted); margin-bottom: 16px; }
.modern-breadcrumbs a { color: var(--primary-color); }

/* Article Header */
.entry-title { font-size: 36px; font-weight: 800; line-height: 1.2; margin: 0 0 16px; }
.entry-meta { display: flex; gap: 16px; font-size: 14px; color: var(--text-muted); margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #e5e7eb; }

/* AIO Takeaways Box */
.aio-takeaways-box {
    background: #f8fafc; border-left: 4px solid var(--primary-color);
    padding: 24px; border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    margin-bottom: 32px;
}
.takeaways-header { 
    display: flex; align-items: center; gap: 8px; color: var(--primary-color);
    cursor: pointer; list-style: none; user-select: none;
}
.takeaways-header::-webkit-details-marker { display: none; }
.takeaways-header h3 { margin: 0; font-size: 18px; font-weight: 700; }
.aio-takeaways-box[open] .takeaways-header { margin-bottom: 12px; }
.takeaways-list { margin: 0; padding-left: 20px; font-size: 16px; line-height: 1.6; }
.takeaways-list li { margin-bottom: 8px; }

/* Entry Content */
.single-thumbnail img { width: 100%; height: auto; border-radius: var(--radius-lg); margin-bottom: 32px; }
.entry-content { font-size: 18px; line-height: 1.8; color: #374151; }
.entry-content h2, .entry-content h3 { font-weight: 700; margin-top: 32px; margin-bottom: 16px; color: var(--text-main); }
.entry-content img { max-width: 100%; height: auto; border-radius: var(--radius-sm); }

/* Post Tags (Pill Design) */
.post-tags-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px dashed #e5e7eb;
    flex-wrap: wrap;
}
.tags-label {
    font-weight: 700;
    font-size: 15px;
    color: var(--text-main);
}
.post-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.tag-pill {
    background: var(--bg-box);
    color: var(--text-muted);
    font-size: 13px;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 20px;
    transition: var(--transition);
}
.tag-pill:hover {
    background: var(--primary-color);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Author Box EEAT */
.author-box-eeat {
    display: flex; gap: 24px; padding: 32px; background: var(--bg-box);
    border-radius: var(--radius-lg); margin-top: 48px; align-items: center;
}
.author-avatar img { border-radius: 50%; width: 80px; height: 80px; }
.author-info h4 { margin: 0 0 8px; font-size: 20px; font-weight: 700; }
.author-info p { margin: 0; font-size: 15px; color: var(--text-muted); line-height: 1.5; }

/* Sticky Sidebar */
.sticky-sidebar { position: sticky; top: 24px; }
.widget-title { font-size: 18px; font-weight: 800; border-bottom: 2px solid var(--primary-color); padding-bottom: 12px; margin-bottom: 24px; display: inline-block; }
.related-posts-list { display: flex; flex-direction: column; gap: 20px; }

/* Category Header */
.category-header { background: var(--bg-box); padding: 32px; border-radius: var(--radius-lg); margin-bottom: 32px; text-align: center; }
.category-header .page-title { margin: 0 0 8px; font-size: 28px; font-weight: 800; }
.archive-description { font-size: 15px; color: var(--text-muted); margin: 0; }

/* Single Mobile */
@media (max-width: 992px) {
    .single-grid-70-30 { grid-template-columns: 1fr; }
    .sticky-sidebar { position: static; margin-top: 40px; }
}
@media (max-width: 768px) {
    .entry-title { font-size: 28px; }
    .entry-content { font-size: 16px; }
    .author-box-eeat { flex-direction: column; text-align: center; }
    
    /* Gọn Category Header trên Mobile */
    .category-header { padding: 20px 16px; margin-bottom: 24px; border-radius: var(--radius-sm); }
    .category-header .page-title { font-size: 22px; }
    .archive-description { font-size: 14px; }
}