/*
 * kqxs-unified.css — Lokhung247 Theme
 * Mục đích: Đồng bộ toàn bộ CSS plugin KQXS + Extension về màu sắc theme trang chủ.
 * Load SAU tất cả CSS plugin (priority 20) để override hoàn toàn.
 *
 * Màu theme:
 *   --blue:  #0057b8  (gradient 135deg → #003d8f)
 *   --red:   #d62828  (gradient 135deg → #a81e1e)
 *   --gold:  #ffd700
 *   --light-blue: #eef3fb
 *   --border: #d0d8e8
 *
 * Font size: tăng +3px so với giá trị gốc (body 14 → 17, các class nhỏ hơn tương tự)
 */

/* ============================================================
   CSS VARIABLES — dùng cho cả PHP render ra var(--red)
============================================================ */
:root {
    --red:    #d62828;
    --blue:   #0057b8;
    --gold:   #ffd700;
    --border: #d0d8e8;
    --light:  #eef3fb;
}

/* ============================================================
   BODY / BASE — font-size tăng +3px (14 → 17)
============================================================ */
body {
    font-size: 17px !important;
}

/* ============================================================
   KQXS PLUGIN — bảng kqxs-table (kết quả các tỉnh)
============================================================ */

/* Header của bảng: đổi cam → gradient xanh theme */
.kqxs-table tr:first-child th,
.kqxs-table thead th,
.kqxs-table tbody tr:first-child th {
    background: linear-gradient(135deg, #0057b8, #003d8f) !important;
    color: #fff !important;
    font-size: 20px !important; /* 17+3 */
    border: 1px solid #003d8f !important;
}

.kqxs-table tr:first-child th h3 {
    font-size: 20px !important;
    color: #fff !important;
}

/* Cell dữ liệu +3px */
.kqxs-table td {
    font-size: 17px !important;
    border: 1px solid #d0d8e8 !important;
    border-bottom: 1px solid #d8e0ec !important;
    color: #222 !important;
}

/* Số thường */
.kqxs-table strong {
    font-size: 16px !important; /* 13+3 */
    color: #222 !important;
}

/* Đặc biệt — giữ đỏ theme */
.kqxs-table .giai-db {
    background: linear-gradient(135deg, #d62828, #a81e1e) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(214,40,40,.3) !important;
}

.kqxs-table .giai-db:hover {
    background: linear-gradient(135deg, #a81e1e, #8a1818) !important;
}

/* Header nhãn hàng */
.kqxs-table .kqxs-row-label {
    background: #eef3fb !important;
    color: #0057b8 !important;
    font-size: 16px !important;
}

/* Row zebra */
.kqxs-table tr:nth-child(even) {
    background: #f9fbff !important;
}

/* ============================================================
   EXTENSION — kqxs-result-* (bảng hiển thị kết quả tỉnh)
============================================================ */
.kqxs-result-section {
    border: 1px solid #d0d8e8 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 10px rgba(0,60,150,.08) !important;
}

.kqxs-result-header {
    background: linear-gradient(135deg, #0057b8, #003d8f) !important;
    color: #fff !important;
    padding: 12px 14px !important;
}

.kqxs-result-header h3 {
    font-size: 18px !important; /* 15+3 */
    color: #fff !important;
}

.kqxs-result-header .kqxs-breadcrumb2,
.kqxs-result-header .kqxs-breadcrumb2 a {
    color: rgba(255,255,255,.85) !important;
    font-size: 14px !important; /* 11+3 */
}

/* Bảng kết quả tỉnh — số pill */
.kqxs-result-table td,
.kqxs-result-table th {
    border: 1px solid #d8e0ec !important;
    font-size: 16px !important; /* 13+3 */
}

.kqxs-result-table .kqxs-row-label {
    background: #eef3fb !important;
    color: #0057b8 !important;
    font-size: 16px !important;
}

.kqxs-result-table tr:nth-child(odd) .kqxs-row-label {
    background: #f9fbff !important;
    color: #0057b8 !important;
}

.kqxs-result-table th {
    background: #eef3fb !important;
    color: #0057b8 !important;
    font-size: 15px !important; /* 12+3 */
}

/* Pill số thường */
.kqxs-result-table .kqxs-num {
    font-size: 16px !important; /* 13+3 */
    color: #222 !important;
    background: #f5f8ff !important;
    border: 1px solid #d0d8e8 !important;
    border-radius: 20px !important;
}

/* Đặc biệt */
.kqxs-result-table .kqxs-num-special {
    color: #d62828 !important;
    border: 1.5px solid #d62828 !important;
    font-size: 21px !important; /* 18+3 */
    background: #fff !important;
}

.kqxs-result-table .kqxs-num-g7 {
    color: #d62828 !important;
    background: #eef3fb !important;
    border: 1px solid #d62828 !important;
    font-size: 17px !important; /* 14+3 */
}

.kqxs-result-table .kqxs-num-db-mn {
    color: #d62828 !important;
    border: 1px solid #d62828 !important;
    font-size: 19px !important; /* 16+3 */
    background: #fff !important;
}

.kqxs-result-table .kqxs-num-g8 {
    color: #d62828 !important;
    background: #eef3fb !important;
    border: 1px solid #d62828 !important;
    font-size: 17px !important; /* 14+3 */
}

/* ============================================================
   EXTENSION — kqxs-stat-* (thống kê các tỉnh)
============================================================ */
.kqxs-stat-table {
    border: 1px solid #d0d8e8 !important;
}

.kqxs-stat-table th {
    background: linear-gradient(135deg, #0057b8, #003d8f) !important;
    color: #fff !important;
    font-size: 15px !important; /* 12+3 */
}

.kqxs-stat-table td {
    border: 1px solid #d8e0ec !important;
    font-size: 16px !important; /* 13+3 */
}

.kqxs-stat-table tr:nth-child(even) {
    background: #f9fbff !important;
}

.kqxs-stat-table .kqxs-head-num {
    background: #d62828 !important;
    color: #fff !important;
}

/* Header khối thống kê cam → xanh */
.kqxs-stat-head {
    background: linear-gradient(135deg, #0057b8, #003d8f) !important;
    color: #fff !important;
    font-size: 16px !important; /* 13+3 */
}

.kqxs-stat-group-title {
    color: #0057b8 !important;
    font-size: 15px !important; /* 12+3 */
}

.kqxs-stat-num {
    font-size: 15px !important; /* 12+3 */
}

.kqxs-stat-num b {
    color: #d62828 !important;
}

/* Thanh chẵn lẻ */
.kqxs-chanle-bar .bar .chan {
    background: #d62828 !important;
}

.kqxs-chanle-bar .bar .le {
    background: #0057b8 !important;
}

.kqxs-chanle-bar .labels {
    font-size: 14px !important; /* 11+3 */
}

/* ============================================================
   EXTENSION — kqxs-explore (khám phá tỉnh)
============================================================ */
.kqxs-explore {
    border: 1px solid #d0d8e8 !important;
    border-radius: 6px !important;
}

.kqxs-explore-title {
    background: linear-gradient(135deg, #0057b8, #003d8f) !important;
    color: #fff !important;
    font-size: 16px !important; /* 13+3 */
}

.kqxs-explore-item {
    font-size: 16px !important; /* 13+3 */
    border-bottom: 1px solid #d8e0ec !important;
    color: #222 !important;
}

.kqxs-explore-item a {
    color: #222 !important;
}

.kqxs-explore-item:hover {
    background: #eef3fb !important;
}

/* ============================================================
   EXTENSION — header block
============================================================ */
.kqxs-header-block {
    background: linear-gradient(135deg, #0057b8, #003d8f) !important;
    color: #fff !important;
}

.kqxs-header-title {
    font-size: 18px !important; /* 15+3 */
}

.kqxs-breadcrumb {
    font-size: 15px !important; /* 12+3 */
}

.kqxs-breadcrumb a {
    color: rgba(255,255,255,.85) !important;
}

/* ============================================================
   EXTENSION — tab thứ (ngày trong tuần)
   Đồng bộ với .lk-thu-nav của trang chủ (shortcodes.php)
============================================================ */
.kqxs-thu-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    padding: 6px 10px !important;
    background: #f0f4fb !important;
    border-bottom: 1px solid #d0d8e8 !important;
    align-items: center !important;
}

.kqxs-thu-tab {
    display: inline-block !important;
    padding: 3px 11px !important;
    border-radius: 14px !important;
    border: 1px solid #b8cce4 !important;
    background: #fff !important;
    color: #0057b8 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    line-height: 1.6 !important;
}

.kqxs-thu-tab:hover {
    background: #0057b8 !important;
    border-color: #003d8f !important;
    color: #fff !important;
    text-decoration: none !important;
}

.kqxs-thu-tab.active {
    background: #0057b8 !important;
    border-color: #003d8f !important;
    color: #fff !important;
    font-weight: 700 !important;
}

/* ============================================================
   EXTENSION — nút xem thêm
============================================================ */
.kqxs-xemthem-btn {
    background: linear-gradient(135deg, #0057b8, #003d8f) !important;
    color: #fff !important;
    font-size: 15px !important; /* 12+3 */
    border-radius: 4px !important;
}

/* ============================================================
   EXTENSION — province pill / nav
============================================================ */
.kqxs-province-pill {
    font-size: 15px !important; /* 12+3 */
    color: #0057b8 !important;
    border: 1px solid #d0d8e8 !important;
    background: #f5f8ff !important;
}

.kqxs-province-pill:hover {
    background: #0057b8 !important;
    color: #fff !important;
    border-color: #0057b8 !important;
}

.kqxs-nav-region-title {
    background: linear-gradient(135deg, #0057b8, #003d8f) !important;
    color: #fff !important;
    font-size: 15px !important; /* 12+3 */
}

/* ============================================================
   EXTENSION — xs3m header (khối 3 miền)
============================================================ */
.kqxs-xs3m-header {
    background: linear-gradient(135deg, #0057b8, #003d8f) !important;
    color: #fff !important;
    font-size: 17px !important; /* 14+3 */
}

.kqxs-xs3m-links td {
    font-size: 15px !important; /* 12+3 */
    border: 1px solid #d8e0ec !important;
}

.kqxs-xs3m-links a {
    color: #0057b8 !important;
}

/* ============================================================
   PLUGIN — bảng kqxs.php (plugin gốc) — căn bản
============================================================ */
.kqxs-table-wrapper {
    margin: 16px 0 !important;
}

/* ============================================================
   THEME BOX-HD — tăng font-size
============================================================ */
.box-hd {
    font-size: 16px !important; /* 13+3 */
}

/* ============================================================
   THEME kqt (bảng XSMB trang chủ) — tăng font
============================================================ */
.kqt th {
    font-size: 15px !important; /* 12+3 */
}

.kqt td,
.kqt .r-madb td {
    font-size: 15px !important; /* 12+3 */
}

.lbl {
    font-size: 15px !important; /* 12+3 */
}

.n-db {
    font-size: 27px !important; /* 24+3 */
}

.n-g7 {
    font-size: 19px !important; /* 16+3 */
}

.n-n {
    font-size: 16px !important; /* 13+3 */
}

/* ============================================================
   THEME THỐNG KÊ SECTION (trang chủ)
============================================================ */
.tkttl {
    font-size: 15px !important; /* 12+3 */
}

.tkitem {
    font-size: 15px !important; /* 12+3 */
}

.tk-r, .tk-b {
    font-size: 15px !important;
}

.tk-d {
    font-size: 14px !important; /* 11+3 */
}

.bar-v, .bar-l {
    font-size: 14px !important; /* 11+3 (bar-l=11→14) */
}

.cnote {
    font-size: 14px !important; /* 11+3 */
}

.dblitem {
    font-size: 14px !important; /* 11+3 */
}

.dbl-n {
    font-size: 14px !important;
}

.dbl-d {
    font-size: 13px !important; /* 10+3 */
}

/* ============================================================
   THEME ĐẦU ĐUÔI
============================================================ */
.ddt td, .ddt th {
    font-size: 16px !important; /* 13+3 */
}

.ddt th {
    font-size: 15px !important; /* 12+3 */
}

/* ============================================================
   THEME LỊCH (lịch xổ số)
============================================================ */
.ltbl th {
    font-size: 15px !important; /* không đổi nhưng +3 vs 12 chuẩn */
}

.ltbl td {
    font-size: 16px !important; /* 13+3 */
}

.bthu {
    font-size: 13px !important; /* 10+3 */
}

/* ============================================================
   THEME LÔ KHUNG
============================================================ */
.lkt th {
    font-size: 15px !important; /* 12+3 */
}

.lkt td {
    font-size: 16px !important; /* 13+3 */
}

.lk-n {
    font-size: 20px !important; /* 17+3 */
}

.kw-note {
    font-size: 14px !important; /* 11+3 */
}

/* ============================================================
   THEME TABS BAR
============================================================ */
.tpill {
    font-size: 15px !important; /* 12+3 */
}

.nc {
    font-size: 14px !important; /* 11+3 */
}

/* ============================================================
   THEME SIDEBAR
============================================================ */
.sw-hd {
    font-size: 16px !important; /* 13+3 */
}

.sw-li {
    font-size: 15px !important; /* 12+3 */
}

.sw-meta {
    font-size: 13px !important; /* 10+3 */
}

/* ============================================================
   THEME NAV
============================================================ */
.nav-item > a {
    font-size: 16px !important; /* 13+3 */
}

.dd-section-title {
    font-size: 14px !important; /* 11+3 */
}

.dd-thu a {
    font-size: 15px !important; /* 12+3 */
}

.dd-tinh a {
    font-size: 15px !important; /* 12+3 */
}

.sub-nav a {
    font-size: 14px !important; /* 11.5+3 ≈ 14 */
}

/* ============================================================
   THEME BREADCRUMB
============================================================ */
.bc {
    font-size: 15px !important; /* 12+3 */
}

/* ============================================================
   THEME SEO BOX
============================================================ */
.seob {
    font-size: 16px !important; /* 13+3 */
}

.seob h2 {
    font-size: 20px !important; /* 17+3 */
}

.seob h3 {
    font-size: 17px !important; /* 14+3 */
}

/* ============================================================
   THEME TAGS
============================================================ */
.tag {
    font-size: 14px !important; /* 11+3 */
}

/* ============================================================
   THEME FOOTER
============================================================ */
.ft-brand p {
    font-size: 14px !important; /* 11+3 */
}

.ft-col h4 {
    font-size: 15px !important; /* 12+3 */
}

.ft-col ul li a {
    font-size: 14px !important; /* 11+3 */
}

.ft-bot {
    font-size: 14px !important; /* 11+3 */
}

/* ============================================================
   LIVE BADGE
============================================================ */
.live-badge span {
    font-size: 15px !important; /* 12+3 */
}

/* ============================================================
   PLUGIN kqxs-styles.css — section / promo bar
============================================================ */
.kqxs-promo-bar {
    font-size: 15px !important; /* 12+3 */
    border: 1px solid #d0d8e8 !important;
    background: #eef3fb !important;
}

.kqxs-promo-bar a {
    color: #d62828 !important;
}

/* ============================================================
   EMPTY STATE
============================================================ */
.kqxs-empty {
    font-size: 16px !important; /* 13+3 */
    color: #555 !important;
}

/* ============================================================
   KQXS-XEM-THEM-BOX (link gợi ý trang tỉnh / thống kê)
============================================================ */
.kqxs-xem-them-box {
    background: #eef3fb !important;
    border: 1px solid #d0d8e8 !important;
    border-radius: 6px !important;
    padding: 12px 16px !important;
    margin-bottom: 14px !important;
    font-size: 16px !important; /* 13+3 */
}

.kqxs-xem-them-box strong {
    color: #0057b8 !important;
}

.kqxs-xem-them-box a {
    color: #0057b8 !important;
}

.kqxs-xem-them-box a:hover {
    color: #d62828 !important;
    text-decoration: underline !important;
}

/* ============================================================
   LK-SECTION (wrapper dùng trong province-extras)
============================================================ */
.lk-section {
    font-size: 16px !important;
}

.lk-section h3 {
    font-size: 18px !important;
    color: var(--red) !important;
}

.lk-section a {
    color: #0057b8 !important;
}

.lk-section a:hover {
    color: #d62828 !important;
}

/* Ghi chú fallback (Miền Nam/Trung không có thống kê gộp) */
.kqxs-fallback-note {
    font-size: 15px !important;
    color: #555 !important;
}

/* ============================================================
   RESPONSIVE — giữ đọc được trên mobile
============================================================ */
@media (max-width: 768px) {
    body { font-size: 16px !important; }
    .kqxs-result-header h3 { font-size: 16px !important; }
    .kqxs-result-table .kqxs-num-special { font-size: 18px !important; }
    .kqxs-result-table .kqxs-num,
    .kqxs-result-table .kqxs-num-g7,
    .kqxs-result-table .kqxs-num-db-mn,
    .kqxs-result-table .kqxs-num-g8 { font-size: 15px !important; }
    .kqxs-table td { font-size: 15px !important; }
    .kqxs-table tr:first-child th { font-size: 17px !important; }
    .n-db { font-size: 24px !important; }
    .n-g7 { font-size: 17px !important; }
}

@media (max-width: 480px) {
    body { font-size: 15px !important; }
    .kqxs-result-header h3 { font-size: 14px !important; }
    .kqxs-result-table .kqxs-num-special { font-size: 16px !important; }
    .kqxs-result-table .kqxs-num,
    .kqxs-result-table .kqxs-num-g7,
    .kqxs-result-table .kqxs-num-db-mn,
    .kqxs-result-table .kqxs-num-g8 { font-size: 14px !important; }
    .kqxs-table td { font-size: 14px !important; }
    .kqxs-table tr:first-child th { font-size: 15px !important; }
    .n-db { font-size: 22px !important; }
}