/* =====================================================================
   MOBILE BONGDA - Giao diện mobile đồng bộ tông đỏ-đen (bongdaplus style)
   NukeViet theme "mobile_default" - override layer
   ===================================================================== */

:root {
    --bd-red: #e10600;
    --bd-red-dark: #b20400;
    --bd-red-soft: #ffecec;
    --bd-dark: #14181d;
    --bd-dark-2: #0d1014;
    --bd-grey-bg: #eef1f5;
    --bd-line: #e2e6eb;
    --bd-text: #242a31;
    --bd-muted: #6b7480;
    --bd-gold: #ffd54a;
}

/* NỀN & CHỮ */
body {
    background-color: var(--bd-grey-bg) !important;
    background-image: none !important;
    color: var(--bd-text);
}
a, a:link, a:active, a:visited { color: #1a3a52; }
a:hover, a:focus { color: var(--bd-red); }
h1, h2, h3, h4, h5 { color: var(--bd-dark); }

/* HEADER (đen + viền đỏ) */
#header {
    background: linear-gradient(180deg, #181c24, var(--bd-dark-2)) !important;
    border-bottom: 3px solid var(--bd-red) !important;
    background-image: linear-gradient(180deg, #181c24, var(--bd-dark-2)) !important;
}
#header .logo img {
    max-height: 42px;
    width: auto;
}
#header .site-buttons a,
#header .site-buttons .fa { color: #fff; }
#header .site-buttons a.user { border: 1px solid rgba(255,255,255,.4); }

/* NỘI DUNG trên nền trắng */
#body {
    background: #fff;
}
.wrap { background: var(--bd-grey-bg); }

/* BREADCRUMB */
.breadcrumbs .home-icon a,
.breadcrumbs .toggle { color: var(--bd-red); }
.breadcrumbs { border-bottom: 1px solid var(--bd-line); }

/* PANEL / BLOCK */
.panel { border-radius: 6px; }
.panel-primary {
    background: #fff !important;
    border: 1px solid var(--bd-line) !important;
    border-radius: 7px;
    margin-bottom: 10px;
}
.panel-primary > .panel-heading {
    background: linear-gradient(180deg, #f01a12, #c90500) !important;
    color: #fff !important;
    border: 0 !important;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .3px;
}
.panel-primary .panel-heading a { color: #fff; }
.panel-default { background: #fff !important; border: 0 !important; }
.panel-default > .panel-heading {
    background: #fff !important;
    color: var(--bd-dark) !important;
    border-bottom: 2px solid var(--bd-red) !important;
}

/* KHỐI CHUYÊN MỤC NEWS (mobile thường không có panel phức tạp như desktop) */
div.news_column .panel {
    border: 1px solid var(--bd-line) !important;
    border-top: 3px solid var(--bd-red) !important;
}
div.news_column .panel-heading h4 a { color: var(--bd-dark); font-weight: 800; }
div.news_column h3 a { color: var(--bd-dark); font-weight: 800; }
div.news_column h3 a:hover { color: var(--bd-red); }
div.news_column ul.related a { color: var(--bd-text) !important; }
div.news_column .text-muted { color: var(--bd-muted) !important; }

/* ẢNH & TIÊU ĐỀ BÀI */
img { max-width: 100%; height: auto; }
.news_body h1, #news_detail h1 {
    color: var(--bd-dark);
    font-weight: 900;
    line-height: 1.3;
    font-size: 22px;
}
.bodytext { color: #333a42; font-size: 16px; line-height: 1.8; }
.bodytext a { color: var(--bd-red); text-decoration: underline; }

/* NÚT & TÌM KIẾM */
.btn-primary,
.btn-info { background-color: var(--bd-red) !important; border-color: var(--bd-red) !important; }
.btn-primary:hover, .btn-info:hover {
    background-color: var(--bd-red-dark) !important;
    border-color: var(--bd-red-dark) !important;
}
.headerSearch .btn-info { background-color: var(--bd-red) !important; border-color: var(--bd-red) !important; }
.headerSearch input { border-color: #cfd6de !important; }

/* FOOTER đen */
#footer, .footer {
    background: var(--bd-dark) !important;
    background-image: linear-gradient(180deg, #181d24, var(--bd-dark-2)) !important;
    color: #b9c2cc !important;
    border-top: 4px solid var(--bd-red);
}
#footer a, .footer a { color: #b9c2cc !important; }
#footer a:hover, .footer a:hover { color: #fff !important; }
#footer h3, .footer h3 { color: #fff !important; border-bottom: 2px solid var(--bd-red); }

/* MENU dạng bảng điều khiển mobile (winHelp/panel-body .menu) */
#winHelp .panel-body .menu > li > a { color: var(--bd-text); }
#winHelp .panel-body .menu > li > a:hover { color: var(--bd-red); }

/* PHÂN TRANG */
.pagination > .active > a,
.pagination > .active > span {
    background: var(--bd-red) !important;
    border-color: var(--bd-red) !important;
}
.pagination > li > a { color: var(--bd-text); }
.pagination > li > a:hover { color: var(--bd-red); }