/*
Theme Name: AZ24 – SoiCauLo247
Theme URI: https://soicaulo247.me
Author: SoiCauLo247
Description: Giao diện kết quả xổ số 3 miền – soicaulo247.me
Version: 2.0
License: GNU General Public License v2
Text Domain: az24
*/

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,sans-serif;font-size:13px;background:#f0f0f0;color:#333;line-height:1.5;overflow-x:hidden}
a{color:#c00;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}

/* HEADER */
#site-header{background:#ef3242;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.header-inner{display:flex;align-items:stretch;max-width:1060px;margin:0 auto}
.site-logo{padding:8px 12px;display:flex;align-items:center;gap:4px;text-decoration:none;flex-shrink:0}
.logo-box{background:#fff;color:#ef3242;font-weight:700;font-size:16px;padding:3px 7px;border-radius:3px}
.logo-vn{color:#fff;font-size:13px}
.main-nav{display:flex;align-items:stretch;flex:1;flex-wrap:wrap}
.main-nav > a,.main-nav > .has-sub > a{color:#fff;font-size:12px;font-weight:700;padding:10px 10px;display:flex;align-items:center;white-space:nowrap;text-decoration:none;border-bottom:2px solid transparent}
.main-nav > a:hover,.main-nav > .has-sub:hover > a,.main-nav > a.current{background:rgba(255,255,255,.15);text-decoration:none;border-bottom-color:#fff}
.nav-home{background:rgba(0,0,0,.12)!important}
.has-sub{position:relative}
.has-sub .sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;min-width:160px;z-index:999;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.has-sub:hover .sub-menu{display:block}
.has-sub .sub-menu a{display:block;padding:6px 12px;font-size:12px;color:#333;border-bottom:1px solid #f0f0f0;text-decoration:none;font-weight:400}
.has-sub .sub-menu a:hover{background:#fff0f0;color:#c00}

/* LAYOUT */
#page-wrap{max-width:1060px;margin:0 auto;padding:6px}
.az24-layout{display:grid;grid-template-columns:170px 1fr 200px;gap:6px}
.az24-main{display:flex;flex-direction:column;gap:6px}

/* SIDEBAR TRÁI */
.sidebar-left{display:flex;flex-direction:column;gap:5px}
.side-box{background:#fff;border:1px solid #ddd;border-radius:2px;overflow:hidden}
.side-box-title{background:#ef3242;color:#fff;padding:6px 8px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}
.side-box-title .dot{width:13px;height:13px;background:#f90;border-radius:50%;flex-shrink:0}
.side-box-list{padding:3px 0}
.side-box-list a{display:block;padding:3px 10px;font-size:12px;color:#c00;border-bottom:1px solid #f5f5f5;text-decoration:none}
.side-box-list a::before{content:"▪ ";color:#c00}
.side-box-list a:hover{background:#fff5f5}

/* SIDEBAR PHẢI */
.sidebar-right{display:flex;flex-direction:column;gap:5px}
.rs-box{background:#fff;border:1px solid #ddd;border-radius:2px;overflow:hidden}
.rs-box-title{background:#ef3242;color:#fff;padding:6px 8px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px}
.rs-box-title .dot{width:13px;height:13px;background:#f90;border-radius:50%;flex-shrink:0}
.rs-box-list{padding:3px 0}
.rs-box-list a{display:block;padding:4px 10px;font-size:12px;color:#c00;border-bottom:1px solid #f5f5f5;text-decoration:none}
.rs-box-list a::before{content:"▪ ";color:#888}
.rs-box-list a:hover{background:#fff5f5}

/* PROMO */
.promo-bar{background:#fffbe6;border:1px solid #f0d060;padding:6px 10px;border-radius:2px;font-size:12px}
.promo-bar a{color:#c00;font-weight:700}

/* LỊCH 3 MIỀN */
.xs3m-wrap{background:#fff;border:1px solid #ddd}
.xs3m-header{background:#ef3242;color:#fff;text-align:center;padding:7px;font-size:14px;font-weight:700}
.xs3m-table{width:100%;border-collapse:collapse}
.xs3m-table td{padding:5px 8px;text-align:center;border:1px solid #eee;font-size:12px}
.xs3m-table a{color:#00a}

/* BẢNG KẾT QUẢ */
.kq-wrap{background:#fff;border:1px solid #ddd}
.kq-header{background:#ef3242;color:#fff;text-align:center;padding:7px 10px}
.kq-header h2{font-size:14px;font-weight:700;margin-bottom:2px}
.kq-header .bc{font-size:11px;opacity:.9}
.kq-header .bc a{color:#ffd;font-size:11px}
.kq-header .sub{font-size:11px;margin-top:2px;opacity:.85}
.kq-table{width:100%;border-collapse:collapse}
.kq-table td,.kq-table th{border:1px solid #e8e8e8;padding:5px 6px;text-align:center;vertical-align:middle}
.kq-table th{background:#f5f5f5;font-size:11px;font-weight:700;color:#555}
.row-label{background:#f9f9f9;font-weight:700;font-size:12px;color:#333;width:34px}
.num-db{color:#ef3242;font-size:22px;font-weight:700}
.num-db-mn{color:#ef3242;font-size:18px;font-weight:700}
.num-g7,.num-g8{color:#ef3242;font-size:17px;font-weight:700}
.num{font-size:13px;font-weight:700;color:#333;line-height:2}

/* FILTER BAR */
.filter-bar{background:#fff8e6;border-top:1px solid #e8e8e8;padding:5px 8px;display:flex;align-items:center;gap:6px;font-size:11px;flex-wrap:wrap}
.filter-bar a{color:#555;text-decoration:none}
.filter-bar a.active{color:#c00;font-weight:700;border-bottom:1px solid #c00}
.dot-red{color:#c00;font-size:10px}
.digit-btns{display:flex;gap:3px}
.digit-btn{width:20px;height:20px;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;background:#fff;color:#333}
.digit-btn:hover,.digit-btn.active{background:#ef3242;color:#fff;border-color:#ef3242}

/* ĐẦU ĐUÔI */
.dd-table{width:100%;border-collapse:collapse;font-size:12px}
.dd-table td,.dd-table th{border:1px solid #e5e5e5;padding:4px 6px;text-align:center}
.dd-table th{background:#f0f0f0;font-size:11px;font-weight:700}
.dd-head{color:#ef3242;font-weight:700}

/* KHÁM PHÁ */
.explore-box{background:#fff;border:1px solid #ddd;border-radius:2px;overflow:hidden}
.explore-title{background:#f0f0f0;padding:6px 10px;font-weight:700;font-size:12px;color:#555;border-bottom:1px solid #ddd}
.explore-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #eee;font-size:12px;color:#333;text-decoration:none}
.explore-item:hover{background:#f9f9f9;text-decoration:none}
.explore-item .arr{color:#999;font-size:14px}

/* THỐNG KÊ 30 NGÀY */
.stat30-box{background:#fff;border:1px solid #ddd;border-radius:2px;overflow:hidden}
.stat30-header{background:#ef7b00;color:#fff;padding:7px 10px;font-weight:700;font-size:13px}
.stat30-group{padding:7px 10px;border-bottom:1px solid #f0f0f0}
.stat30-group-title{color:#ef7b00;font-weight:700;font-size:12px;margin-bottom:5px;display:flex;align-items:center;gap:4px}
.stat30-group-title::before{content:"▶";font-size:9px}
.stat30-nums{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}
.stat30-num b{color:#c00;margin-right:2px}
.chan-le-bar{display:flex;height:12px;border-radius:2px;overflow:hidden;margin-top:4px}
.chan-bar{background:#ef3242}
.le-bar{background:#4a90d9}
.chan-le-label{display:flex;justify-content:space-between;font-size:11px;margin-top:3px;color:#555}

/* FOOTER */
.site-footer{background:#fff;border-top:3px solid #ef3242;padding:16px;margin-top:6px}
.footer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.footer-col h4{font-size:12px;font-weight:700;color:#555;margin-bottom:7px;padding-bottom:4px;border-bottom:1px solid #eee}
.footer-col a{display:block;font-size:11px;color:#00a;padding:2px 0;line-height:1.7}
.footer-col a:hover{color:#c00}
.footer-bottom{text-align:center;margin-top:12px;font-size:11px;color:#999;border-top:1px solid #eee;padding-top:10px}

/* MISC */
.xem-them-btn{background:#ef3242;color:#fff;border:none;padding:6px 20px;border-radius:3px;font-size:12px;cursor:pointer;font-weight:700}
.xem-them-btn:hover{background:#c0001a}
.no-data{padding:20px;text-align:center;color:#666;font-size:13px}

/* BÀI VIẾT (single.php) — trước đây dùng inline style nên không đồng
   bộ được với phần còn lại của site qua @media (inline style luôn có
   độ ưu tiên cao hơn class CSS, "to hơn ở trang chủ" so với trang con
   chính là vì lý do này). Cỡ chữ đặt BẰNG mức trang chủ ở desktop, và
   sẽ tự tăng theo @media mobile bên dưới giống mọi phần khác. */
.post-breadcrumb{background:#fff;border:1px solid #ddd;padding:7px 12px;font-size:12px;color:#666;border-radius:2px}
.post-breadcrumb a{color:#c00}
.post-article{background:#fff;border:1px solid #ddd;border-radius:2px;padding:16px 18px}
.post-title{font-size:20px;font-weight:700;color:#c00;margin-bottom:8px;line-height:1.4}
.post-meta{font-size:12px;color:#999;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;flex-wrap:wrap}
.post-meta a{color:#c00}
.entry-content{font-size:13px;line-height:1.8;color:#333}
.post-tags{margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0;font-size:12px}
.post-tag-link{background:#f0f0f0;color:#555;padding:2px 8px;border-radius:3px;margin:2px;display:inline-block;text-decoration:none}
.related-box{background:#fff;border:1px solid #ddd;border-radius:2px;overflow:hidden}
.related-box-title{background:#ef3242;color:#fff;padding:7px 12px;font-size:13px;font-weight:700}
.related-grid{padding:10px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.related-item{border-bottom:1px solid #f5f5f5;padding:6px 0}
.related-item-link{color:#c00;font-size:12px;font-weight:700;text-decoration:none;line-height:1.4;display:block}
.related-item-date{color:#999;font-size:11px}
.post-internal-links{background:#fff;border:1px solid #ddd;padding:10px 14px;font-size:12px;line-height:2;border-radius:2px}

/* RESPONSIVE */
@media(max-width:900px){
  .az24-layout{grid-template-columns:1fr}
  .az24-main{order:1;min-width:0}
  .sidebar-left{order:2;min-width:0}
  .sidebar-right{order:3;display:flex;min-width:0}
}
@media(max-width:600px){
  .sidebar-left{display:flex}

  /* Chặn tràn ngang: bảng kết quả (nhiều cột tỉnh) và bảng đầu đuôi có
     thể rộng hơn màn hình điện thoại. Cho chính bảng đó tự cuộn ngang
     riêng (overflow-x:auto trên khung bao ngoài), thay vì để nó đẩy
     tràn cả trang ra ngoài viền màn hình. ĐẶT TRƯỚC phần tăng cỡ chữ
     dưới đây — đây là điều kiện BẮT BUỘC để chữ to hơn không làm vỡ
     layout: bảng/khung nào có khả năng tràn phải tự cuộn riêng (không
     ép co lại, không kéo tràn cả trang) trước khi tăng font lên. */
  .kq-wrap,.dd-table{overflow-x:auto;max-width:100%}
  .xs3m-table,.dd-table{display:block;overflow-x:auto}

  /* =================================================================
     TĂNG CỠ CHỮ — TOÀN SITE, MỌI LINK/KHỐI (tăng thêm 1-2px so với
     mức trước, vẫn an toàn nhờ phần chống tràn ở trên)
     ================================================================= */
  body{font-size:15px}

  /* Logo + menu trên cùng + submenu (mọi link trong header) */
  .logo-box{font-size:17px;padding:4px 8px}
  .logo-vn{font-size:14px}
  .main-nav > a,.main-nav > .has-sub > a{padding:10px 8px;font-size:14px}
  .has-sub .sub-menu a{font-size:14px;padding:8px 13px}

  /* Sidebar trái/phải — mọi link tỉnh, tiêu đề khối */
  .side-box-title,.rs-box-title{font-size:14px;padding:8px 10px}
  .side-box-list a,.rs-box-list a{font-size:14px;padding:6px 12px}

  /* Promo bar ("Mời bạn xem Quay thử...") */
  .promo-bar{font-size:14px;padding:7px 11px}

  /* Lịch 3 miền */
  .xs3m-header{font-size:15px;padding:9px}
  .xs3m-table td{font-size:14px;padding:7px 7px}

  /* Bảng kết quả xổ số */
  .kq-header h2{font-size:16px}
  .kq-header .bc,.kq-header .bc a,.kq-header .sub{font-size:12px}
  .kq-table td,.kq-table th{font-size:14px;padding:7px 7px}
  .kq-table th{font-size:12px}
  .row-label{font-size:13px}
  .num-db{font-size:26px}
  .num-db-mn{font-size:21px}
  .num-g7,.num-g8{font-size:19px}
  .num{font-size:15px}

  /* Filter bar (Đầy đủ / 2 số / 3 số + nút chọn số) */
  .filter-bar{font-size:13px;padding:6px 9px;gap:7px}
  .digit-btn{width:23px;height:23px;font-size:12px}

  /* Bảng Đầu Đuôi */
  .dd-table{font-size:14px}
  .dd-table td,.dd-table th{padding:6px 8px}
  .dd-table th{font-size:12px}

  /* Khám phá thêm / link liên quan */
  .explore-title{font-size:14px;padding:7px 11px}
  .explore-item{font-size:14px;padding:9px 11px}

  /* Thống kê 30 lần quay */
  .stat30-header{font-size:15px;padding:8px 11px}
  .stat30-group-title{font-size:14px}
  .stat30-nums{font-size:14px;gap:9px}
  .chan-le-label{font-size:12px}

  /* Footer */
  .footer-col h4{font-size:14px}
  .footer-col a{font-size:13px;line-height:1.8}
  .footer-bottom{font-size:12px}

  /* Nút "Xem thêm" + thông báo trống dữ liệu */
  .xem-them-btn{font-size:14px;padding:7px 22px}
  .no-data{font-size:14px;padding:22px}

  /* Bài viết (single.php) — đồng bộ với mức tăng chung của site, để
     link/chữ trong trang bài viết không còn nhỏ hơn trang chủ (lý do
     gốc: trước đây dùng inline style, không bị @media chi phối). */
  .post-breadcrumb{font-size:13px}
  .post-title{font-size:21px}
  .post-meta{font-size:13px}
  .entry-content{font-size:15px}
  .post-tags{font-size:13px}
  .post-tag-link{font-size:13px}
  .related-box-title{font-size:14px}
  .related-item-link{font-size:13px}
  .related-item-date{font-size:12px}
  .post-internal-links{font-size:13px}
}
@media(max-width:600px){
  .has-sub{position:static}
  .has-sub .sub-menu{
    position:fixed;
    top:auto;
    left:0 !important;
    right:0 !important;
    width:100vw;
    max-height:70vh;
    overflow-y:auto;
    box-shadow:0 4px 16px rgba(0,0,0,.2);
    border:none;
    border-top:2px solid #ef3242;
  }
  .has-sub .sub-menu a{
    font-size:15px;
    padding:10px 16px;
  }
}