/* =======================================================
   CSS TRANG CÓ SIDEBAR & WIDGET BÀI VIẾT MỚI
   ======================================================= */
.page-with-sidebar { padding: 60px 0 80px; background: #FCFCFC; }

.sidebar-layout-grid { 
    display: grid; 
    grid-template-columns: 70% 1fr; /* Nội dung 70%, Sidebar 30% */
    gap: 40px; 
    align-items: start;
}

/* Khối nội dung chính */
.main-content-box { 
    background: #fff; 
    padding: 40px; 
    border-radius: 12px; 
    border: 1px solid #EAEAEA; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}
.main-page-title { 
    font-size: 32px; 
    color: var(--primary-color, #0b2e59); 
    margin: 0 0 20px 0; 
    padding-bottom: 20px;
    border-bottom: 1px solid #F0F0F0;
}
.main-page-body { font-size: 16px; line-height: 1.8; color: #444; }

/* Khối Sidebar & Widgets */
.sidebar-box .widget { 
    background: #fff; 
    padding: 30px; 
    border-radius: 12px; 
    border: 1px solid #EAEAEA; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
    margin-bottom: 30px; 
}
.sidebar-box .widget-title { 
    font-size: 18px; 
    font-weight: 700; 
    color: #222; 
    margin: 0 0 20px 0; 
    position: relative;
    padding-bottom: 12px;
}
/* Gạch chân màu xanh dưới tiêu đề Sidebar */
.sidebar-box .widget-title::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 40px; height: 3px;
    background: var(--primary-color);
    border-radius: 2px;
}

/* Trang trí mặc định cho các list trong Widget */
.sidebar-box ul { list-style: none; padding: 0; margin: 0; }
.sidebar-box li { 
    margin-bottom: 12px; 
    padding-bottom: 12px; 
    border-bottom: 1px dashed #ddd; 
}
.sidebar-box li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.sidebar-box a { color: #555; text-decoration: none; transition: 0.3s; display: block;}
.sidebar-box a:hover { color: var(--primary-color); padding-left: 5px; }

/* CSS CHO WIDGET BÀI VIẾT MỚI (FIX CỨNG) */
.recent-post-item { 
    display: flex; 
    gap: 15px; 
    margin-bottom: 20px; 
    align-items: flex-start; 
    padding-bottom: 15px;
    border-bottom: 1px dashed #EAEAEA;
}
.recent-post-item:last-child { 
    margin-bottom: 0; 
    padding-bottom: 0;
    border-bottom: none;
}

/* Cắt xén ảnh thumbnail cho vuông vức và bằng nhau */
.recent-post-thumb { 
    flex-shrink: 0; 
    width: 80px; 
    height: 60px; 
    border-radius: 6px; 
    overflow: hidden; 
    display: block; 
}
.recent-post-thumb img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    transition: 0.3s; 
}
.recent-post-thumb:hover img { 
    transform: scale(1.1); 
}

/* Phần chữ bên phải */
.recent-post-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.recent-post-info h4 { 
    font-size: 14px; 
    line-height: 1.4; 
    margin: 0 0 5px 0; 
}
.recent-post-info h4 a { 
    color: #222; 
    text-decoration: none; 
    font-weight: 600;
    transition: 0.2s;
}
.recent-post-info h4 a:hover { 
    color: var(--primary-color); 
}
.recent-post-info span { 
    font-size: 12px; 
    color: #888; 
}

/* Responsive Mobile */
@media (max-width: 992px) {
    .sidebar-layout-grid { grid-template-columns: 1fr; }
    .main-content-box { padding: 25px; }
}