/**
 * Homepage layout width (1300px) + font isolation per block type.
 * Load last on homepage (after home-sections.css).
 */

/* === Width — gốc: .jeg_content full viewport, chỉ .e-con-inner = 1300px giữa === */
/* Bootstrap .row margin -15px làm content-inner 1430px (lệch gốc) */
body.soicau247-home .jeg_content .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.soicau247-home .jeg_main_content.col-md-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.soicau247-home .jeg_content,
body.soicau247-home .jeg_content > .container,
body.soicau247-home .jeg_content .jeg_container,
body.soicau247-home .entry-content,
body.soicau247-home .jeg_main_content,
body.soicau247-home .jeg_main_content > .jeg_inner_content,
body.soicau247-home .content-inner {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Khối homepage = elementor-6367 gốc: max 1300px giữa */
body.soicau247-home .soicau247-home-wrap.elementor.elementor-6367 {
  width: 100% !important;
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}

/* Hero title + intro (elementor-element-c3f39d3) */
body.soicau247-home .soicau247-home-wrap .soicau247-home-hero,
body.soicau247-home .soicau247-home-wrap .elementor-element-c3f39d3 {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

/* Hàng 3 cột PC: 50% / 25% / 25% — .e-con-inner full width trong wrap 1300px */
body.soicau247-home .soicau247-home-wrap .soicau247-home-grid-top,
body.soicau247-home .soicau247-home-wrap .elementor-element-1ff1d99 {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.soicau247-home .soicau247-home-wrap .e-con-boxed.e-parent {
  --content-width: 1300px !important;
  --width: 100% !important;
  max-width: 100% !important;
}

body.soicau247-home .soicau247-home-wrap .soicau247-home-grid-top > .e-con-inner,
body.soicau247-home .soicau247-home-wrap .elementor-element-1ff1d99 > .e-con-inner {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

@media (min-width: 768px) {
  body.soicau247-home .soicau247-home-wrap .soicau247-home-grid-top > .e-con-inner,
  body.soicau247-home .soicau247-home-wrap .elementor-element-1ff1d99 > .e-con-inner {
    flex-wrap: nowrap !important;
    align-items: stretch !important;
  }

  body.soicau247-home .soicau247-home-wrap .soicau247-col-main,
  body.soicau247-home .soicau247-home-wrap .soicau247-col-mid,
  body.soicau247-home .soicau247-home-wrap .soicau247-col-side {
    align-self: stretch !important;
    display: flex !important;
    --flex-direction: column !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }
}

/* Mọi viewport — cột con không kế thừa row từ .soicau247-home-grid-top */
body.soicau247-home .soicau247-home-wrap .soicau247-col-main,
body.soicau247-home .soicau247-home-wrap .soicau247-col-mid,
body.soicau247-home .soicau247-home-wrap .soicau247-col-side,
body.soicau247-home .elementor-element.elementor-element-1347b62,
body.soicau247-home .elementor-element.elementor-element-f1ef90f,
body.soicau247-home .elementor-element.elementor-element-9288256 {
  --flex-direction: column !important;
  flex-direction: column !important;
}

/* Giữ gap 6px giữa 3 cột — khớp post-6367 / soicau247-parity.css */
body.soicau247-home .soicau247-home-wrap .soicau247-col-main,
body.soicau247-home .soicau247-home-wrap .soicau247-col-mid,
body.soicau247-home .soicau247-home-wrap .soicau247-col-side {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

body.soicau247-home .soicau247-home-wrap .soicau247-col-side.jeg_sidebar {
  padding-left: 6px !important;
  padding-right: 0 !important;
}

/* Intro / title — 14–17px, không dính widget 12px */
body.soicau247-home .soicau247-home-wrap .soicau247-page-title .elementor-heading-title {
  font-size: 17px !important;
  line-height: 1.35 !important;
}

body.soicau247-home .soicau247-home-wrap .soicau247-intro {
  padding-left: 10px !important;
  padding-right: 5px !important;
  box-sizing: border-box !important;
}

body.soicau247-home .soicau247-home-wrap .soicau247-intro,
body.soicau247-home .soicau247-home-wrap .soicau247-intro p {
  font-size: 14px !important;
  line-height: 1.625em !important;
  color: #333 !important;
}

/* Sidebar JNews widgets (không nằm trong .soicau247-widget-root) */
body.soicau247-home .soicau247-home-wrap .widget.widget_nav_menu .menu a {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #333 !important;
}

body.soicau247-home .soicau247-home-wrap .widget.jeg_pb_boxed .jeg_block_title,
body.soicau247-home .soicau247-home-wrap .widget.jeg_pb_boxed .jeg_block_title span {
  font-size: 14px !important;
}

body.soicau247-home .soicau247-home-wrap .nuoi-lo-de-stats .stats-label {
  font-size: 12px !important;
}

body.soicau247-home .soicau247-home-wrap .nuoi-lo-de-stats .stats-number {
  font-size: 24px !important;
}

body.soicau247-home .soicau247-home-wrap .khung-shared-title {
  font-size: 17px !important;
}

body.soicau247-home .soicau247-home-wrap .nuoi-lo-stats-note {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* --- Base reset inside widget roots (KQXS / Gilode) --- */
body.soicau247-home .content-inner .soicau247-widget-root,
body.soicau247-home .content-inner .gilode-shortcode-wrap.soicau247-widget-root,
body.soicau247-home .elementor-widget-shortcode .soicau247-widget-root {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #212529 !important;
}

/* Tách size theo gốc — không gom chung một cỡ */
body.soicau247-home .content-inner .soicau247-widget-root p,
body.soicau247-home .content-inner .soicau247-widget-root span:not(.gilode-lo-top-num),
body.soicau247-home .content-inner .soicau247-widget-root td {
  font-size: 12px !important;
  line-height: inherit !important;
}

/* Chỉ header bảng stats/gilode 17px — không áp lên KQXS mini (Giải/Hà Nội, Lô 2 số) */
body.soicau247-home .content-inner .soicau247-widget-root .kqxs-table tr:first-child th,
body.soicau247-home .content-inner .soicau247-widget-root .kqxs-table tr:first-child th h3,
body.soicau247-home .content-inner .soicau247-widget-root .gilode-form-table thead th {
  font-size: 17px !important;
  line-height: 1.2 !important;
}

body.soicau247-home .content-inner .soicau247-widget-root label {
  font-size: 14px !important;
  line-height: inherit !important;
}

body.soicau247-home .content-inner .soicau247-widget-root strong,
body.soicau247-home .content-inner .soicau247-widget-root b {
  font-size: 14px !important;
  line-height: inherit !important;
  font-weight: 700 !important;
}

/* --- KQXS Miền Bắc mini --- */
body.soicau247-home .soicau247-widget-root .kqxs-mb-mini,
body.soicau247-home .soicau247-widget-root .kqxs-mb-mini .kqxs-mb-mini-table,
body.soicau247-home .soicau247-widget-root .kqxs-mb-mini-side {
  font-size: 12px !important;
}

body.soicau247-home .soicau247-widget-root .kqxs-mb-mini-header {
  font-size: 17px !important;
  line-height: 1.2 !important;
}

body.soicau247-home .content-inner .soicau247-widget-root .kqxs-mb-mini-kqxs th,
body.soicau247-home .content-inner .soicau247-widget-root .kqxs-mb-mini-side .kqxs-mb-mini-table tr.kqxs-mb-mini-side-head th,
body.soicau247-home .content-inner .soicau247-widget-root .kqxs-mb-mini-side .kqxs-mb-mini-table tbody > tr:first-child th {
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: #fff !important;
  background-color: #31305a !important;
  text-align: center !important;
  font-weight: 700 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.soicau247-home .content-inner .soicau247-widget-root .kqxs-mb-mini-side .kqxs-mb-mini-table tr.kqxs-mb-mini-side-head th:first-child,
body.soicau247-home .content-inner .soicau247-widget-root .kqxs-mb-mini-side .kqxs-mb-mini-table tbody > tr:first-child th:first-child {
  background-color: #31305a !important;
  color: #fff !important;
}

body.soicau247-home .content-inner .soicau247-widget-root .kqxs-mb-mini-lo2so-wrap .kqxs-mb-mini-lo2so tr.kqxs-mb-mini-title th {
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: #fff !important;
  background: #31305a !important;
  text-align: center !important;
  font-weight: 700 !important;
  padding: 6px 8px !important;
}

body.soicau247-home .soicau247-widget-root .kqxs-mb-mini-kqxs .kqxs-so.kqxs-db {
  font-size: 14px !important;
}

body.soicau247-home .soicau247-widget-root .kqxs-mb-mini-kqxs .kqxs-so.kqxs-db b {
  font-size: 12px !important;
}

body.soicau247-home .soicau247-widget-root .kqxs-mb-mini-view-toggle {
  font-size: 12px !important;
}

body.soicau247-home .soicau247-widget-root .kqxs-mb-mini-side .kqxs-mb-mini-lo2so th,
body.soicau247-home .soicau247-widget-root .kqxs-mb-mini-side .kqxs-mb-mini-lo2so td {
  font-size: 12px !important;
  padding: 1px 2px !important;
}

/* KQXS mini — giữ main + side cùng hàng, bảng full width (override JNews .entry-content) */
body.soicau247-home .soicau247-widget-root .kqxs-mb-mini-body {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}

body.soicau247-home .soicau247-widget-root .kqxs-mb-mini-main {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
}

body.soicau247-home .soicau247-widget-root .kqxs-mb-mini-side {
  width: 180px !important;
  flex-shrink: 0 !important;
}

body.soicau247-home .soicau247-widget-root .kqxs-mb-mini .kqxs-mb-mini-table {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

@media (max-width: 768px) {
  body.soicau247-home .soicau247-widget-root .kqxs-mb-mini-main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }

  body.soicau247-home .soicau247-widget-root .kqxs-mb-mini-body {
    flex-wrap: wrap !important;
  }
}

/* Stats below mini block (kqxs-table) — keep 12–14px, not content-inner 16px */
body.soicau247-home .soicau247-widget-root .kqxs-stats-title {
  font-size: 14px !important;
}

body.soicau247-home .soicau247-widget-root .kqxs-table td {
  font-size: 12px !important;
}

body.soicau247-home .soicau247-widget-root .kqxs-table strong {
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 2px 4px !important;
}

body.soicau247-home .soicau247-widget-root .kqxs-table tr:first-child th,
body.soicau247-home .soicau247-widget-root .kqxs-table tr:first-child th h3 {
  font-size: 17px !important;
}

body.soicau247-home .soicau247-widget-root .kqxs-stats-inline {
  font-size: 13px !important;
}

/* --- Gilode blocks (form, top user, live, top10) --- */
body.soicau247-home .soicau247-widget-root .gilode-block-header {
  font-size: 17px !important;
  line-height: 1.2 !important;
}

body.soicau247-home .soicau247-widget-root .gilode-lo-top-header {
  font-size: 17px !important;
}

body.soicau247-home .soicau247-widget-root .gilode-lo-top-desc {
  font-size: 14px !important;
}

body.soicau247-home .soicau247-widget-root .gilode-top-user-row,
body.soicau247-home .soicau247-widget-root .gilode-live-list > li.gilode-live-row .gilode-live-line-top {
  font-size: 13px !important;
}
body.soicau247-home .soicau247-widget-root .gilode-live-list > li.gilode-live-row .gilode-live-time {
  font-size: 12px !important;
}
body.soicau247-home .soicau247-widget-root .gilode-live-list > li.gilode-live-row .gilode-user-link {
  font-size: 14px !important;
}

body.soicau247-home .soicau247-widget-root .gilode-top-10-lo-table,
body.soicau247-home .soicau247-widget-root .gilode-top-10-lde-table,
body.soicau247-home .soicau247-widget-root .gilode-top-10-dauduoi-table {
  font-size: 13px !important;
}

body.soicau247-home .soicau247-widget-root .gilode-lo-num,
body.soicau247-home .soicau247-widget-root .gilode-de-num,
body.soicau247-home .soicau247-widget-root .gilode-dd-num {
  font-size: 14px !important;
}

/* Lô Top — font-size inline từ API; không ép 12px lên .gilode-lo-top-num */
body.soicau247-home .soicau247-widget-root .gilode-lo-top-num {
  line-height: 1.2;
}

/* Gilode form — khớp gilode.css gốc */
body.soicau247-home .soicau247-widget-root .gilode-form-table thead th {
  font-size: 17px !important;
}

body.soicau247-home .soicau247-widget-root .gilode-form-table tbody td {
  font-size: 15px !important;
}

body.soicau247-home .soicau247-widget-root .gilode-cell label {
  font-size: 14px !important;
}

body.soicau247-home .soicau247-widget-root .gilode-label-above {
  font-size: 12px !important;
}

/* FAQ — tách khỏi widget 12px */
body.soicau247-home .jnews-faq-wrapper .list-wrapper a.list-toogle h4.question {
  font-size: 16px !important;
}

body.soicau247-home .jnews-faq-wrapper .list-wrapper .card-expand p {
  font-size: 14px !important;
  line-height: 1.6 !important;
}