/*
Theme Name: Lokhung247
Theme URI: https://lokhung247.info
Author: Lokhung247.info
Author URI: https://lokhung247.info
Description: Giao diện xổ số chuyên nghiệp cho Lokhung247.info – Kết quả XSMB, XSMT, XSMN + Lô khung 2, 3, 5 ngày. Chuẩn SEO, tối ưu tốc độ, responsive hoàn toàn.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lokhung247
Tags: lottery, xoso, xsmb, xsmt, xsmn, lo-khung, seo, fast, responsive, two-columns
*/

/* ============================================================
   RESET + BASE
============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;font-size:14px;background:#f0f4f8;color:#222;-webkit-font-smoothing:antialiased}
a{color:#0057b8;text-decoration:none}
a:hover{text-decoration:underline;color:#003d8f}
ul{list-style:none}
img{max-width:100%;height:auto;display:block}

/* ============================================================
   LAYOUT
============================================================ */
.container{max-width:1140px;margin:0 auto;padding:0 12px}
.main-grid{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}
@media(max-width:880px){.main-grid{grid-template-columns:1fr}}

/* ============================================================
   HEADER
============================================================ */
.site-header{background:linear-gradient(135deg,#0057b8,#003d8f);position:sticky;top:0;z-index:200;box-shadow:0 2px 14px rgba(0,60,150,.45)}
.hdr-inner{display:flex;align-items:center;justify-content:space-between;padding:9px 12px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none!important}
.logo-box{width:40px;height:40px;background:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#0057b8;line-height:1.2;text-align:center;flex-shrink:0}
.logo-txt strong{display:block;font-size:18px;font-weight:900;color:#fff;letter-spacing:-.5px}
.logo-txt span{font-size:10px;color:rgba(255,255,255,.8)}
.live-badge{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);border-radius:20px;padding:5px 13px;flex-shrink:0}
.live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:blink 1.4s infinite}
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.35)}}
.live-badge span{color:#fff;font-size:12px;font-weight:700}

/* ============================================================
   MEGA NAV
============================================================ */
.mega-nav{background:rgba(0,0,0,.22);position:relative;z-index:199}
.nav-bar{display:flex;overflow-x:auto;scrollbar-width:none;padding:0 4px}
.nav-bar::-webkit-scrollbar{display:none}
.nav-item{position:relative;flex-shrink:0}
.nav-item>a{display:flex;align-items:center;gap:4px;padding:9px 13px;color:rgba(255,255,255,.88);font-size:13px;font-weight:700;white-space:nowrap;border-bottom:3px solid transparent;transition:all .18s;cursor:pointer}
.nav-item>a:hover,.nav-item>a.act{color:#fff;border-color:#ffd700;text-decoration:none}
.arr{font-size:9px;opacity:.7;transition:transform .2s}
.nav-item:hover>a .arr{transform:rotate(180deg)}
.dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #d0d8e8;border-radius:0 0 8px 8px;min-width:560px;box-shadow:0 8px 28px rgba(0,0,60,.18);z-index:300;padding:14px}
.nav-item:hover .dropdown{display:block}
.dd-section-title{font-size:11px;font-weight:700;color:#0057b8;text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px;padding-bottom:5px;border-bottom:2px solid #eef3fb}
.dd-thu{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:12px}
.dd-thu a{display:block;font-size:12px;color:#fff;background:#0057b8;border-radius:4px;padding:4px 2px;text-align:center;transition:background .15s}
.dd-thu a:hover{background:#d62828;text-decoration:none}
.dd-thu a.today{background:#d62828}
.dd-tinh{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 14px}
.dd-tinh a{display:block;font-size:12px;color:#333;padding:3px 0;transition:color .15s}
.dd-tinh a:hover{color:#d62828;text-decoration:none}
.sub-nav{background:#003580;display:flex;overflow-x:auto;scrollbar-width:none;padding:0 12px}
.sub-nav::-webkit-scrollbar{display:none}
.sub-nav a{display:block;padding:6px 11px;color:rgba(255,255,255,.78);font-size:11.5px;white-space:nowrap;font-weight:600;transition:color .15s}
.sub-nav a:hover{color:#ffd700;text-decoration:none}

/* ============================================================
   BOX / CARD
============================================================ */
.box{background:#fff;border:1px solid #d0d8e8;border-radius:6px;margin-bottom:16px;overflow:hidden}
.box-hd{color:#fff;padding:9px 14px;font-size:13px;font-weight:700;text-align:center;line-height:1.4}
.hd-blue{background:linear-gradient(135deg,#0057b8,#003d8f)}
.hd-red{background:linear-gradient(135deg,#d62828,#a81e1e)}
.hd-green{background:linear-gradient(135deg,#0a8a3c,#065f2a)}
.hd-gold{background:linear-gradient(135deg,#c17f00,#8f5a00)}

/* ============================================================
   KẾT QUẢ XỔ SỐ TABLE
============================================================ */
.kqw{overflow-x:auto}
.kqt{width:100%;border-collapse:collapse;text-align:center}
.kqt td{border:1px solid #d8e0ec;padding:6px 8px;vertical-align:middle}
.kqt th{background:#eef3fb;color:#0057b8;font-size:12px;font-weight:700;padding:7px 8px;border:1px solid #d8e0ec}
.r-madb td{background:#eef3fb;font-size:12px;font-weight:700;color:#0057b8;border-bottom:2px solid #b8cce4}
.r-ev td{background:#f9fbff}
.r-od td{background:#fff}
.r-sp td{background:#fff9f9}
.lbl{background:#f5f8ff!important;color:#555;font-weight:700;font-size:12px;width:36px}
.n-db{font-size:24px;font-weight:900;color:#d62828}
.n-g7{font-size:16px;font-weight:900;color:#d62828}
.n-n{font-size:13px;color:#222}

/* ============================================================
   TABS BAR
============================================================ */
.tabs-bar{background:#fffbee;border-top:1px solid #e8d8a0;border-bottom:1px solid #e8d8a0;padding:5px 10px;display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.tpill{font-size:12px;padding:3px 10px;border-radius:12px;border:1px solid #ccc;cursor:pointer;background:#fff;color:#444;transition:all .18s}
.tpill.act,.tpill:hover{background:#ffd700;border-color:#c8a000;color:#333;font-weight:700}
.ncr{display:flex;gap:3px;margin-left:auto}
.nc{width:22px;height:22px;border-radius:50%;border:1px solid #ccc;font-size:11px;font-weight:700;cursor:pointer;background:#fff;color:#444;display:flex;align-items:center;justify-content:center;transition:all .18s;flex-shrink:0}
.nc.act,.nc:hover{background:#ffd700;border-color:#c8a000;color:#333}

/* ============================================================
   ĐẦU ĐUÔI TABLE
============================================================ */
.ddgrid{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid #eef3fb}
.ddhalf{border-right:1px solid #d8e0ec}
.ddhalf:last-child{border-right:none}
.ddt{width:100%;border-collapse:collapse;font-size:13px}
.ddt td,.ddt th{border:1px solid #e8eef8;padding:5px 8px;text-align:center}
.ddt th{background:#eef3fb;color:#0057b8;font-weight:700;font-size:12px;padding:7px 8px}
.dr{color:#d62828;font-weight:700}
.db{color:#0057b8;font-weight:700}
@media(max-width:480px){.ddgrid{grid-template-columns:1fr}.ddhalf{border-right:none;border-bottom:1px solid #d8e0ec}}

/* ============================================================
   LỊCH TABLE
============================================================ */
.bthu{display:inline-block;font-size:10px;padding:2px 7px;border-radius:10px;font-weight:700;white-space:nowrap}
.b-mb{background:#dbeafe;color:#1e40af}
.b-mt{background:#dcfce7;color:#166534}
.b-mn{background:#fee2e2;color:#991b1b}
.b-w{background:#fff3cd;color:#856404}
.ltbl{width:100%;border-collapse:collapse;font-size:13px}
.ltbl th{background:#0057b8;color:#fff;padding:9px 14px;font-weight:700;text-align:center;border:1px solid #0050a8}
.ltbl td{padding:8px 14px;border:1px solid #e0e8f4;text-align:center;vertical-align:middle;color:#333}
.ltbl tr:nth-child(even) td{background:#f0f5ff}
.ltbl tr:nth-child(odd) td{background:#fff}
.ltbl .trow td{background:#fffbe6;font-weight:700}
.ltbl .trow td a{color:#0057b8;font-weight:700}
.ltbl td a{color:#0057b8}

/* ============================================================
   LÔ KHUNG TABLE
============================================================ */
.lkt{width:100%;border-collapse:collapse;font-size:13px}
.lkt th{background:#0057b8;color:#fff;padding:9px 12px;font-weight:700;text-align:center}
.lkt td{padding:9px 12px;border-bottom:1px solid #dce8f8;text-align:center}
.lkt tr:first-child td{background:#e8f0fc;font-weight:700}
.lkt tr:nth-child(even) td{background:#f4f8ff}
.lk-n{font-size:17px;font-weight:900;color:#d62828}
.lk-w{color:#c07000;font-weight:700}
.lk-t{color:#d62828;font-weight:700}
.lk-a{color:#0a8a3c;font-weight:700}
.kw-note{font-size:11px;color:#666;margin:-10px 0 14px 4px}

/* ============================================================
   THỐNG KÊ / BIỂU ĐỒ
============================================================ */
.tksec{padding:10px 14px;border-bottom:1px solid #eee}
.tkttl{font-size:12px;font-weight:700;color:#003a8c;margin-bottom:7px}
.tkgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px 10px}
.tkitem{display:flex;align-items:center;gap:4px;font-size:12px}
.tk-r{font-weight:700;color:#d62828;min-width:22px}
.tk-b{font-weight:700;color:#0057b8;min-width:22px}
.tk-d{color:#555;font-size:11px}
.barrow{display:flex;gap:5px;align-items:flex-end;margin:8px 0 4px}
.barcol{text-align:center;flex:1}
.bar-v{font-size:10px;font-weight:700;color:#333;margin-bottom:2px}
.bar-b{background:#5b8fde;border-radius:2px 2px 0 0;margin:0 auto;min-height:2px;width:24px}
.bar-l{font-size:11px;color:#444;margin-top:3px}
.cnote{font-size:11px;color:#555;line-height:1.7;margin-top:5px}
.cnote b{color:#d62828}
.dblg{display:grid;grid-template-columns:repeat(5,1fr);gap:4px 6px}
.dblitem{font-size:11px;display:flex;align-items:baseline;gap:2px}
.dbl-n{font-weight:700;color:#d62828;min-width:20px}
.dbl-d{font-size:10px;color:#555}

/* ============================================================
   TAGS / KEYWORDS
============================================================ */
.tag-wrap{display:flex;flex-wrap:wrap;gap:5px;padding:10px 14px}
.tag{font-size:11px;padding:3px 9px;border-radius:12px;color:#0057b8}
.tag-blue{background:#eef3fb;color:#0057b8}
.tag-green{background:#dcfce7;color:#166534}
.tag-red{background:#fee2e2;color:#991b1b}
.tag:hover{text-decoration:none;opacity:.8}

/* ============================================================
   SEO CONTENT BOX
============================================================ */
.seob{background:#fff;border:1px solid #d0d8e8;border-radius:6px;padding:16px 18px;margin-bottom:16px;font-size:13px;line-height:1.8;color:#333}
.seob h2{font-size:17px;font-weight:700;color:#1a1a2e;margin-bottom:12px;border-left:4px solid #0057b8;padding-left:10px;line-height:1.4}
.seob h3{font-size:14px;font-weight:700;margin:14px 0 6px;color:#0057b8}
.seob p{margin-bottom:9px;color:#333;line-height:1.75}
.seob ul{padding-left:16px;margin-bottom:8px}
.seob ul li{list-style:disc;color:#444;margin-bottom:3px}

/* ============================================================
   BREADCRUMB
============================================================ */
.bc{padding:8px 0;font-size:12px;color:#666;display:flex;flex-wrap:wrap;gap:3px}
.bc a{color:#0057b8}
.bc span{color:#aaa}

/* ============================================================
   SIDEBAR
============================================================ */
.sw{background:#fff;border:1px solid #d0d8e8;border-radius:6px;margin-bottom:14px;overflow:hidden}
.sw-hd{background:#0057b8;color:#fff;padding:8px 13px;font-size:13px;font-weight:700}
.sw-bd{padding:10px 12px}
.sw-li{padding:6px 0;border-bottom:1px solid #eee;font-size:12px}
.sw-li:last-child{border-bottom:none}
.sw-li a{color:#222;transition:color .15s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
.sw-li a:hover{color:#d62828;text-decoration:none}
.sw-meta{font-size:10px;color:#888;margin-top:2px}

/* ============================================================
   FOOTER
============================================================ */
.ft{background:#0f1e3a;color:rgba(255,255,255,.8);margin-top:32px}
.ftg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:22px;padding:26px 12px 18px}
@media(max-width:680px){.ftg{grid-template-columns:1fr 1fr}}
@media(max-width:400px){.ftg{grid-template-columns:1fr}}
.ft-brand p{font-size:11px;opacity:.7;line-height:1.8;margin-top:7px}
.ft-col h4{font-size:12px;font-weight:700;color:#fff;margin-bottom:8px}
.ft-col ul li{margin-bottom:6px}
.ft-col ul li a{font-size:11px;opacity:.7;color:rgba(255,255,255,.8)}
.ft-col ul li a:hover{opacity:1;color:#ffd700;text-decoration:none}
.ft-bot{border-top:1px solid rgba(255,255,255,.1);padding:11px 12px;display:flex;justify-content:space-between;font-size:11px;opacity:.6;flex-wrap:wrap;gap:5px}

/* ============================================================
   BACK TO TOP
============================================================ */
#bTop{position:fixed;bottom:20px;right:16px;width:38px;height:38px;border-radius:50%;background:#0057b8;color:#fff;border:none;font-size:16px;cursor:pointer;box-shadow:0 4px 12px rgba(0,60,150,.4);opacity:0;pointer-events:none;transition:opacity .3s;z-index:999}
#bTop.show{opacity:1;pointer-events:all}

/* ============================================================
   WORDPRESS BUILT-IN CLASSES
============================================================ */
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{display:block;margin:0 auto 1em}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:12px;color:#666;text-align:center;margin-top:4px}
.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;width:1px}
.screen-reader-text:focus{clip:auto;height:auto;left:5px;top:5px;width:auto;z-index:9999;background:#fff;padding:8px 14px;border-radius:4px}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.recent-posts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.recent-posts-grid{grid-template-columns:1fr}}
.rp-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #eef2f8}
.rp-item:last-child{border-bottom:none}
.rp-thumb{flex-shrink:0;width:80px;height:60px;overflow:hidden;border-radius:4px;display:block}
.rp-thumb img{width:100%;height:100%;object-fit:cover}
.rp-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:700;color:#222;line-height:1.4}
.rp-title:hover{color:#d62828;text-decoration:none}
.rp-meta{font-size:11px;color:#888;display:flex;gap:8px;margin:4px 0}
.rp-excerpt{font-size:12px;color:#555;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}