/* ==========================================================
   VNPT BRANDING - TỪ STYLE GỐC (SỬA LỖI XÁM & HỤT PHẢI)
   ========================================================== */

:root {
    --vnpt-navy: #005AAB;
    --vnpt-cyan: #00AEEF;
    --vnpt-red: #FF0000;
}

/* 1. SỬA LỖI NỀN XÁM THỪA (TRÊN & DƯỚI) VÀ LỖI HỤT PHẢI TRÊN MOBILE */
html, body, .nv-fullbg {
    background-color: #ffffff !important; /* Đổi nền xám mặc định (#eeeeee) thành trắng */
    background-image: none !important;
    min-width: 1080px !important; /* Bắt buộc! Đồng bộ với chiều rộng nội dung để footer không bị hụt bên phải */
}

/* 2. CHUYỂN MÀU XANH NUKEVIET SANG XANH VNPT */
/* Top bar trên cùng */
.section-header-bar {
    background-image: none !important;
    background-color: var(--vnpt-navy) !important;
}

/* Menu chính */
#menusite .navbar-default {
    background-color: var(--vnpt-navy) !important;
    border-color: var(--vnpt-navy) !important;
}
#menusite .navbar-default .navbar-nav > li > a:hover,
#menusite .navbar-default .navbar-nav > li > a:focus,
#menusite .navbar-default .navbar-nav > .active > a,
#menusite .navbar-default .navbar-nav > .open > a {
    background-image: none !important;
    background-color: var(--vnpt-cyan) !important;
    color: #ffffff !important;
}

/* Menu dọc & Tiêu đề khối */
.module-menu a,
.panel-heading, 
.panel-primary > .panel-heading {
    background-image: none !important;
    background-color: var(--vnpt-navy) !important;
    border-color: var(--vnpt-navy) !important;
}
.module-menu a.active, .module-menu a:hover {
    background-color: var(--vnpt-cyan) !important;
}

/* 3. FOOTER - MÀU XANH VNPT & KẺ ĐỎ */
/* Xóa bỏ dải đen gradient (thủ phạm làm footer bị xám) */
#footer {
    background-image: none !important; 
    background-color: var(--vnpt-navy) !important;
    border-top: 3px solid var(--vnpt-red) !important; /* Đường kẻ ngang đỏ */
    border-bottom: none !important;
    width: 100% !important;
}

#footer h3, #footer a, #footer p, .copyright, .copyright span a {
    color: #ffffff !important;
}
#footer a:hover, .copyright span a:hover {
    color: var(--vnpt-cyan) !important;
}
#footer .menu li a {
    border-bottom-color: rgba(255, 255, 255, 0.3) !important;
}

/* Thanh ngang dưới đáy cùng (chứa nút lên đầu trang) */
.footerNav2 {
    background-color: var(--vnpt-navy) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 4. TẤT CẢ NÚT BẤM (BUTTON) ĐỔI SANG MÀU ĐỎ */
.btn-primary, .btn-info, .btn-default, .btn-success,
.headerSearch .btn-info,
.header-nav a.button,
.footerNav2 .bttop a,
.footerNav2 .theme-change a,
.footerNav2 .theme-change span,
.socialList li a {
    background-image: none !important;
    background-color: var(--vnpt-red) !important;
    border-color: var(--vnpt-red) !important;
    color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

/* Hover cho nút bấm */
.btn-primary:hover, .btn-info:hover, .btn-default:hover, .btn-success:hover,
.headerSearch .btn-info:hover,
.header-nav a.button:hover,
.footerNav2 .bttop a:hover,
.socialList li a:hover {
    background-color: #cc0000 !important;
    border-color: #cc0000 !important;
}