/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */

/* ===== Cẩm Khê: màu xanh lá theo logo (Techwell 14/10/2026) ===== */
:root { --color1: #01a85a; }
.foot_cta_col2 ul li._li3 ._a, .foot_cta_register { background: #01a85a !important; }
/* ===== Nút liên hệ nhanh bên phải ===== */
.tw-fab { position: fixed; right: 0; bottom: 140px; z-index: 9999; display: flex; flex-direction: column; gap: 10px; align-items: flex-end; }
.tw-fab__item { display: flex; align-items: center; gap: 8px; height: 48px; padding: 0 16px 0 5px; border-radius: 30px 0 0 30px; color: #fff !important; font-weight: 700; font-size: 16px; text-decoration: none !important; box-shadow: 0 3px 10px rgba(0,0,0,.2); transform: translateX(calc(100% - 58px)); transition: transform .3s; white-space: nowrap; }
.tw-fab__item:hover { transform: translateX(0); color: #fff !important; }
.tw-fab__ic { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; }
.tw-fab__call { background: #f58220; } .tw-fab__call .tw-fab__ic { color: #f58220; animation: twRing 1.5s infinite; }
.tw-fab__zalo { background: #0068ff; } .tw-fab__zaloic { color: #0068ff; font-size: 12px; font-weight: 800; }
.tw-fab__fb { background: #01a85a; } .tw-fab__fb .tw-fab__ic { color: #0866ff; }
@keyframes twRing { 0%,100% { transform: rotate(0); } 10%,30% { transform: rotate(-15deg); } 20%,40% { transform: rotate(15deg); } 50% { transform: rotate(0); } }
@media (max-width: 768px) { .tw-fab { bottom: 90px; } .tw-fab__item { height: 44px; transform: translateX(calc(100% - 52px)); } .tw-fab__ic { width: 36px; height: 36px; flex-basis: 36px; } }


/* ===== Trinh bay bai viet kieu bao dien tu (24h) - Techwell 15/10/2026 ===== */
#news-bodyhtml, .bodytext, #page-bodyhtml { font-family: Roboto, Arial, "Helvetica Neue", sans-serif !important; font-size: 18px !important; line-height: 1.7 !important; color: #222 !important; text-align: left; }
#news-bodyhtml *, .bodytext * { font-family: inherit !important; line-height: inherit !important; }
#news-bodyhtml p, #news-bodyhtml li, #news-bodyhtml span, #news-bodyhtml div, .bodytext p, .bodytext li, .bodytext span, .bodytext div, #page-bodyhtml p { font-size: 18px !important; }
#news-bodyhtml p, .bodytext p, #page-bodyhtml p { margin: 0 0 18px !important; }
#news-bodyhtml img, .bodytext img, #page-bodyhtml img { display: block; max-width: 100% !important; height: auto !important; margin: 14px auto; }
#news-bodyhtml em, #news-bodyhtml i, .bodytext em, .bodytext i { font-size: 16px !important; color: #444; }
#news-bodyhtml h2, #news-bodyhtml h3, #news-bodyhtml h4, .bodytext h2, .bodytext h3, .bodytext h4 { font-weight: bold !important; line-height: 1.4 !important; margin: 26px 0 12px !important; color: #111; }
#news-bodyhtml h2, .bodytext h2 { font-size: 24px !important; }
#news-bodyhtml h3, .bodytext h3 { font-size: 21px !important; }
#news-bodyhtml h4, .bodytext h4 { font-size: 19px !important; }
#news-bodyhtml ul, #news-bodyhtml ol, .bodytext ul, .bodytext ol { margin: 0 0 18px 26px !important; }
#news-bodyhtml li, .bodytext li { margin-bottom: 8px; }
#news-bodyhtml table td, #news-bodyhtml table th, .bodytext table td, .bodytext table th { font-size: 16px !important; padding: 6px 8px; }
#news-bodyhtml a, .bodytext a { color: #01a85a; }
.news-detail .hometext, .hometext { font-weight: bold; font-size: 18px; line-height: 1.7; color: #222; }
.news-detail h1, h1.title, .news-detail .title { font-size: 30px !important; font-weight: bold !important; line-height: 1.35 !important; }
@media (max-width: 767px) { #news-bodyhtml, .bodytext, #page-bodyhtml, #news-bodyhtml p, #news-bodyhtml li, #news-bodyhtml span, .bodytext p, .bodytext li, .bodytext span { font-size: 17px !important; } .news-detail h1, h1.title, .news-detail .title { font-size: 24px !important; } }


/* tw-social-fix: chan trang - an khoi mang xa hoi mac dinh cua theme, dung khoi trong quan tri */
.foot1__col > hr.foot1__hr ~ .h_4, .foot1__col > hr.foot1__hr ~ ul.foot1__col__social { display: none !important; }
.foot1__col > hr.foot1__hr:has(~ .h_4) { display: none !important; }