/* GF Sidebar Option B - 1 bai noi bat + danh sach gon (2026-09-22)
   Chi ap dung sidebar bai viet chi tiet (body.single-post):
   widget "Thong tin noi bat" (.featured_posts) + "Cac bai viet khac" (.related_posts)
   Rollback: xoa file nay + khoi enqueue "gf-sidebar-optb" cuoi functions.php */
body.single-post #dt-sidebar :is(.featured_posts .featured-post,.related_posts .interested-post,.interested_posts .interested-post){--sbb-g:#3EA446;--sbb-gd:#12492F;--sbb-line:#eaeaea;display:block}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item{display:grid;grid-template-columns:8.25rem minmax(0,1fr);gap:.75rem;align-items:start;margin:0;padding:.75rem 0;border:0;border-bottom:1px solid var(--sbb-line);background:none;position:relative}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item-image{width:auto;display:block;aspect-ratio:1200/630;overflow:hidden;border-radius:4px;background:#eef3ef}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item-image a{display:block;width:100%;height:100%}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item-image a:focus-visible{outline:none}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item-image a:focus-visible::before{outline:2px solid var(--sbb-g);outline-offset:-2px}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item-image img{display:block;width:100%;height:100%;object-fit:cover;transform:none;transition:transform .4s ease}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item:hover .sidebar-post__item-image img{transform:scale(1.06)}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item-info{padding:0;transform:none;min-width:0}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item-cat{font-size:.6rem;line-height:1.3;align-items:center;gap:.375rem}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item-cat .article_view{margin-left:auto;flex:none;font-size:.66rem}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) a.sidebar-post__item-title{margin:.2rem 0 0;font-size:.78rem;line-height:1.4;-webkit-line-clamp:3;text-transform:uppercase;color:var(--sbb-gd);transition:color .2s ease}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item:hover a.sidebar-post__item-title{color:var(--sbb-g)}
/* Bai dau tien = the noi bat lon */
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item:first-child{display:block;padding:0;margin:0 0 .875rem;border:0;border-radius:6px;overflow:hidden;background:var(--sbb-gd)}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item:first-child .sidebar-post__item-image{border-radius:0}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item:first-child:hover .sidebar-post__item-image img{transform:scale(1.04)}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item:first-child .sidebar-post__item-info{padding:.75rem .875rem .875rem}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item:first-child .sidebar-post__item-cat{font-size:.66rem;color:#9fe0a4}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item:first-child .article_view{color:#cfe5d4;font-size:.75rem}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item:first-child .article_view img{filter:brightness(0) invert(1);opacity:.8}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item:first-child a.sidebar-post__item-title,body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item:first-child:hover a.sidebar-post__item-title{margin-top:.375rem;font-size:.9rem;line-height:1.45;-webkit-line-clamp:2;color:#fff}
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item:first-child+.sidebar-post__item{border-top:1px solid var(--sbb-line)}
@media (max-width:380px){
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item{grid-template-columns:7rem minmax(0,1fr);gap:.625rem}
}
@media (prefers-reduced-motion:reduce){
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item-image img{transition:none!important;transform:none!important}
}
/* Block "Cac bai viet khac" cuoi bai - mobile/tablet (<1024px, dang list): thumb 1.91:1 khong crop, cac row cao bang nhau (2026-09-22) */
@media (max-width:1023px){
body.single-post .related-posts .article-box{display:grid;grid-template-columns:8.25rem minmax(0,1fr);column-gap:.75rem;align-items:center}
body.single-post .related-posts .article__image{display:block;width:auto;height:auto;aspect-ratio:1200/630;overflow:hidden;border-radius:4px;background:#eef3ef;align-self:center}
body.single-post .related-posts .article__image a{display:block;width:100%;height:100%}
body.single-post .related-posts .article__image img{display:block;width:100%;height:100%;object-fit:cover}
body.single-post .related-posts .article__info{min-width:0;padding-left:0}
body.single-post .related-posts .article__title a{line-height:1.4;min-height:4.2em}
body.single-post .related-posts .article__title{margin-bottom:0}
}
@media (max-width:380px){
body.single-post .related-posts .article-box{grid-template-columns:7rem minmax(0,1fr);column-gap:.625rem}
}
/* Mobile/tablet: thumb can giua theo chieu doc + font block cuoi bai giong danh sach sidebar (2026-09-22) */
@media (max-width:1023px){
body.single-post #dt-sidebar :is(.featured_posts,.related_posts,.interested_posts) .sidebar-post__item:not(:first-child){align-items:center}
body.single-post .related-posts .article__info{padding-top:0;padding-bottom:0}
body.single-post .related-posts .article_meta,body.single-post .related-posts .article_meta span{font-size:.66rem;line-height:1.3}
body.single-post .related-posts .article_meta img{width:.8rem!important;height:auto!important}
body.single-post .related-posts .article__title{font-size:.78rem;line-height:1.4;margin-top:.2rem}
body.single-post .related-posts .article__title a{font-size:.78rem;font-weight:500;line-height:1.4;min-height:4.2em;-webkit-line-clamp:3;text-transform:uppercase;color:#12492F}
}
/* Block cuoi bai mobile: divider + spacing giong danh sach sidebar (2026-09-22) */
@media (max-width:1023px){
body.single-post .related-posts .article-box{border:0;border-bottom:1px solid #eaeaea;border-radius:0;margin:0;padding:.75rem 0;background:none;box-shadow:none}
body.single-post .related-posts .related__item:first-child .article-box{border-top:1px solid #eaeaea}
body.single-post .related-posts .article__info{background:none}
}