/* XSHN Design Tweaks – compiled from user CSS */
/*
Theme Name: Xổ Số Hôm Nay
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.2 (red theme, no yellow)
*/

/* ============ Footer ============ */
.footer-section ul{list-style:none;margin-bottom:0;}
.footer-section ul li{margin-left:0;}
.footer-section a,.footer-section p{font-size:90%;}
.absolute-footer{display:none;}

/* ============ Add new ============ */
.page-id-355 table.bkqtinhmiennam tr td.thu,
.page-id-355 table.bkqtinhmiennam tr td.ngay,
.page-id-355 table.bkqtinhmiennam tr td.giaithuong{width:100%;display:block;text-align:center;}
.bangthongketangsuat{padding:20px;background-color:#fff!important;box-shadow:0 0 7px 0 rgb(0 0 0 / 20%);margin-bottom:15px;}

/* ===== HEADERS TO RED (remove all yellow underlays) ===== */
:root{--clr-primary:#B30028;}
/* Form “Dò vé số…”, tiêu đề khối kết quả, widget sidebar, vv */
.slecttk,
.box_kqxs .title,
.box_thongkexoso h1,
#block_widget-2 h3,
.sidebar h3,
.boxLiveKQXS .title_home,
.title_kqxs_4d,
.bkm,
.box_kqxsdt .title_tt{
  background:var(--clr-primary)!important;
  background-color:var(--clr-primary)!important;
  background-image:none!important;
  color:#fff!important;
  padding:7px 10px;
  border-top-left-radius:10px;border-top-right-radius:10px;
  position:relative;margin-bottom:0;text-transform:uppercase;font-weight:700;font-size:1rem;
  box-shadow:0 0 7px 0 rgb(0 0 0 / 20%);
  overflow:hidden; /* chặn mọi overlay cũ tràn ra dưới */
}
/* Diệt toàn bộ overlay hình sao & ảnh nền còn sót */
.slecttk::before,.slecttk::after,
.box_kqxs .title::before,.box_kqxs .title::after,
.box_thongkexoso h1::before,.box_thongkexoso h1::after,
#block_widget-2 h3::before,#block_widget-2 h3::after,
.sidebar h3::before,.sidebar h3::after,
.title_kqxs_4d::before,.title_kqxs_4d::after,
.bkm::before,.bkm::after,
.box_kqxsdt .title_tt::before,.box_kqxsdt .title_tt::after,
.boxheader_inner_4d::before,.boxheader_inner_4d::after{
  content:none!important;background:none!important;background-image:none!important;
}
/* Nếu bên trong header có phần tử gắn background-image thì tắt luôn */
.slecttk *, .box_kqxs .title *, .box_thongkexoso h1 *,
#block_widget-2 h3 *, .sidebar h3 *, .boxLiveKQXS .title_home *,
.title_kqxs_4d *, .bkm *, .box_kqxsdt .title_tt *{
  background:transparent!important;background-image:none!important;
}

/* ============ Phần còn lại giữ như cũ ============ */
.bxdauduoi tr td:last-child{border-right:none!important;}
.box_kqxs td{vertical-align:baseline;}
.home .bangSo caption{
  text-align:center;font-weight:700;font-size:1.1rem;margin:0;padding:7px 10px;
  background-color:#e1edf3!important;color:#000;text-transform:uppercase;color:#0000FF;
}
.giaidb div,.giai8 div{color:#B30028;}
.giai8 div{height:auto;}
.box_kqxs_content tr td:last-child,.bxdauduoi tr td:last-child{border-right:0.2px solid #ccc;}
.box_kqxs_content tr:last-child td,.bxdauduoi tr:last-child td{border-bottom:0.2px solid #ccc;}
.box_kqxs_content td,.bxdauduoi tr td{border-top:0.2px solid #ccc;border-left:0.2px solid #ccc;}
.box_thongkexosoext .title_kqtkext{color:#000;background:none;}

.bang-kqxs{margin-bottom:30px;}
.box_kqxs .bkqtinhmienbac td.ngay{padding-top:20px;}
.box_kqxs .bkqtinhmienbac td div.loaive_content,
.box_kqxs .bkqtinhmienbac td div.phathanh,
.box_kqxs .bkqtinhmienbac td div.loaive_content{padding:0;}
.bkqtinhmienbac td{border:1px solid #ececec;}
.bkqtinhmienbac td:first-child{vertical-align:middle;}
.box_kqxs .bkqtinhmienbac td div.ngay{padding:0;padding-bottom:10px;}
table.bkqtinhmienbac tr td div{width:100%;}
#homePageAnimationWrapper_max4d{padding:0;margin-bottom:30px;}
.box_kqxsdt.box_kqxs_power{background-size:cover;}
.cackykhac{text-align:center;padding:20px 0;font-size:30px;font-weight:bold;text-transform:uppercase;color:#B30028;}
.box_kqxsdt{background-size:cover;}
.box_result_bangkq{box-shadow:0 0 7px 0 rgb(0 0 0 / 20%);margin-bottom:30px;}
.title-common{text-transform:uppercase;}
.archive aside#block_widget-3,.single-post aside#block_widget-3,.page-id-73 aside#block_widget-3{display:none;}
.col-first{order:unset;}
.bottom_live table tr td{text-align:center;}
.box_ketquakytruoc,.bottom_live{ text-align:center;font-weight:bold;padding:20px 0;background-color:#fff!important;box-shadow:0 0 7px 0 rgb(0 0 0 / 20%);margin-bottom:15px;}
.boxheader_outner.boxheader_outner_mega,.boxLiveKQXS .box_ketqua{box-shadow:0 0 7px 0 rgb(0 0 0 / 20%);}

.nnt-content-wd{padding:10px!important;background-color:#fff!important;box-shadow:0 0 7px 0 rgb(0 0 0 / 20%);margin-bottom:15px;}
.nnt-content-wd .ux-menu-link__link{border-bottom-color:unset!important;border-bottom-style:none!important;border:0;text-align:left;padding:5px 10px;}
.box_kqxs .rightcl div{color:#000;font-size:30px;}
.nnt-content-wd .ux-menu-link:nth-of-type(odd){background-color:rgba(0,0,0,.04);}
.nnt-content-wd .ux-menu-link a span{color:#000;display:inline-block;padding:3px 0;}

.box_formthongkexoso,.box_kqxs{padding:0!important;background:none;box-shadow:0 0 7px 0 rgb(0 0 0 / 20%);border-top-left-radius:10px;border-top-right-radius:10px;}
.box_formthongkexoso{margin-bottom:30px;}
.box_formthongkexoso div:first-child{padding:10px!important;background-color:#fff!important;}
.box_kqxstt_mienbac{border-bottom:none;padding:0;}
.box_kqxs .content{background:none;padding:0;}

#mien-bac .boxdauduoimien tr td table tbody tr td table td{
  background-color:unset;font-weight:700;border-bottom:1px solid #ececec;text-align:center;border-left:1px solid #ececec;padding:10px;font-size:15px;
}
#mien-bac .boxdauduoimien tr td table tbody tr td table{border-right:1px solid #ececec!important;border:unset;}
#mien-bac .boxdauduoimien tr td table tbody tr td tr:first-child td,
.boxdauduoimien_online tr td table tr:first-child td,
.boxdauduoimien_online tr td table tr:nth-child(2) td{
  text-align:center;font-weight:700;font-size:1.1rem;margin:0;padding:7px 10px;background-color:#e1edf3!important;color:#000;text-transform:uppercase;border-left:1px solid #ddd;
}
.boxdauduoimien_online tr td table tr:first-child td{color:#0000FF;}
.box_kqxs .bkqtinhmienbac .giaidb div,.box_kqxs .bkqtinhmienbac .giai7 div{color:#B30028;}
.loai_ve span{color:#B30028;font-weight:bold;}
.box_kqxs td{padding-bottom:0;border-bottom:none;}
.boxdauduoimien_online tr td table td{background-color:unset;border:1px solid #ddd;width:45%;font-size:15px;text-align:center;padding:10px;}
.boxdauduoimien_online tr td table{border:none;}
#mien-bac .bkqmienbac td{padding:0;vertical-align:middle;border:1px solid #f1f1f1;font-weight:400;}
.title-top h1{text-transform:uppercase;color:#B30028;}
.box_kqxs .bkqtinhmienbac td div{font-weight:700;line-height:unset!important;height:unset!important;font-size:30px;padding:15px 0;color:#000;}

/* ===== Page layout ===== */
.page-id-142 .page-inner{display:flex;flex-direction:column;}
.page-id-142 .bang-kqxs{order:2;}
.page-id-142 .page-inner .title_kenno{order:1;}

.title_truc_tiep{text-align:center;color:#B30028;margin-bottom:30px;}
#mien-bac .bkqtinhmienbac{border:none;}
#mien-bac .bkqmienbac td.ngay{padding:10px;border:unset;font-size:15px;}
.bkqtinhmienbac tr:nth-of-type(odd){background-color:#fafafa;}
.bkqtinhmienbac .phathanh{float:unset;}
.box_kqxs .bkqtinhmienbac td div.loai_ve{margin-left:unset!important;display:unset!important;float:unset!important;font-size:15px;}
.bkqtinhmienbac .tngay{float:unset;position:unset;}

/* (ĐÃ CHUYỂN LÊN NHÓM “HEADERS TO RED”) */

/* ============ Misc ============ */
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{font-size:0.6em!important;}
div#mien-trung{margin:30px 0;}
.bkqmiennam .leftcl .thu,.bkqmiennam .leftcl .ngay{height:48px;border:1px solid #f1f1f1;}
.bkqmiennam .leftcl .giai2,.bkqmiennam .leftcl .giai5,.bkqmiennam .leftcl .giai7,
.bkqmiennam .rightcl .giai2,.bkqmiennam .rightcl .giai5,.bkqmiennam .rightcl .giai7{height:61px;background:none;color:#666;}
.bkqmiennam .leftcl .giai8{height:67px;}
.bkqmiennam .leftcl .giai1,.bkqmiennam .leftcl .giai3,.bkqmiennam .leftcl .giai5,.bkqmiennam .leftcl .giai7,
.bkqmiennam .rightcl .giai1,.bkqmiennam .rightcl .giai3,.bkqmiennam .rightcl .giai5,.bkqmiennam .rightcl .giai7{background:none;}
.bkqmiennam .rightcl .giai8 div{color:#B30028;}
.bkqmiennam .leftcl .giai6,.bkqmiennam .rightcl .giai6{height:139px;}
.bkqmiennam .leftcl .giai4,.bkqmiennam .rightcl .giai4{height:295px;}
.bkqmiennam .leftcl .giai3{height:100px;color:#666;}
.bkqmiennam .leftcl .giai1{height:61px;color:#666;}
.bkqmiennam .leftcl .giaidb,.bkqmiennam .rightcl .giaidb{height:57px;}
.bkqmiennam .rightcl .giaidb div{color:#B30028;}
.bkqmiennam .leftcl .thu,.bkqmiennam .leftcl td{border:1px solid #f1f1f1;}
.bkqmiennam .rightcl .tinh,.matinh{vertical-align:middle;height:24px;font-size:20px;color:#0000FF;border:1px solid #f1f1f1;padding:10px 0;}
.box_formthongkexoso td{border-bottom:1px solid #ececec;}
span.tentinhs{color:#B30028;}
.box_kqxs table{margin-bottom:unset;border:none;}
.bkqmiennam .rightcl td{vertical-align:middle;border:1px solid #f1f1f1;padding:10px 0;}
#mien-trung .leftcl tr:nth-of-type(odd),#mien-trung .rightcl tr:nth-of-type(odd),#mien-nam .leftcl tr:nth-of-type(odd),#mien-nam .rightcl tr:nth-of-type(odd){background-color:#fafafa;}
.boxdauduoimien_online{display:grid;}
.boxdauduoimien_online h2{text-align:center;margin-top:10px;}
footer#footer{color:#fff;}
.social-icons span{color:#fff;}
.sidebar a:hover span,.nnt-content-wd a:hover span{color:#B30028;text-decoration:underline;}
a:hover{color:#B30028;}
.footer-section a:hover{color:#FFF0C1;}
.box_kqxs .bkqtinhmienbac td div.loai_ves{padding:0;}
.box_kqxs .bkqtinhmienbac td div.loai_ve{float:right!important;padding:0!important;}
.box_kqxs .bkqtinhmienbac td div.loaive_content{padding:0;}
.bkqtinhmienbac td{border:1px solid #f1f1f1;}
.bkqtinhmiennam .giai1,.bkqtinhmiennam .giai3,.bkqtinhmiennam .giai5,.bkqtinhmiennam .giai7,.bkqtinhmiennam .giai1l,.bkqtinhmiennam .giai3l,.bkqtinhmiennam .giai5l,.bkqtinhmiennam .giai7l,.bkqtinhmiennam .dauduoi tr:nth-child(even){color:#666;background-color:#fafafa;}
.bkqtinhmiennam .dauduoi tr:nth-child(even) td{color:#666;}
.giaidb div{color:#B30028!important;font-size:44px;}
.giai8 div{color:#B30028!important;height:auto;}
.box_kqxs_content td,.bxdauduoi tr td{font-size:15px;text-align:center;}
.box_kqxs_content td,.bxdauduoi tr td{border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;}
.box_kqxs_content tr:last-child td,.bxdauduoi tr:last-child td{border-bottom:1px solid #f1f1f1;}
.bang-kqxs{margin-bottom:30px;}
.box_kqxs_content tr td div{text-align:center;color:#000;font-size:32px;}

/* ============ Thống kê ============ */
.box_thongkexosoext div{background:none;padding:0;}
.box_tkdefault_xhn3l div{padding:10px;}
.box_tkdefault_xhn3l table tr td{border:none;}
.box_tkdefault_xhn3l:nth-child(2) div{padding:20px;background-color:#fff!important;box-shadow:0 0 7px 0 rgb(0 0 0 / 20%);}
#caccapsoxuathien td:nth-child(2),#caccapsoxuathien30 td:nth-child(2){width:150px!important;}
.box_thongkexosoext .box_tkdefault_xhn3l #caccapsoxuathien td:nth-child(3),
.box_thongkexosoext .box_tkdefault_xhn3l #caccapsoxuathien30 td:nth-child(3){width:150px!important;}
.box_kqxsdt{background-size:cover;box-shadow:-1px -4px 5px 0 rgb(0 0 0 / 20%);}
.boxheader_outner_mega{background:#B30028;}

/* ============ XSĐT / Max3D/4D ============ */
.boxheader_outner_max4d{background:#B30028;}
.boxheader_outner_4d{background:none;}
#homePageAnimationWrapper_max4d{background:none;}
.tblMax3d thead th{background:#fff0c1;color:#B30028;}
.boxheader_outner_4d .boxheader_inner_4d{
  background:#fff0c1;text-align:center;padding:10px 0;
  background-image:none; /* bỏ overlay */
}
.boxheader_inner_4d .title_tructiep_top,
.boxheader_inner_4d .title_tructiep_top h2{color:#B30028;}
.tblMax3d .borbottom{border-bottom:1px solid #ececec;}
#homePageAnimationWrapper_max4d{box-shadow:0 0 7px 0 rgb(0 0 0 / 20%);}
.tblMax3d .bgnote{border-bottom:1px solid #ececec;border-top:1px solid #ececec;}
.boxheader_outner_4d.max3dpro{background:none;}
.title_kqxs_4d{ /* đã chuyển đỏ ở trên */ }
table.tblMax4d tr th{background:#fff0c1;text-align:center;}
table.tblMax4d tr td{padding:5px 10px;font-size:18px;font-weight:700;text-align:center;}
td:first-child,th:first-child{padding-left:0;}
.boxkqMax4dIPerm td,.boxkqMax4dIPerm th{border:1px solid #c3c4c7;}
.tblMax4d{border:1px solid #c3c4c7;}
.title_kqxs_4d,.titleMaxIPerm{color:#B30028;}

/* XÓA rule cũ từng đặt “.box_kqxs .title {background:none;}” để không ghi đè đỏ */

/* Bảng kết quả */
.box_kqxsdt .box_ketqua{background:#ffffff;}
.box_result_bangkq thead tr th{color:#B30028;}
table tr th{background-color:#fff0c1;}
table tr th span{color:#B30028;}
.box_result_bangkq{background:none;padding:0 25px;}

/* Ẩn calendar */
.page-id-178 #block_widget-3,.page-id-182 #block_widget-3,.page-id-185 #block_widget-3,.page-id-19480 #block_widget-3,.page-id-19478 #block_widget-3,.page-id-19476 #block_widget-3{display:none;}

/* Footer menu */
#menu-menu-footer{display:flex;justify-content:center;}
ul.menu>li+li{border-top:none;}
#menu-menu-footer li a{color:#ffffff;}
#menu-menu-footer li{padding-left:10px;}
#menu-menu-footer li:not(:last-child):after{content:"|";margin-left:10px;}

/* ============ Responsive ============ */
@media only screen and (max-width:768px){
  td.bangSo{width:100%;float:left;padding:0.5em;}
  .loai_ve span{display:block;}
  .bkqmiennam .leftcl .thu,.bkqmiennam .leftcl .ngay{height:48px!important;}
  .bkqtinhmiennam .giai4 div,.bkqtinhmiennam .giai3 div,.bkqtinhmiennam .giai6 div{display:inline-block;width:100%;}
  .block_widget .datepicker{display:flex!important;justify-content:space-evenly!important;}
}
@media only screen and (max-width:414px){
  .box_kqxs_content td,.bxdauduoi tr td{padding:10px;}
  .box_kqxs_content tr td.giai3 div{width:100%;}
  .bkqmiennam .leftcl .ngay{height:74px!important;}
  .bkqmiennam .rightcl td.matinh{height:74px!important;}
  .bkqmiennam .rightcl .tinh,.matinh{vertical-align:baseline;font-size:15px;}
  .bkqmiennam .leftcl .thu{height:40.5px!important;}
  .page-id-45 .row .section{padding-left:0;padding-right:0;}
  .page-id-45 .box_kqxs .rightcl div{font-size:23px;}
  .page-id-45 .giai3 div,.page-id-45 .giai5 div{width:50%!important;}
  .page-id-45 .bkqmiennam .leftcl .giai3{height:80px!important;}
  .page-id-45 .bkqmiennam .leftcl .giai1{height:52.5px!important;}
  .box_result_bangkq{padding:0;}
  .tblTKJP .jackpot{font-size:17px;}
  .box_result_bangkq thead tr th{font-size:11px;}
  .page-id-158 strong{font-size:14px;}
  .page-id-161 strong{font-size:13px;}
  .tblMax3d div{display:flex;justify-content:center;padding-left:10px;}
  .tblMax3d td span{width:30px;height:30px;line-height:7vw;margin-left:3px!important;}
  .tblMax3d .max3d_g1 div>span{width:30px;height:30px;line-height:7vw;margin-left:3px;}
  table.tblMax4d tr td{padding:0;font-size:15px;}
  .tblMax4d td .ball{width:25px;height:25px;line-height:25px;font-size:18px;}
  .box_ketqua .ball{width:50px;height:50px;line-height:48px;margin:5px 2px;font-size:30px;}
  .hide_ball{font-size:18px;}
  .page-id-142 #content{padding:0;}
  .box_kqxs .bkqtinhmienbac .giai3 div,.box_kqxs .bkqtinhmienbac .giai5 div,.box_kqxs .bkqtinhmienbac .giai6 div{width:100%;}
  .chiso{width:unset!important;}
  .sp-remove-pd{padding:0!important;}
  .box_tkdefault_xhn3l div{width:100%!important;}
}
@media only screen and (max-width:320px){
  .tblMax4d td .ball{width:15px;height:15px;line-height:14px;font-size:13px;}
  .box_ketqua .ball{width:40px;height:40px;line-height:38px;margin:5px 1px;font-size:20px;}
  .tblMax3d .max3d_g1 div>span{width:25px;height:25px;line-height:8vw;margin-left:3px;}
  .tblMax3d td span{width:25px;height:25px;line-height:6vw;}
  .tblMax3d div{padding-left:5px;}
  .tblMax3d.tblMax3dPro .max3d_g1 div>span{width:13.5vw;}
}
/* ===========================================================
   XSHN – FINAL OVERRIDES (append at the very end of style.css)
   =========================================================== */

:root{
  --xshn-gutter:25px;                 /* padding ngang cho cụm tabs */
}

/* 1) KQXS – cỡ chữ gọn lại, tabular-nums cho dãy số */
.box_kqxs_content td,
.bxdauduoi tr td{
  font-size:14px !important;
  line-height:1.3 !important;
}
.box_kqxs_content tr td div{
  font-size:20px !important;
  line-height:1.25 !important;
  font-variant-numeric:tabular-nums;
}
/* Hàng Miền Bắc */
.box_kqxs .bkqtinhmienbac td div{
  font-size:19px !important;
  line-height:1.25 !important;
  padding:8px 0 !important;
  font-variant-numeric:tabular-nums;
}
/* Cột phải – bỏ size 30px cũ */
.box_kqxs .rightcl div{ font-size:18px !important; }

/* Giải ĐB to hơn vừa phải */
.giaidb div{ font-size:36px !important; line-height:1.2 !important; }

/* Mobile nhỏ hơn */
@media (max-width:414px){
  .box_kqxs_content td,
  .bxdauduoi tr td{ font-size:12px !important; }
  .box_kqxs_content tr td div{ font-size:16px !important; }
  .box_kqxs .bkqtinhmienbac td div{ font-size:16px !important; }
  .box_kqxs .rightcl div{ font-size:15px !important; }
  .giaidb div{ font-size:24px !important; }
}

/* 2) Miền Trung / Miền Nam – tên tỉnh + viết tắt: đen & gọn */
:is(#mien-trung,#mien-nam) :is(.rightcl,.leftcl) :is(.tinh,.matinh,.tinh a,.matinh a,td a,td a span){
  color:#000 !important;
  font-size:16px !important;
  line-height:1.2 !important;
  text-decoration:none !important;
}
/* Đè cả 4 trạng thái link để không “nhảy” lại xanh */
:is(#mien-trung,#mien-nam) .box_result_bangkq tbody tr:nth-child(-n+2) a:link,
:is(#mien-trung,#mien-nam) .box_result_bangkq tbody tr:nth-child(-n+2) a:visited,
:is(#mien-trung,#mien-nam) .box_result_bangkq tbody tr:nth-child(-n+2) a:hover,
:is(#mien-trung,#mien-nam) .box_result_bangkq tbody tr:nth-child(-n+2) a:active{
  color:#000 !important;
  text-decoration:none !important;
}
/* Giảm chiều cao hàng cho gọn */
:is(#mien-trung,#mien-nam) :is(.rightcl,.leftcl) td{
  padding:6px 0 !important;
  height:auto !important;
}

/* 3) Tabs LiveXS – hết bị “độn” tab Miền Trung + fit bề ngang nội dung */
.xshn-tabs{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  padding-inline:var(--xshn-gutter) !important; /* fit theo phần bảng (0 25px) */
  margin:12px 0 !important;
}
.xshn-tablist{ margin-bottom:0 !important; border-bottom:0 !important; overflow-x:auto; }
.xshn-tab{ padding:8px 14px !important; line-height:1 !important; display:inline-flex !important; align-items:center !important; }
.xshn-tablist + .xshn-panels{ margin-top:0 !important; padding-top:6px !important; }
.xshn-panel > *:first-child{ margin-top:0 !important; }

/* Mobile: chừa 2px inset mỗi bên cho đẹp, tránh chạm sát mép */
@media (max-width:480px){
  .xshn-tabs{ padding-inline:2px !important; }
}
/* XSHN: làm tab chưa chọn nổi bật hơn */
.xshn-tablist{ gap:0 !important; }
.xshn-tab + .xshn-tab{ margin-left:8px !important; } /* tạo khe giữa các tab */

.xshn-tab{
  background: linear-gradient(#fafafa,#f3f3f3) !important;
  color:#333 !important;
  border:1px solid #e6e6e6 !important;
  border-bottom:0 !important;            /* tránh tạo đường phân cách dày */
  border-top-left-radius:10px !important;
  border-top-right-radius:10px !important;
  box-shadow: 0 1px 0 #fff inset, 0 1px 2px rgba(0,0,0,.06) !important;
  transition: background .2s ease,color .2s ease,border-color .2s ease !important;
}

.xshn-tab:is(:hover,:focus-visible){
  background:#fff !important;
  color:var(--clr-primary,#B30028) !important;
  border-color:#d9d9d9 !important;
  outline:none !important;
}

/* Tab đang active vẫn đỏ, ưu tiên cao */
.xshn-tab.is-active{
  background:var(--clr-primary,#B30028) !important;
  color:#fff !important;
  border-color:var(--clr-primary,#B30028) !important;
  box-shadow: 0 2px 5px rgba(179,0,40,.18) !important;
}
/* XSHN – bỏ gutter trái để nội dung sát mép ngoài */
#content .row,
.page-wrapper #content .row{
  margin-left:0 !important;            /* bỏ margin âm/dương của row */
}

#content .row > .col:first-child,
#content .row > [class*="large-"]:first-child,
.page-wrapper #content .row > .col:first-child,
.page-wrapper #content .row > [class*="large-"]:first-child{
  padding-left:0 !important;           /* bỏ padding trái cột đầu */
}

/* Nếu có section bọc thêm bởi Flatsome */
#content .section,
#content .section .section-content{
  padding-left:0 !important;
}
/* === Căn GIỮA 3 tab trên mọi kích thước, kể cả mobile === */
.xshn-tabs .xshn-tablist{
  display:flex;                 /* bảo đảm là flex */
  justify-content:center !important;   /* căn giữa */
  align-items:center;
  gap:8px;                      /* tùy chọn: khoảng cách giữa tab */
  width:100%;
  margin:0 auto;
  overflow-x:auto;              /* vẫn cho phép cuộn nếu chật */
  -webkit-overflow-scrolling:touch;
}

/* Các tab không tự kéo giãn bể layout */
.xshn-tabs .xshn-tab{
  flex:0 0 auto;
}

/* Nếu site còn dùng markup khác cho hàng tab, căn giữa luôn */
.kqxs-tabs,
.kqxs-tabs .tab-nav,
.ket-qua-tabs{
  display:flex;
  justify-content:center !important;
  align-items:center;
}

/* (tuỳ chọn) thu padding để cảm giác gọn hơn trên mobile */
@media (max-width:480px){
  .xshn-tabs .xshn-tab{ padding:6px 10px; }
  .xshn-tabs .xshn-tablist{ gap:6px; }
}
/* === FLATSOME: ép sát mép ngoài cho khu vực nội dung & sidebar === */

/* 1) Container trong #content không có padding 2 bên */
.page-wrapper #content .container,
.page-wrapper #content .container-width{
  padding-left:0 !important;
  padding-right:0 !important;
}

/* 2) Mọi loại .row trong #content bỏ gutter âm */
.page-wrapper #content .row,
.page-wrapper #content .row.row-small,
.page-wrapper #content .row.row-large{
  margin-left:0 !important;
  margin-right:0 !important;
}

/* 3) Bỏ padding cho mọi cột (kể cả các biến thể) */
.page-wrapper #content .row .col,
.page-wrapper #content .row .large-1,
.page-wrapper #content .row .large-2,
.page-wrapper #content .row .large-3,
.page-wrapper #content .row .large-4,
.page-wrapper #content .row .large-5,
.page-wrapper #content .row .large-6,
.page-wrapper #content .row .large-7,
.page-wrapper #content .row .large-8,
.page-wrapper #content .row .large-9,
.page-wrapper #content .row .large-10,
.page-wrapper #content .row .large-11,
.page-wrapper #content .row .large-12{
  padding-left:0 !important;
  padding-right:0 !important;
}

/* 4) Cả lớp col-inner và khu vực sidebar cũng không padding/margin phải */
.page-wrapper #content .row .col .col-inner,
.page-wrapper #content .post-sidebar,
.page-wrapper #content .post-sidebar .col-inner,
.page-wrapper #content .sidebar,
.page-wrapper #content .widget-area{
  padding-right:0 !important;
  margin-right:0 !important;
}

/* 5) Nếu dùng layout row-divided, bỏ đường kẻ & khoảng trống cạnh phải cột cuối */
.page-wrapper #content .row.row-divided > .col:last-child{
  border-right:0 !important;
  padding-right:0 !important;
}

/* 6) Mobile: giữ inset nhẹ 6px hai bên cho dễ nhìn */
@media (max-width: 767px){
  .page-wrapper #content .container,
  .page-wrapper #content .container-width{
    padding-left:6px !important;
    padding-right:6px !important;
  }
  .page-wrapper #content .row .col,
  .page-wrapper #content .row .col .col-inner{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}
/* ===== Flatsome: ép sát mép ngoài 2 bên cho vùng nội dung + sidebar ===== */

/* 0) Mọi container bao quanh nội dung */
.page-wrapper .content-area,
.page-wrapper #content,
.page-wrapper #content .container,
.page-wrapper #content .container-width,
.page-wrapper .container,
.page-wrapper .container-width{
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* 1) Hàng .row bỏ gutter âm/dương */
.page-wrapper #content .row,
.page-wrapper #content .row.row-small,
.page-wrapper #content .row.row-large,
.page-wrapper .row,
.page-wrapper .row.row-small,
.page-wrapper .row.row-large{
  margin-left:0 !important;
  margin-right:0 !important;
}

/* 2) Cột & col-inner không thêm padding 2 bên */
.page-wrapper #content .row > .col,
.page-wrapper #content .row > [class*="large-"],
.page-wrapper .row > .col,
.page-wrapper .row > [class*="large-"]{
  padding-left:0 !important;
  padding-right:0 !important;
}
.page-wrapper #content .row > .col > .col-inner,
.page-wrapper #content .row > [class*="large-"] > .col-inner,
.page-wrapper .row > .col > .col-inner,
.page-wrapper .row > [class*="large-"] > .col-inner{
  padding-left:0 !important;
  padding-right:0 !important;
}

/* 3) Cột cuối cùng trong hàng tuyệt đối không có padding right */
.page-wrapper #content .row > .col:last-child,
.page-wrapper #content .row > [class*="large-"]:last-child,
.page-wrapper .row > .col:last-child,
.page-wrapper .row > [class*="large-"]:last-child{
  padding-right:0 !important;
}

/* 4) Sidebar / widget-area cũng không có padding/margin phải */
.page-wrapper #content .sidebar,
.page-wrapper #content .widget-area,
.page-wrapper #content .post-sidebar,
.page-wrapper #content .post-sidebar .col-inner,
.page-wrapper .sidebar,
.page-wrapper .widget-area{
  padding-right:0 !important;
  margin-right:0 !important;
}

/* 5) Các section bọc thêm trong Flatsome cũng không được “ăn” padding/margin */
.page-wrapper #content .section,
.page-wrapper #content .section .section-content,
.page-wrapper .section,
.page-wrapper .section .section-content{
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* 6) Mobile: chừa 2px inset hai bên cho dễ nhìn như bạn yêu cầu */
@media (max-width: 767px){
  .page-wrapper #content .container,
  .page-wrapper #content .container-width,
  .page-wrapper .container,
  .page-wrapper .container-width{
    padding-left:2px !important;
    padding-right:2px !important;
  }
}
/* Ẩn widget rỗng/placeholder để không giữ khoảng trắng */
.sidebar .widget:empty,
.widget_text:empty,
.widget_custom_html:empty,
.widget .adsbygoogle:empty{
  display:none !important;
}
:root{
  --xshn-gutter:25px;
}
/* 1) KQXS – cỡ chữ gọn lại, tabular-nums cho dãy số */
.box_kqxs_content td,
.bxdauduoi tr td{
  font-size:14px !important;
  line-height:1.3 !important;
}
.box_kqxs_content tr td div{
  font-size:20px !important;
  line-height:1.25 !important;
  font-variant-numeric:tabular-nums;
}
/* Hàng Miền Bắc */
.box_kqxs .bkqtinhmienbac td div{
  font-size:19px !important;
  line-height:1.25 !important;
  padding:8px 0 !important;
  font-variant-numeric:tabular-nums;
}
/* Cột phải – bỏ size 30px cũ */
.box_kqxs .rightcl div{ font-size:18px !important; }

/* Giải ĐB to hơn vừa phải */
.giaidb div{ font-size:36px !important; line-height:1.2 !important; }

/* Mobile nhỏ hơn */
@media (max-width:414px){
  .box_kqxs_content td,
  .bxdauduoi tr td{ font-size:12px !important; }
  .box_kqxs_content tr td div{ font-size:16px !important; }
  .box_kqxs .bkqtinhmienbac td div{ font-size:16px !important; }
  .box_kqxs .rightcl div{ font-size:15px !important; }
  .giaidb div{ font-size:24px !important; }
}

/* 2) Miền Trung / Miền Nam – tên tỉnh + viết tắt: đen & gọn */
:is(#mien-trung,#mien-nam) :is(.rightcl,.leftcl) :is(.tinh,.matinh,.tinh a,.matinh a,td a,td a span){
  color:#000 !important;
  font-size:16px !important;
  line-height:1.2 !important;
  text-decoration:none !important;
}
/* Đè cả 4 trạng thái link để không “nhảy” lại xanh */
:is(#mien-trung,#mien-nam) .box_result_bangkq tbody tr:nth-child(-n+2) a:link,
:is(#mien-trung,#mien-nam) .box_result_bangkq tbody tr:nth-child(-n+2) a:visited,
:is(#mien-trung,#mien-nam) .box_result_bangkq tbody tr:nth-child(-n+2) a:hover,
:is(#mien-trung,#mien-nam) .box_result_bangkq tbody tr:nth-child(-n+2) a:active{
  color:#000 !important;
  text-decoration:none !important;
}
/* Giảm chiều cao hàng cho gọn */
:is(#mien-trung,#mien-nam) :is(.rightcl,.leftcl) td{
  padding:6px 0 !important;
  height:auto !important;
}

/* Tabs LiveXS… (lặp lại giữ nguyên để tránh thiếu khi gộp) */
.xshn-tabs{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  padding-inline:var(--xshn-gutter) !important;
  margin:12px 0 !important;
}
.xshn-tablist{ margin-bottom:0 !important; border-bottom:0 !important; overflow-x:auto; }
.xshn-tab{ padding:8px 14px !important; line-height:1 !important; display:inline-flex !important; align-items:center !important; }
.xshn-tablist + .xshn-panels{ margin-top:0 !important; padding-top:6px !important; }
.xshn-panel > *:first-child{ margin-top:0 !important; }
.xshn-tablist{ gap:0 !important; }
.xshn-tab + .xshn-tab{ margin-left:8px !important; }
.xshn-tab{
  background: linear-gradient(#fafafa,#f3f3f3) !important;
  color:#333 !important;
  border:1px solid #e6e6e6 !important;
  border-bottom:0 !important;
  border-top-left-radius:10px !important;
  border-top-right-radius:10px !important;
  box-shadow: 0 1px 0 #fff inset, 0 1px 2px rgba(0,0,0,.06) !important;
  transition: background .2s ease,color .2s ease,border-color .2s ease !important;
}
.xshn-tab:is(:hover,:focus-visible){
  background:#fff !important;
  color:var(--clr-primary,#B30028) !important;
  border-color:#d9d9d9 !important;
  outline:none !important;
}
.xshn-tab.is-active{
  background:var(--clr-primary,#B30028) !important;
  color:#fff !important;
  border-color:var(--clr-primary,#B30028) !important;
  box-shadow: 0 2px 5px rgba(179,0,40,.18) !important;
}

/* …tiếp tục nguyên bản của bạn … */