/*
Theme Name: AppKetQua
Theme URI: https://appketqua.net/
Author: AppKetQua
Description: Giao diện kết quả xổ số 3 cột tối ưu tốc độ cho appketqua.net (đi kèm plugin AKQ Engine).
Version: 1.3.0
Requires PHP: 7.4
Text Domain: appketqua
*/
:root{--red:#d7141b;--red-d:#a80e14;--red-l:#fdecec;--ink:#1d1f23;--mut:#6b7078;--line:#e1e3e8;--bg:#eef0f3;--card:#fff;--blue:#1859c9;--gold:#f2b705;--green:#0f8a43;--hd:#c8102e;--shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);--r:6px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.wrap{max-width:1100px;margin:0 auto;padding:0 10px}
.red{color:var(--red)}.blue{color:var(--blue)}.b{font-weight:700}.muted{color:var(--mut)}.small{font-size:13px}.center{text-align:center}
/* Header */
.site-head{background:#fff;border-bottom:3px solid var(--red)}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}
.logo{display:flex;align-items:center;gap:10px;color:var(--ink)}
.logo:hover{text-decoration:none}
.logo svg{flex:none}
.logo .t1{font-weight:800;font-size:26px;letter-spacing:-.5px;line-height:1}
.logo .t1 em{font-style:normal;color:var(--red)}.logo .t1 small{font-size:15px;color:var(--mut);font-weight:600}
.logo .t2{display:block;font-size:12.5px;color:var(--mut);margin-top:3px}
.head-date{font-size:13px;color:var(--mut);text-align:right}
.head-date b{color:var(--red)}
.nav{background:linear-gradient(#e2232a,#c3161d);position:sticky;top:0;z-index:50;box-shadow:0 2px 4px rgba(0,0,0,.12)}
.nav ul{list-style:none;margin:0;padding:0}
.nav>.wrap>ul{display:flex;flex-wrap:wrap}
.nav li{position:relative}
.nav>.wrap>ul>li>a{display:block;color:#fff;font-weight:600;padding:10px 13px;font-size:14.5px}
.nav>.wrap>ul>li>a:hover,.nav li.on>a{background:rgba(0,0,0,.15);text-decoration:none}
.nav .sub{display:none;position:absolute;left:0;top:100%;background:#fff;min-width:230px;box-shadow:0 8px 24px rgba(0,0,0,.18);border-radius:0 0 6px 6px;padding:6px 0;z-index:60}
.nav li:hover>.sub,.nav li:focus-within>.sub{display:block}
.nav .sub a{display:block;padding:7px 14px;color:var(--ink);font-size:14px}
.nav .sub a:hover{background:var(--red-l);color:var(--red);text-decoration:none}
.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:15px;font-weight:700;padding:10px 4px;cursor:pointer}
.notice{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin:10px 0;display:flex;align-items:center;overflow:hidden}
.notice b{background:#16345f;color:#fff;padding:7px 12px;font-size:13.5px;white-space:nowrap}
.notice span{padding:7px 12px;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Layout */
.grid{display:grid;grid-template-columns:210px minmax(0,1fr) 300px;gap:12px;align-items:start;margin:10px auto 20px}
.col-l,.col-r{display:flex;flex-direction:column;gap:12px}
.akq-main{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:12px 14px;min-width:0}
/* Box */
.box{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.box-h{margin:0;background:var(--red);color:#fff;font-size:15.5px;font-weight:700;padding:8px 12px;display:flex;align-items:center;gap:8px}
.box-b{padding:8px 10px}
.akq-main .box{box-shadow:none;border:1px solid var(--line);margin:14px 0}
.lgrid{list-style:none;margin:0;padding:0;display:grid;gap:0}
.lgrid.c2{grid-template-columns:1fr 1fr}.lgrid.c3{grid-template-columns:repeat(3,1fr)}
.lgrid li{border-bottom:1px solid var(--line);padding:6px 4px;font-size:14px}
.lgrid.c2 li:nth-child(odd){border-right:1px solid var(--line)}
.lgrid a{color:var(--ink)}.lgrid a:hover{color:var(--red)}
.side-list{list-style:none;margin:0;padding:0}
.side-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:6px 10px;font-size:14px}
.side-list li a{color:var(--ink);font-weight:600}.side-list li a:hover{color:var(--red)}
.side-list .tm{color:var(--mut);font-size:13px}.side-list .lv{color:var(--red);font-weight:700}
.side-tabs{display:flex}.side-tabs button{flex:1;border:0;background:#f3f4f6;padding:7px 2px;font-weight:600;font-size:13px;cursor:pointer;border-bottom:2px solid transparent}
.side-tabs button.on{background:#fff;color:var(--red);border-color:var(--red)}
/* Calendar */
.cal{width:100%;border-collapse:collapse;text-align:center;font-size:13.5px}
.cal caption{font-weight:700;padding:6px 0}
.cal th{font-weight:600;color:var(--mut);padding:4px 0}
.cal td{padding:4px 0}
.cal td a{display:block;color:var(--ink);border-radius:4px}
.cal td a:hover{background:var(--red-l);text-decoration:none}
.cal td.today a{background:var(--red);color:#fff;font-weight:700}
.cal td.out{color:#c4c7cc}
/* Breadcrumb & headings */
.bc ol{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-wrap:wrap;font-size:13px;color:var(--mut)}
.bc li+li:before{content:"›";margin:0 6px;color:#aaa}
.bc a{color:var(--mut)}
.page-h1{font-size:22px;line-height:1.3;margin:4px 0 10px;color:var(--red-d)}
.answer-first{background:#fff8e6;border-left:4px solid var(--gold);padding:8px 12px;border-radius:4px;margin-bottom:12px}
.answer-first p{margin:0}
.akq-main h2{font-size:18px;color:var(--red-d);margin:20px 0 8px}
.akq-main .box-h{color:#fff;margin:0;font-size:15.5px}
.akq-main h3{font-size:16px;margin:16px 0 6px}
/* Live bar & tabs */
.live-bar{background:#e8f1ff;color:#0b3b8c;border:1px solid #c9dcff;border-radius:var(--r);padding:9px 12px;text-align:center;margin-bottom:10px;font-size:14.5px}
.live-bar .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--red);margin-right:6px;animation:pulse 1s infinite}
@keyframes pulse{50%{opacity:.25}}
.rg-tabs{display:flex;gap:3px}
.rg-tabs button{flex:1;border:0;background:#e05358;color:#fff;font-weight:600;font-size:15px;padding:9px 4px;cursor:pointer;border-radius:6px 6px 0 0}
.rg-tabs button.on{background:var(--red)}
.tab-pane{display:none}.tab-pane.on{display:block}
/* Result tables */
.kq-box{border:2px solid #9aa0a8;border-radius:4px;margin:0 0 14px;background:#fff}
.kq-head{text-align:center;padding:10px 8px 6px;border-bottom:1px solid var(--line)}
.kq-title{margin:0!important;font-size:20px!important;color:var(--red-d)!important;text-transform:uppercase;letter-spacing:.3px}
.kq-title a{color:inherit}
.kq-sub{font-size:14px;color:#333;margin-top:2px}
.kq-table{width:100%;border-collapse:collapse;font-size:15px}
.kq-table th,.kq-table td{border:1px solid var(--line);padding:6px 6px;text-align:center}
.kq-table thead th{background:#f6f7f9;font-weight:700;font-size:14px}
.kq-mb th{width:22%;font-weight:600;background:#fafbfc;color:#333}
.kq-mb .kq-db th{color:var(--red)}
.kq-cells{display:grid;gap:0}
.kq-cells.c1{grid-template-columns:1fr}.kq-cells.c2{grid-template-columns:1fr 1fr}.kq-cells.c3{grid-template-columns:repeat(3,1fr)}.kq-cells.c4{grid-template-columns:repeat(4,1fr)}
.kq-cells>div{padding:3px 2px;border-left:1px solid var(--line)}.kq-cells>div:first-child{border-left:0}
.kq-cells.c3>div:nth-child(4){border-left:0}
.kq-mb td{padding:0}
.kq-n{font-size:22px;font-weight:700;letter-spacing:.5px;font-variant-numeric:tabular-nums}
.kq-n.kq-db{color:var(--red);font-size:30px}
.kq-mb .kq-g7 .kq-n{color:var(--red)}
.kq-n.kq-g8{color:var(--red);font-size:24px}
.kq-ma td{font-weight:600;letter-spacing:.3px;padding:7px}
.kq-multi th:first-child,.kq-multi td:first-child{width:56px}
.kq-multi td div{padding:1px 0}
.kq-multi .kq-n{font-size:19px}.kq-multi .kq-n.kq-db{font-size:22px}
.kq-wait{display:inline-block;width:18px;height:18px;border:3px solid #ddd;border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}
@keyframes spin{to{transform:rotate(360deg)}}
.kq-filter{display:flex;justify-content:center;gap:14px;padding:6px;font-size:13.5px;border-top:1px solid var(--line);flex-wrap:wrap}
.kq-filter label{cursor:pointer}
.kq-n .dim{color:#c9ccd1}
.kq-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.kq-loto{margin:0 0 14px}
.kq-loto-title{background:var(--red);color:#fff;font-weight:700;text-align:center;padding:6px;border-radius:4px 4px 0 0}
.kq-loto-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.kq-table.lt th{width:52px;color:var(--red-d)}.kq-table.lt td{text-align:left;font-weight:600;letter-spacing:.3px}
.kq-table.kv{margin:8px 0;font-size:14px}.kq-table.kv thead th{background:#e8f1fb;color:#123}
.kq-table.kv td.k{font-weight:700;color:var(--ink)}
.kq-table.hist td{font-size:14px}
.kq-table.bang td{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.kq-table.bang.year td{font-size:12.5px;padding:3px}
.kq-table.matrix td{font-size:12px}
.kq-table tr.today{background:#fff4d6}
.day-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 14px}
.day-nav a{background:#f3f4f6;padding:6px 10px;border-radius:4px;font-weight:600}
.pick-date{display:flex;gap:6px}
.pick-date input,.stat-form input,.stat-form select{padding:6px 8px;border:1px solid #c9ccd1;border-radius:4px;font-size:14px;max-width:100%}
.pick-date button,.stat-form button,.tool-xien button{background:var(--red);color:#fff;border:0;border-radius:4px;padding:7px 14px;font-weight:700;cursor:pointer}
.stat-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;background:#f7f8fa;border:1px solid var(--line);border-radius:var(--r);padding:10px;margin:0 0 12px}
.stat-form label{display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:3px}
.week-links{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 14px;font-size:14px}
.week-links a{background:#f3f4f6;padding:4px 10px;border-radius:20px;color:var(--ink);font-weight:600}
.week-links a.hl{background:var(--red);color:#fff}
.more-links{text-align:center;font-weight:600}
/* Stats */
.quick-stats h2{text-align:center}
.ngrid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;margin:8px 0 12px}
.nc{border-radius:4px;text-align:center;padding:4px 0;background:#f4f5f7;line-height:1.2}
.nc b{display:block;font-size:15px}.nc span{font-size:10.5px;color:#555}
.nc.lv1{background:#fde3e3}.nc.lv2{background:#fbc4c5}.nc.lv3{background:#f69a9c}.nc.lv4{background:#ee6467}.nc.lv5{background:#d7141b}
.nc.lv4 b,.nc.lv5 b,.nc.lv4 span,.nc.lv5 span{color:#fff}
.bar{display:inline-block;width:70px;height:7px;background:#eee;border-radius:4px;vertical-align:middle;margin-left:6px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--red)}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:6px;list-style:none;padding:0}
.facts li{background:#f7f8fa;border-radius:4px;padding:8px}
.pred-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.pred{border:1px solid var(--line);border-radius:var(--r);padding:10px;text-align:center}
.pred h3{margin:0 0 6px!important;font-size:14.5px!important;color:#333}
.pred .big{font-size:24px;font-weight:800;margin:4px 0;letter-spacing:1px}
.pred-prov{border:1px solid var(--line);border-radius:var(--r);padding:8px 12px;margin:8px 0}
.pred-prov h3{margin:0 0 4px!important}.pred-prov p{margin:3px 0}
.dt-balls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:16px}
.ball{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff6b6f,#c3161d);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.ball.big{width:auto;min-width:120px;border-radius:30px;padding:0 16px;font-size:28px;letter-spacing:4px}
.tool-box label{display:block;font-weight:600;font-size:14px;margin:6px 0}.tool-box textarea,.tool-box input[type=text],.tool-box input[type=number]{width:100%;padding:7px;border:1px solid #c9ccd1;border-radius:4px;font-size:15px;margin-top:3px}.tool-box .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin:8px 0}.tool-box .row label{flex:1;min-width:120px}.tool-box button{background:var(--red);color:#fff;border:0;border-radius:4px;padding:8px 16px;font-weight:700;cursor:pointer}.tool-box .out{background:#f7f8fa;border-radius:4px;padding:10px;word-spacing:4px;margin-top:8px;min-height:20px}.cbg{margin:6px 0;font-size:14px}.cbg label{display:inline-block!important;margin:2px 8px 2px 0;font-weight:500!important}.cbg input{margin-right:3px}
.tool-xien textarea{width:100%;margin-top:4px;padding:8px;border:1px solid #c9ccd1;border-radius:4px;font-size:15px}
.tool-xien .row{display:flex;gap:10px;align-items:center;margin:8px 0}
.tool-xien .out{background:#f7f8fa;border-radius:4px;padding:10px;font-weight:600;word-spacing:6px}
.dove-res{background:#f0fbf3;border:1px solid #bfe8cb;border-radius:var(--r);padding:8px 12px;margin-bottom:12px}
pre.code{white-space:pre-wrap;word-break:break-all;background:#f6f7f9;padding:10px;border-radius:4px}
/* Content */
.seo-content{margin-top:20px;border-top:2px solid var(--line);padding-top:6px;font-size:15.5px}
.seo-content p{margin:0 0 10px}
.seo-content ul{padding-left:20px}
.seo-content .cols2{columns:2}
.toc{background:#f7f8fa;border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;margin:10px 0}
.toc ol{margin:6px 0 0;padding-left:20px}
.two-col{display:block}
.terms dt{font-weight:700;margin-top:6px}.terms dd{margin:0 0 4px 0;color:#333}
.faq{margin-top:20px}
.faq details{border:1px solid var(--line);border-radius:var(--r);margin:6px 0;background:#fff}
.faq summary{cursor:pointer;font-weight:700;padding:9px 12px}
.faq details>div{padding:0 12px 6px}
.related .lgrid li{border-right:0!important}
.data-note{font-size:12.5px;color:var(--mut);border-top:1px dashed var(--line);margin-top:16px;padding-top:8px}
.note{background:#fff8e6;padding:8px 12px;border-radius:4px}
/* Posts */
.post-list article{border-bottom:1px solid var(--line);padding:10px 0}
.post-list h2{margin:0 0 4px!important;font-size:17px!important}
.entry-meta{font-size:13px;color:var(--mut)}
.entry-content{font-size:16px}
.author-box{background:#f7f8fa;border-radius:var(--r);padding:10px 12px;font-size:14px;margin-top:16px}
/* Footer */
.site-foot{background:#fff;border-top:3px solid var(--red);margin-top:10px;font-size:14px}
.foot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px 0}
.foot-grid h3{font-size:15px;color:var(--red-d);margin:0 0 6px}
.foot-grid ul{list-style:none;margin:0;padding:0}.foot-grid li{padding:2px 0}
.foot-grid a{color:#333}
.foot-bot{border-top:1px solid var(--line);padding:10px 0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--mut);font-size:13px}
.to-top{position:fixed;right:14px;bottom:14px;width:40px;height:40px;border-radius:6px;background:#e9ebee;border:0;font-size:20px;cursor:pointer;display:none}
body.widget{background:#fff;padding:6px}
/* Responsive */
@media (max-width:1024px){.grid{grid-template-columns:minmax(0,1fr) 290px}.col-l{display:none}}
@media (max-width:760px){
.grid{grid-template-columns:1fr}.col-r{order:2}
.head-date{display:none}.logo .t1{font-size:22px}
.nav-toggle{display:block}.nav>.wrap>ul{display:none;flex-direction:column}.nav.open>.wrap>ul{display:flex}
.nav .sub{position:static;box-shadow:none;display:block;background:rgba(255,255,255,.08);padding:0}
.nav .sub a{color:#fff;padding:6px 26px;font-size:13.5px}
.akq-main{padding:10px 8px}.page-h1{font-size:19px}
.kq-n{font-size:19px}.kq-n.kq-db{font-size:25px}.kq-multi .kq-n{font-size:16px}.kq-multi .kq-n.kq-db{font-size:18px}
.kq-loto-grid,.two-col,.pred-grid{grid-template-columns:1fr}
.lgrid.c3{grid-template-columns:1fr 1fr}
.ngrid{grid-template-columns:repeat(5,1fr)}
.foot-grid{grid-template-columns:1fr 1fr}
.seo-content .cols2{columns:1}
}
@media print{.nav,.col-l,.col-r,.site-foot,.kq-filter,.seo-content,.faq{display:none}.grid{display:block}}