/* ============================================================================
   tennews-site.css — tuỳ biến TenNews v1.1 cho NamLao206 (SINH TỰ ĐỘNG + phần tay)
   - PHẦN 1 (tự sinh): mọi khai báo dùng màu accent đỏ #d32f2f của theme được
     re-declare với XANH nhận diện công ty #198754 (user chốt 2026-07-18).
     Cùng selector, file nạp SAU style.css => thắng cascade, KHÔNG sửa file theme.
     Muốn đổi màu: chạy lại generator (xem CHANGELOG 2026-07-18) hoặc sửa tay.
   - PHẦN 2 (viết tay): fix ảnh tin (object-fit), font tiếng Việt, tiện ích .tn-*.
   ============================================================================ */

/* ---------- PHẦN 1: override accent đỏ -> xanh (tự sinh từ style.css) ---------- */
.preloader .load-list .load { background: #198754 !important; }
.preloader .load-list .load2 { background: #198754 !important; }
.top-bar .bar-left ul li a:hover { color: #198754 !important; }
.top-bar .bar-social ul li a:hover { color: #198754 !important; }
.logo-area .searchbar form input:focus { border-color: #198754 !important; }
.logo-area .searchbar form button { background: #198754 !important; }
.menu-area .main-menu ul li a:hover { color: #198754 !important; }
.menu-area .main-menu ul li a:hover i { color: #198754 !important; }
.menu-area .main-menu ul li ul.dropdown { border-top: 3px solid #198754 !important; }
.menu-area .main-menu ul li ul.dropdown li a:hover { color: #198754 !important; }
.menu-area .main-menu ul li ul.dropdown li a:hover i { color: #198754 !important; }
.menu-area .main-menu ul li ul.dropdown li ul.dropdown-sub { border-top: 3px solid #198754 !important; }
.menu-area .main-menu ul li.mega-vd ul.v-gallery { border-top: 3px solid #198754 !important; }
.menu-area .main-menu ul li.mega-vd ul.v-gallery .mega-vd-slider .mg-item .mg-img a:hover i { color: #198754 !important; }
.menu-area .main-menu ul li.mega-vd ul.v-gallery .mega-vd-slider .mg-item .mg-content p a:hover { color: #198754 !important; }
.menu-area .main-menu ul li.mega-vd ul.v-gallery .mega-vd-slider .owl-nav div:hover { background-color: #198754 !important; }
.menu-area .main-menu ul li.mega-mnu ul.mega-menu { border-top: 3px solid #198754 !important; }
.menu-area .main-menu ul li.mega-mnu ul.mega-menu .mega-cat .sec-title h5:before { background: #198754 !important; }
.menu-area .main-menu ul li.mega-mnu ul.mega-menu .mega-cat .cat-content ul li a:hover { color: #198754 !important; }
.menu-area .main-menu ul li.mega-mnu ul.mega-menu .mega-lat .sec-title h5:before { background: #198754 !important; }
.menu-area .main-menu ul li.mega-mnu ul.mega-menu .mega-lat .lat-box .img-content p a:hover { color: #198754 !important; }
.menu-area .main-menu ul li.mega-mnu ul.mega-menu .mega-pop .sec-title h5:before { background: #198754 !important; }
.menu-area .main-menu ul li.mega-mnu ul.mega-menu .mega-pop .pop-box .img-content p a:hover { color: #198754 !important; }
.menu-area .main-menu ul li.mega-mnu ul.mega-menu .mega-glry .sec-title h5:before { background: #198754 !important; }
.menu-area .clock span#dg-clock { background: #198754 !important; }
.menu-area.menu-black .main-menu ul li a:hover { color: #198754 !important; }
.menu-area.menu-black .main-menu ul li ul.dropdown li a:hover { color: #198754 !important; }
.mean-container .mean-bar .meanmenu-reveal { color: #198754 !important; }
.mean-container .mean-bar nav.mean-nav ul li a:hover { color: #198754 !important; }
.top-news .news-content .ticker .news-head span { background: #198754 !important; }
.top-news .news-content .ticker .tickercontainer ul li a:hover { color: #198754 !important; }
.slider-area .owl-slider .slider-content .slider-layer ul li:nth-child(1) { background: #198754 !important; }
.slider-area .owl-slider .owl-nav div:hover { background: #198754 !important; }
.slider-area .slider-fix .slider-sidebar .sidebar-layer ul li:nth-child(1) { background: #198754 !important; }
.slider-area2 .owl-slider .slider-content .slider-layer ul li:nth-child(1) { background: #198754 !important; }
.slider-area2 .owl-slider .owl-nav div:hover { background: #198754 !important; }
.slider-area2 .pop-news2 .pop-box .img-content p a:hover { color: #198754 !important; }
.slider-area2 .pop-news2 .pop-box .img-content ul li:first-child { background: #198754 !important; }
.slider-area2 .latest-nws .sec-title h5 i { color: #198754 !important; }
.slider-area2 .latest-nws .lt-box .img-content p a:hover { color: #198754 !important; }
.slider-area2 .latest-nws .lt-box .img-content ul li:first-child { background: #198754 !important; }
.slider-area2 .add-widget .add-layer a { background: #198754 !important; }
.slider-area2 .tab-widget ul.nav li.nav-item a.nav-link.active { background: #198754 !important; }
.slider-area2 .tab-widget .tab-content .tab-pane .rec-item .img-content p a:hover { color: #198754 !important; }
.slider-area2 .tab-widget .tab-content .tab-pane .pop-item .img-content p a:hover { color: #198754 !important; }
.slider-area2 .tab-widget .tab-content .tab-pane .com-item .img-content p a span:hover { color: #198754 !important; }
.slider-area2 .follow-widget .sec-title h5:before { background: #198754 !important; }
.slider-area3 .owl-slider .slider-content .slider-layer ul li:nth-child(1) { background: #198754 !important; }
.slider-area3 .owl-slider .owl-nav div:hover { background: #198754 !important; }
.slider-area3 .slider-sidebar .sidebar-layer ul li:nth-child(1) { background: #198754 !important; }
.int-lif-bus .int-news .sec-title h5:before { background: #198754 !important; }
.int-lif-bus .int-news .int-slider .int-item .int-lg .int-layer ul li:first-child { background: #198754 !important; }
.int-lif-bus .int-news .int-slider .int-item .int-list .img-content p a:hover { color: #198754 !important; }
.int-lif-bus .int-news .int-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.int-lif-bus .ls-news .sec-title h5:before { background: #198754 !important; }
.int-lif-bus .ls-news .int-slider .ls-item .ls-lg .ls-layer ul li:first-child { background: #198754 !important; }
.int-lif-bus .ls-news .int-slider .ls-item .ls-list .img-content p a:hover { color: #198754 !important; }
.int-lif-bus .ls-news .int-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.news-area .latest-news .tab-box .sec-title h5:before { background: #198754 !important; }
.news-area .latest-news .tab-box ul.nav li.nav-item a.nav-link.active { color: #198754 !important; }
.news-area .latest-news .tab-content .tab-pane .lt-item-bg h6 a:hover { color: #198754 !important; }
.news-area .latest-news .tab-content .tab-pane .lt-item-bg ul li:first-child { background: #198754 !important; }
.news-area .latest-news .tab-content .tab-pane .lt-item-sm .img-content p a:hover { color: #198754 !important; }
.news-area .pop-news .sec-title h5:before { background: #198754 !important; }
.news-area .pop-news .popular-slider .popular-item .pop-box .img-content p a:hover { color: #198754 !important; }
.news-area .pop-news .popular-slider .popular-item .pop-box .img-content ul li:first-child { background: #198754 !important; }
.news-area .pop-news .popular-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.news-area .follow-widget .sec-title h5:before { background: #198754 !important; }
.news-area .add-widget .add-layer a { background: #198754 !important; }
.news-area .tab-widget ul.nav li.nav-item a.nav-link.active { background: #198754 !important; }
.news-area .tab-widget .tab-content .tab-pane .rec-item .img-content p a:hover { color: #198754 !important; }
.news-area .tab-widget .tab-content .tab-pane .pop-item .img-content p a:hover { color: #198754 !important; }
.news-area .tab-widget .tab-content .tab-pane .com-item .img-content p a span:hover { color: #198754 !important; }
.news-area2 .int-news .sec-title h5:before { background: #198754 !important; }
.news-area2 .int-news .int-slider .int-item .int-lg .int-layer ul li:first-child { background: #198754 !important; }
.news-area2 .int-news .int-slider .int-item .int-list .img-content p a:hover { color: #198754 !important; }
.news-area2 .int-news .int-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.news-area2 .ls-news .sec-title h5:before { background: #198754 !important; }
.news-area2 .ls-news .int-slider .ls-item .ls-lg .ls-layer ul li:first-child { background: #198754 !important; }
.news-area2 .ls-news .int-slider .ls-item .ls-list .img-content p a:hover { color: #198754 !important; }
.news-area2 .ls-news .int-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.news-area2 .pop-news .sec-title h5:before { background: #198754 !important; }
.news-area2 .pop-news .popular-slider .popular-item .pop-box .img-content p a:hover { color: #198754 !important; }
.news-area2 .pop-news .popular-slider .popular-item .pop-box .img-content ul li:first-child { background: #198754 !important; }
.news-area2 .pop-news .popular-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.news-area2 .follow-widget .sec-title h5:before { background: #198754 !important; }
.news-area2 .add-widget .add-layer a { background: #198754 !important; }
.more-news-area .more-news .sec-title h5:before { background: #198754 !important; }
.more-news-area .more-news .more-slider .more-item .more-content .img-content h6 a:hover { color: #198754 !important; }
.more-news-area .more-news .more-slider .more-item .more-content .img-content ul li:first-child { background: #198754 !important; }
.more-news-area .more-news .more-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.more-news-area .mv-widget .sec-title h5:before { background: #198754 !important; }
.more-news-area .mv-widget .mv-slider .mv-item .mv-box .img-content p a:hover { color: #198754 !important; }
.more-news-area .mv-widget .mv-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.more-news-area .add-widget .add-layer a { background: #198754 !important; }
.more-news-area .tag-widget .sec-title h5:before { background: #198754 !important; }
.more-news-area .tag-widget .tag-box a:hover { border-color: #198754 !important; color: #198754 !important; }
.gallery-area .image-gallery .sec-title h5 i { color: #198754 !important; }
.gallery-area .image-gallery .image-gallery-box .gallery-slider .owl-nav div:hover { background: #198754 !important; }
.gallery-area .image-gallery .image-gallery-list .gallery-list-item .fc-icon a i:hover { background: #198754 !important; }
.gallery-area .video-gallery .sec-title h5 i { color: #198754 !important; }
.gallery-area .video-gallery .video-lg .video-table .video-tablecell a:hover { color: #198754 !important; }
.gallery-area .video-gallery .video-list .video-list-item .vid-img a i:hover { background: #198754 !important; }
.gallery-area .video-gallery .video-list .video-list-item .img-content p a:hover { color: #198754 !important; }
.int-lif .int-news .sec-title h5:before { background: #198754 !important; }
.int-lif .int-news .int-slider .int-item .int-lg .int-layer ul li:first-child { background: #198754 !important; }
.int-lif .int-news .int-slider .int-item .int-list .img-content p a:hover { color: #198754 !important; }
.int-lif .int-news .int-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.int-lif .ls-news .sec-title h5:before { background: #198754 !important; }
.int-lif .ls-news .int-slider .ls-item .ls-lg .ls-layer ul li:first-child { background: #198754 !important; }
.int-lif .ls-news .int-slider .ls-item .ls-list .img-content p a:hover { color: #198754 !important; }
.int-lif .ls-news .int-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.int-lif .more-news .sec-title h5:before { background: #198754 !important; }
.int-lif .more-news .more-slider .more-item .more-content .img-content h6 a:hover { color: #198754 !important; }
.int-lif .more-news .more-slider .more-item .more-content .img-content ul li:first-child { background: #198754 !important; }
.int-lif .more-news .more-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.int-lif .add-widget .add-layer a { background: #198754 !important; }
.int-lif .mv-widget .sec-title h5:before { background: #198754 !important; }
.int-lif .mv-widget .mv-slider .mv-item .mv-box .img-content p a:hover { color: #198754 !important; }
.int-lif .mv-widget .mv-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.int-lif .login-widget .sec-title h5:before { background: #198754 !important; }
.int-lif .login-widget form.login input:focus { border-color: #198754 !important; }
.int-lif .login-widget form.login button:hover { background: #198754 !important; }
.int-lif .app-widget .img-content ul li a img:hover { border-color: #198754 !important; }
.breadcrumb-area .breadcrumb-box ul li a { color: #198754 !important; }
.about-us .sec-top h4:before { background: #198754 !important; }
.about-us .about-box h4 span { color: #198754 !important; }
.about-us .about-box a { color: #198754 !important; border: 1px solid #198754 !important; }
.about-us .about-box a:hover { background: #198754 !important; }
.about-us .service-box .service-item:hover .img-content h6 { color: #198754 !important; }
.about-us .team .sec-title h5:before { background: #198754 !important; }
.about-us .team .team-slider .slider-item h5 a:hover { color: #198754 !important; }
.about-us .team .team-slider .slider-item p:before { background: #198754 !important; }
.about-us .team .team-slider .slider-item ul li a i:hover { color: #198754 !important; }
.about-us .team .team-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.about-us .testimonial .sec-title h5:before { background: #198754 !important; }
.about-us .testimonial .testimonial-slider .testimonial-item .testimonial-box ul li { color: #198754 !important; }
.about-us .testimonial .testimonial-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.category1-area .category-box-lg h6 a:hover { color: #198754 !important; }
.category1-area .category-box-lg ul.tag-dat li:first-child { background: #198754 !important; }
.category1-area .category-box-lg ul.red-com li:first-child a:hover { color: #198754 !important; }
.category1-area .category-box-lg ul.red-com li:last-child a:hover { color: #198754 !important; }
.category1-area .category-box h6 a:hover { color: #198754 !important; }
.category1-area .category-box ul.tag-dat li:first-child { background: #198754 !important; }
.category1-area .category-box ul.red-com li:first-child a:hover { color: #198754 !important; }
.category1-area .category-box ul.red-com li:last-child a:hover { color: #198754 !important; }
.category1-area .pagination-box ul li a:hover { color: #198754 !important; border-color: #198754 !important; }
.category1-area .pagination-box ul li.active a { background: #198754 !important; border-color: #198754 !important; }
.category1-area .follow-widget .sec-title h5:before { background: #198754 !important; }
.category1-area .add-widget .add-layer a { background: #198754 !important; }
.category1-area .tab-widget ul.nav li.nav-item a.nav-link.active { background: #198754 !important; }
.category1-area .tab-widget .tab-content .tab-pane .rec-item .img-content p a:hover { color: #198754 !important; }
.category1-area .tab-widget .tab-content .tab-pane .pop-item .img-content p a:hover { color: #198754 !important; }
.category1-area .tab-widget .tab-content .tab-pane .com-item .img-content p a span:hover { color: #198754 !important; }
.category1-area .mv-widget .sec-title h5:before { background: #198754 !important; }
.category1-area .mv-widget .mv-slider .mv-item .mv-box .img-content p a:hover { color: #198754 !important; }
.category1-area .mv-widget .mv-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.category1-area .app-widget .img-content ul li a img:hover { border-color: #198754 !important; }
.category1-area .category-box2 .img-content h6 a:hover { color: #198754 !important; }
.category1-area .category-box2 .img-content ul.tag-dat li:first-child { background: #198754 !important; }
.category1-area .category-box2 .img-content ul.red-com li:first-child a:hover { color: #198754 !important; }
.category1-area .category-box2 .img-content ul.red-com li:last-child a:hover { color: #198754 !important; }
.category-details .news-heading ul li a:hover { color: #198754 !important; }
.category-details .news-content ul li a:hover { color: #198754 !important; }
.category-details .news-comment { border-left: 3px solid #198754 !important; }
.category-details .news-comment i { color: #198754 !important; }
.category-details .social-tag .social ul li:nth-child(1) a:hover { background: #198754 !important; }
.category-details .social-tag .social ul li:nth-child(2) a:hover { background: #198754 !important; }
.category-details .social-tag .social ul li:nth-child(3) a:hover { background: #198754 !important; }
.category-details .social-tag .social ul li:nth-child(4) a:hover { background: #198754 !important; }
.category-details .social-tag .tag ul li a:hover { color: #198754 !important; }
.category-details .news-author .author-content h6 a:hover { color: #198754 !important; }
.category-details .news-author .author-content ul li a:hover { color: #198754 !important; }
.category-details .comment-sec .sec-title h5:before { background: #198754 !important; }
.category-details .comment-sec .comment-box .comment-con ul li:nth-child(1) a:hover { color: #198754 !important; }
.category-details .comment-sec .comment-box .comment-con ul li:nth-child(2) a { color: #198754 !important; }
.category-details .comment-sec .comment-box .comment-con ul li:nth-child(2) a:hover { background: #198754 !important; border-color: #198754 !important; }
.category-details .comment-form form.com-form input:focus { border-color: #198754 !important; }
.category-details .comment-form form.com-form textarea:focus { border-color: #198754 !important; }
.category-details .comment-form form.com-form button { background: #198754 !important; }
.category-details .follow-widget .sec-title h5:before { background: #198754 !important; }
.category-details .add-widget .add-layer a { background: #198754 !important; }
.category-details .tab-widget ul.nav li.nav-item a.nav-link.active { background: #198754 !important; }
.category-details .tab-widget .tab-content .tab-pane .rec-item .img-content p a:hover { color: #198754 !important; }
.category-details .tab-widget .tab-content .tab-pane .pop-item .img-content p a:hover { color: #198754 !important; }
.category-details .tab-widget .tab-content .tab-pane .com-item .img-content p a span:hover { color: #198754 !important; }
.category-details .mv-widget .sec-title h5:before { background: #198754 !important; }
.category-details .mv-widget .mv-slider .mv-item .mv-box .img-content p a:hover { color: #198754 !important; }
.category-details .mv-widget .mv-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.category-details .app-widget .img-content ul li a img:hover { border-color: #198754 !important; }
.category-details .relate-news .sec-title h5:before { background: #198754 !important; }
.category-details .relate-news .relate-slider .rel-item .rel-layer ul li:nth-child(1) { background: #198754 !important; }
.category-details .relate-news .relate-slider .owl-nav div:hover { background: #198754 !important; border-color: #198754 !important; }
.contact-area .get-in-touch .sec-title h5:before { background: #198754 !important; }
.contact-area .get-in-touch .contact-form form#ajax-contact p input:focus { border-color: #198754 !important; }
.contact-area .get-in-touch .contact-form form#ajax-contact p textarea:focus { border-color: #198754 !important; }
.contact-area .get-in-touch .contact-form form#ajax-contact button { background: #198754 !important; }
.contact-area .contact-info .sec-title h5:before { background: #198754 !important; }
.contact-area .contact-info .contact-box .contact-icon i { color: #198754 !important; }
.contact-area .contact-info .social ul li:nth-child(1) a i:hover { background: #198754 !important; }
.contact-area .contact-info .social ul li:nth-child(2) a i:hover { background: #198754 !important; }
.contact-area .contact-info .social ul li:nth-child(3) a i:hover { background: #198754 !important; }
.contact-area .contact-info .social ul li:nth-child(4) a i:hover { background: #198754 !important; }
.contact-area .contact-info .social ul li:nth-child(5) a i:hover { background: #198754 !important; }
.contact-area .contact-info .social ul li:nth-child(6) a i:hover { background: #198754 !important; }
.contact-area #map .info-window h5 { color: #198754 !important; }
.faq-area .faq-qes ul li a:hover { color: #198754 !important; }
.error-msg .error-box h1 span { color: #198754 !important; }
.error-msg .error-box a { color: #198754 !important; border: 1px solid #198754 !important; }
.error-msg .error-box a:hover { background: #198754 !important; }
footer.footer-area .f-about ul.f-social li:nth-child(1) a i:hover { background: #198754 !important; }
footer.footer-area .f-about ul.f-social li:nth-child(2) a i:hover { background: #198754 !important; }
footer.footer-area .f-about ul.f-social li:nth-child(3) a i:hover { background: #198754 !important; }
footer.footer-area .f-about ul.f-social li:nth-child(4) a i:hover { background: #198754 !important; }
footer.footer-area .f-about ul.f-social li:nth-child(5) a i:hover { background: #198754 !important; }
footer.footer-area .f-about ul.f-social li:nth-child(6) a i:hover { background: #198754 !important; }
footer.footer-area .f-service .sec-title h5:before { background: #198754 !important; }
footer.footer-area .f-service ul.service-list li a:hover { color: #198754 !important; }
footer.footer-area .f-service ul.service-list li a:hover i { color: #198754 !important; }
footer.footer-area .f-post .sec-title h5:before { background: #198754 !important; }
footer.footer-area .f-post .post-box .post-con p a:hover { color: #198754 !important; }
footer.footer-area .f-newsltr .sec-title h5:before { background: #198754 !important; }
footer.footer-area .f-newsltr form.news-letter input:focus { border-color: #198754 !important; }
footer.footer-area .f-newsltr form.news-letter button:hover { background: #198754 !important; }
footer.footer-area .f-menu a:hover { color: #198754 !important; }
.footer-btm .copyright-text p i { color: #198754 !important; }
.footer-btm .copyright-text p a { color: #198754 !important; }
.footer-btm .ftb-menu ul li a:hover { color: #198754 !important; }
.footer-btm .back-to-top a:hover { background: #198754 !important; border-color: #198754 !important; }

/* ---------- PHẦN 2: tuỳ biến tay ---------- */
/* =========================================================================
   ẢNH VỀ 1 SIZE — theme gốc KHÔNG đặt kích thước cho thumb (demo dùng ảnh
   crop sẵn: thumb 100×81, ảnh lớn 500×326 ≈ 3:2). Ảnh thật từ Uploads đủ cỡ
   => ép cứng khung + object-fit:cover cho MỌI vị trí (2026-07-19, user báo).
   ========================================================================= */
.tn-cover { object-fit: cover; width: 100%; }

/* Thumb nhỏ dạng hàng ngang (ảnh trái + chữ phải): khung cố định 100×75
   (theo chuẩn demo lt-sm-*.jpg 100×81), không co giãn theo ảnh gốc */
.lt-item-sm .lt-img, .rec-item .rec-img, .int-list .int-img, .pop-item .pop-img {
  flex: 0 0 100px; width: 100px;
}
.lt-item-sm .lt-img img, .rec-item .rec-img img, .int-list .int-img img, .pop-item .pop-img img {
  width: 100px !important; height: 75px !important; object-fit: cover;
}
/* Footer "Tin mới nhất": theme quy định max-width 65px -> khung 65×65 */
.post-box .post-img { flex: 0 0 65px; width: 65px; }
.post-box .post-img img { width: 65px !important; height: 65px !important; object-fit: cover; }

/* Ảnh lớn: tỷ lệ đồng nhất theo demo 500×326 (~3:2) */
.owl-slider .slider-content > img.tn-cover { height: 420px; }
.slider-sidebar > img.tn-cover { height: 200px; }
.lt-item-bg > img.tn-cover { height: 220px; }
.pop-box .pop-img img.tn-cover { height: 160px; }
.gallery-slider .gallery-item > img.tn-cover { height: 340px; }
.int-lg > img.tn-cover { height: 200px; }
.category-box > img.tn-cover { height: 200px; }
.category-box-lg > img.tn-cover { height: 320px; }
.gallery-list-item img.gallery-img { width: 100%; height: 110px; object-fit: cover; }
@media (max-width: 767.98px) {
  .owl-slider .slider-content > img.tn-cover { height: 240px; }
  .gallery-slider .gallery-item > img.tn-cover { height: 220px; }
  .category-box-lg > img.tn-cover { height: 220px; }
}

/* =========================================================================
   TỰ ẨN BỚT TIÊU ĐỀ QUÁ DÀI (line-clamp — giống theme cũ _itemNews clamp 3)
   ========================================================================= */
.tn-clamp2, .tn-clamp3 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
/* Item nhỏ: tiêu đề tối đa 2 dòng */
.lt-item-sm .img-content p,
.rec-item .img-content p,
.int-list .img-content p,
.pop-item .img-content p,
.post-box .post-con p,
.pop-box .img-content > p {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
/* Heading khối lớn: tối đa 2 dòng */
.lt-item-bg h6,
.category-box h6,
.category-box-lg h6,
.int-layer p,
.slider-layer p,
.sidebar-layer p,
.gallery-content p {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
/* Tóm tắt (Summary) khối lớn: tối đa 3 dòng */
.lt-item-bg > p,
.category-box > p,
.category-box-lg > p {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}

/* =========================================================================
   GALLERY TRANG CHỦ (2026-07-19, user yêu cầu): tách 2 carousel riêng
   - .tn-chief-slider  : Ban lãnh đạo, chạy riêng (chân dung -> contain, không crop mặt)
   - .tn-album-slider  : Album ảnh — ảnh LỚN chạy lần lượt các ảnh NHỎ .tn-album-thumbs
   Init + đồng bộ thumb: @section Scripts của Trangchu.cshtml. Class .tn-* riêng,
   KHÔNG dùng .gallery-slider của theme (custom.js sẽ init trùng).
   ========================================================================= */
.tn-owl-box { position: relative; }
.tn-owl-item { position: relative; }
.tn-owl-item img { width: 100%; height: 340px; object-fit: cover; display: block; }
.tn-chief-slider .tn-owl-item img { object-fit: contain; background: #1c1c1c; }
.tn-owl-caption {
  position: absolute; bottom: 0; left: 0; width: 100%;
  background: rgba(0, 0, 0, 0.65); color: #fff; padding: 8px 14px; font-size: 14px;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
/* nút prev/next kiểu theme (theme chỉ style cho .gallery-slider nên tự khai cho .tn-*) */
.tn-chief-slider .owl-nav div,
.tn-album-slider .owl-nav div {
  position: absolute; top: 50%; transform: translateY(-50%); left: 0;
  width: 42px; height: 38px; line-height: 38px; text-align: center;
  background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 20px;
}
.tn-chief-slider .owl-nav div.owl-next,
.tn-album-slider .owl-nav div.owl-next { left: auto; right: 0; }
.tn-chief-slider .owl-nav div:hover,
.tn-album-slider .owl-nav div:hover { background: #198754; }
/* dải thumbnail dưới album — bấm để nhảy, ảnh đang hiện viền xanh */
.tn-album-thumbs { flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.tn-album-thumbs .tn-album-thumb {
  cursor: pointer; flex: 0 0 calc(25% - 6px); max-width: calc(25% - 6px);
  border: 3px solid transparent; transition: border-color .2s;
}
.tn-album-thumbs .tn-album-thumb img { width: 100%; height: 80px; object-fit: cover; display: block; }
.tn-album-thumbs .tn-album-thumb.tn-active,
.tn-album-thumbs .tn-album-thumb:hover { border-color: #198754; }
@media (max-width: 767.98px) {
  .tn-owl-item img { height: 240px; }
  .tn-album-thumbs .tn-album-thumb img { height: 60px; }
}
/* Dải banner section riêng cuối trang — FULL bề ngang màn hình, không container (2026-07-19).
   Dots nằm NGANG, đè giữa mép dưới ảnh (trước bị xếp dọc do owl-dot button rơi về block). */
.tn-banner-area { padding: 30px 0 0; }
.tn-banner-slider { position: relative; }
.tn-banner-item img { width: 100%; height: auto; display: block; }
.tn-banner-slider .owl-dots {
  position: absolute; bottom: 12px; left: 0; right: 0;
  display: flex; flex-direction: row; justify-content: center; gap: 8px;
}
.tn-banner-slider .owl-dots .owl-dot { display: inline-block; line-height: 0; }
.tn-banner-slider .owl-dots .owl-dot span {
  display: inline-block; width: 11px; height: 11px; margin: 0;
  background: rgba(255, 255, 255, 0.75); border: 1px solid #198754; border-radius: 50%;
}
.tn-banner-slider .owl-dots .owl-dot.active span { background: #198754; }

/* Nút "Kết nối EMC" chuyển vào footer (script layout di dời #btnEMC vào #tn-emc-slot) */
#tn-emc-slot { display: flex; justify-content: center; padding: 6px 0 2px; }
#tn-emc-slot a { margin: 0 auto; }
/* 🔴 Theme đặt .footer-btm height CỨNG 100px -> slot EMC làm nội dung TRÀN quá nền tối
   ra body trắng (= "khoảng trắng dưới cùng"). Cho giãn theo nội dung. */
.footer-btm { height: auto !important; min-height: 100px; padding-bottom: 12px; }
/* 🔴 Khoảng trắng cuối trang CA 2 (đo pixel 2026-07-19): trang NGẮN HƠN màn hình cao ->
   canvas dưới body lộ nền trắng. Cho canvas (html) tối CÙNG MÀU footer-btm (#111) —
   body vẫn trắng tường minh nên nội dung không đổi; phần thừa dưới footer nay liền mạch tối. */
html { background: #111; }
body { background: #fff; }

/* Tin tức liên quan (NewsDetail) — carousel .relate-slider chuẩn theme; khung ảnh CAO hơn
   (190 -> 280px, user muốn dài thêm 2026-07-19) */
.relate-slider .rel-item > img { width: 100%; height: 280px; object-fit: cover; display: block; }
@media (max-width: 767.98px) { .relate-slider .rel-item > img { height: 220px; } }

/* Logo header — asset HD 1021×240, hiển thị 60px cao (nét trên retina) */
.logo-area .logo img.tn-logo { height: 60px; width: auto; }
@media (max-width: 767.98px) { .logo-area .logo img.tn-logo { height: 46px; } }

/* Đơn vị liên kết — lưới card 4 cột (2026-07-19, khôi phục section trang cũ) */
.tn-partners-area { padding: 10px 0 35px; }
.tn-partners { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.tn-partner {
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 18px 12px; background: #fff; border: 1px solid #e9edeb; text-align: center;
  color: #444; font-size: 13px; font-weight: 600; text-decoration: none;
  transition: border-color .2s, box-shadow .2s, color .2s;
}
.tn-partner img { height: 84px; width: auto; max-width: 100%; object-fit: contain; }
.tn-partner:hover { border-color: #198754; color: #198754; box-shadow: 0 4px 14px rgba(25, 135, 84, .15); }
@media (max-width: 991.98px) { .tn-partners { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575.98px) { .tn-partners { grid-template-columns: 1fr 1fr; gap: 8px; } .tn-partner img { height: 60px; } }

/* Chuyên mục — 1 HÀNG chip ngang dưới breadcrumb (user chốt: 2 cột sidebar chiếm chỗ bài viết) */
.tn-cats-bar { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; }
.tn-cats-bar .tn-cat {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 14px; border: 1px solid #198754; border-radius: 20px;
  color: #198754; font-size: 13px; font-weight: 500; text-decoration: none; line-height: 1.4;
  transition: background .2s, color .2s;
}
.tn-cats-bar .tn-cat:hover, .tn-cats-bar .tn-cat.tn-cat-active { background: #198754; color: #fff; }
/* Tiếng Việt: giữ stack font theme, thêm fallback hệ điều hành có glyph VN đầy đủ */
body, p, a, h1, h2, h3, h4, h5, h6 { -webkit-font-smoothing: antialiased; }
/* Khối danh mục footer (map DmHinhthuckinhdoanh vào cột Services) không cần CSS riêng — dùng .service-list theme */
/* Bảng/ảnh trong nội dung bài viết (NewsDetail @Html.Raw) không tràn khung */
.tn-article img { max-width: 100%; height: auto; }
.tn-article table { max-width: 100%; overflow-x: auto; display: block; }
/* Phân trang X.PagedList trong vỏ TenNews */
.tn-pagination ul.pagination { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; padding-left: 0; }
.tn-pagination ul.pagination li a, .tn-pagination ul.pagination li span {
  display: inline-block; padding: 6px 12px; border: 1px solid #e5e5e5; color: #444; text-decoration: none; }
.tn-pagination ul.pagination li.active span, .tn-pagination ul.pagination li a:hover {
  background: #198754; color: #fff; border-color: #198754; }