:root{
  --shx-red:#ed1b2f;
  --shx-ink:#101319;
  --shx-muted:#667085;
  --shx-line:#dfe5ec;
}
.shx-title-effect{width:100%;margin:0 0 18px}
.shx-title-effect h1{
  position:relative;
  display:inline-block;
  margin:0!important;
  padding:0 0 10px!important;
  font:800 30px/1.25 Arial,sans-serif;
  letter-spacing:-.3px;
  background:linear-gradient(90deg,#17191d,#ed1b2f,#c90d20,#17191d);
  background-size:200% auto;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:shxTitleColor 5s linear infinite;
  transition:.3s;
}
.shx-title-effect h1:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:65px;
  height:4px;
  background:#ed1b2f;
  border-radius:10px;
  box-shadow:0 2px 8px rgba(237,27,47,.3);
  transition:.35s;
}
.shx-title-effect h1:hover{transform:translateX(3px)}
.shx-title-effect h1:hover:after{width:120px}
@keyframes shxTitleColor{
  0%,100%{background-position:0 center}
  50%{background-position:100% center}
}
@media(max-width:768px){
  .shx-title-effect h1{font-size:24px;line-height:1.3}
  .shx-title-effect h1:after{width:50px;height:3px}
  .shx-title-effect h1:hover:after{width:90px}
}

#wp-sport-app .hot-card {
	background: transparent !important;
}
.shx-sidebar .col-inner{
	background: rgba(249,250,252,.96);
}
.shx-header,.shx-page,.shx-footer{font-family:Arial,Helvetica,sans-serif;color:var(--shx-ink)}
.shx-container{width:100%!important;;margin-left:auto!important;margin-right:auto!important}
#main, #wrapper {
    background-color: transparent;
    position: relative;
}
.header {
	border-bottom: 1px solid #e4e7eb;
}
.shx-header{position:sticky!important;top:0;z-index:9999;min-height:74px;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e4e7eb}
.shx-header .section-bg,
.shx-header-row{min-height:74px;padding:0 28px!important}
.shx-header-row>.col{padding:0 6px!important}
.shx-logo{width:158px!important;margin:0!important}
.shx-logo img{width:158px!important;height:auto!important;object-fit:contain!important}
.shx-nav-col>.col-inner{min-height:74px;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden}
.shx-nav-link.button{position:relative;height:74px;min-height:0;margin:0!important;padding:0 8px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#101319!important;font-size:12px;line-height:74px;font-weight:600;text-transform:none;white-space:nowrap}
.shx-nav-link.button:hover,.shx-nav-active.button{color:var(--shx-red)!important}
.shx-nav-active.button:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:3px;border-radius:3px;background:var(--shx-red)}
.shx-head-actions>.col-inner{min-height:74px;display:flex;align-items:center;justify-content:flex-end;gap:12px}
.shx-circle-action.button{min-width:40px;width:40px;height:40px;min-height:40px;margin:0!important;padding:0!important;border:1px solid var(--shx-line)!important;border-radius:50%;background:#fff!important;color:#343b47!important;box-shadow:none!important;font-size:17px;line-height:38px;text-transform:none}
.shx-notify.button{position:relative;font-size:11px}
.shx-notify.button:after{content:"";position:absolute;top:6px;right:7px;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background:var(--shx-red)}
.shx-login.button{min-height:0;height:auto;margin:0!important;padding:11px 18px!important;border:0!important;border-radius:22px;background:var(--shx-red)!important;color:#fff!important;font-size:11px;line-height:1.2;font-weight:700;text-transform:none}

/* Page */
.shx-body-row{align-items:stretch!important;margin-top:0!important;margin-bottom:0!important}
.shx-body-row>.col{padding:0!important}
.shx-sidebar>.col-inner{min-height:1300px;padding:20px 8px!important;border-right:1px solid var(--shx-line)}
.shx-side-item.button{width:100%;min-height:0;height:auto;margin:0 0 5px!important;padding:11px 3px!important;border:0!important;border-radius:7px;background:transparent!important;box-shadow:none!important;color:#202735!important;font-size:10px;line-height:1.35;font-weight:500;text-transform:none;white-space:normal}
.shx-side-item.button:hover,.shx-side-active.button{color:var(--shx-red)!important;background:#fff0f2!important;box-shadow:inset 3px 0 var(--shx-red)!important}
.shx-content>.col-inner{padding:12px 14px 38px!important;min-width:0;overflow:hidden}

/* Leagues */
.shx-leagues{margin:0 0 13px!important;overflow-x:auto;white-space:nowrap}
.shx-leagues p{margin:0;display:flex;gap:7px}
.shx-league{display:inline-block;padding:9px 12px;border:1px solid #dfe5eb;border-radius:6px;background:#f4f6f9;color:#101319;font-size:10px}
.shx-league-active{border-color:var(--shx-red);background:var(--shx-red);color:#fff;font-weight:700}

/* Headings */
.shx-section-head{margin-top:11px!important;margin-bottom:9px!important;align-items:flex-end!important}
.shx-section-head>.col{padding-bottom:0!important}
.shx-section-head h2,.shx-panel-title h2{margin:0;padding-left:8px;border-left:3px solid var(--shx-red);color:#101319;font-size:17px}
.shx-section-head p{margin:3px 0 0;color:var(--shx-muted);font-size:10px}
.shx-more.button{min-height:0;height:auto;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--shx-red)!important;font-size:10px;line-height:1.2;font-weight:700;text-transform:none}

/* Row spacing */
.shx-live-row,.shx-pred-row,.shx-news-row,.shx-results-row,.shx-two-row{margin-left:-4px!important;margin-right:-4px!important}
.shx-live-row>.col,.shx-pred-row>.col,.shx-news-row>.col,.shx-results-row>.col,.shx-two-row>.col{padding:4px!important}
.shx-card>.col-inner{height:100%;padding:10px!important;border:1px solid #dce3eb;border-radius:8px;box-shadow:0 4px 13px rgba(31,41,55,.06)}

/* Live cards */
.shx-match-card>.col-inner{text-align:center}
.shx-match-top{margin:0!important}
.shx-match-top p{margin:0;display:flex;align-items:center;justify-content:space-between;gap:4px;color:#667085;font-size:9px}
.shx-match-top strong{margin-left:auto;padding:4px 7px;border-radius:5px;background:var(--shx-red);color:#fff;font-size:8px}
.shx-teams{margin:13px 0 8px!important}
.shx-teams p{margin:0;display:grid;grid-template-columns:1fr 52px 1fr;align-items:center}
.shx-team{display:flex;flex-direction:column;align-items:center}
.shx-team b,.shx-badge{width:41px;height:41px;display:grid;place-items:center;border:2px solid #e0e5eb;border-radius:50%;color:#fff;font-size:10px}
.shx-team small{margin-top:5px;color:#101319;font-size:10px;font-weight:700}
.shx-che b,.shx-che{background:#034694}.shx-liv b,.shx-liv{background:#c8102e}.shx-barca b,.shx-barca{background:linear-gradient(90deg,#004d98 0 50%,#a50044 50%)}.shx-sev b,.shx-sev{background:#d71920}.shx-mil b,.shx-mil{background:#111}.shx-int b,.shx-int{background:#0068a8}
.shx-score{display:flex;flex-direction:column;align-items:center}
.shx-score small{margin-bottom:3px;color:var(--shx-red);font-size:9px;font-weight:700}
.shx-score b{color:#101319;font-size:23px}
.shx-stats{margin:0 0 10px!important}.shx-stats p{margin:0;color:#586174;font-size:9px}
.shx-detail.button{min-height:0;height:auto;margin:0!important;padding:8px!important;border:0!important;border-radius:5px;background:var(--shx-red)!important;color:#fff!important;font-size:10px;line-height:1.2;font-weight:700;text-transform:none}

/* Match logos */
.shx-image-match>.col-inner{position:relative}
.shx-team-logo{position:absolute!important;top:56px;width:41px!important;margin:0!important;z-index:2}
.shx-real-logo{left:22px}.shx-atm-logo{right:22px}
.shx-team-logo .img-inner{width:41px!important;height:41px!important;padding-top:0!important;border-radius:50%!important;overflow:hidden}
.shx-team-logo img{width:41px!important;height:41px!important;object-fit:contain!important}
.shx-image-score{margin:13px 0 8px!important}
.shx-image-score p{margin:0;display:grid;grid-template-columns:1fr 52px 1fr;align-items:start}
.shx-image-score span{display:flex;min-height:62px;flex-direction:column;align-items:center;justify-content:flex-end;font-size:10px;font-weight:700}
.shx-image-score span:nth-child(2){justify-content:flex-start}
.shx-image-score span:nth-child(2) small{color:var(--shx-red);font-size:9px}
.shx-image-score b{margin-top:3px;font-size:23px}

/* Tables and tabs */
.shx-panel-title{margin:0 0 9px!important}
.shx-tabs{margin:0 0 9px!important;overflow-x:auto}
.shx-tabs p{margin:0;display:flex;gap:6px;white-space:nowrap}
.shx-tab{display:inline-block;padding:8px 12px;border-radius:5px;background:#f1f4f7;font-size:10px}
.shx-tab-active{background:var(--shx-red);color:#fff}
.shx-table-wrap{overflow-x:auto;margin:0!important}
.shx-table{width:100%;border-collapse:collapse;color:#101319;font-size:9px}
.shx-table th,.shx-table td{padding:7px 5px;border:1px solid #dce3eb;text-align:center;white-space:nowrap}
.shx-table th{background:#f4f6f8;font-weight:700}
.shx-table td:nth-child(2){text-align:left}.shx-hot{color:var(--shx-red);font-weight:700}

/* Fixtures */
.shx-fixtures{margin:0!important}
.shx-fixtures p{margin:0;padding:9px 3px;display:grid;grid-template-columns:47px 1fr;gap:7px;align-items:center;border-bottom:1px solid #edf0f3}
.shx-fixtures p:last-child{border-bottom:0}.shx-fixtures b{font-size:11px}
.shx-fixtures span{display:block;font-size:10px;font-weight:700}.shx-fixtures small{display:block;margin-bottom:3px;color:#748094;font-size:8px;font-weight:400}
.shx-fixtures em{margin:0 5px;color:#7a8492;font-style:normal;font-weight:400}.shx-fixture-more{float:right;margin-top:8px!important}

/* Predictions */
.shx-pred-card>.col-inner{padding:12px!important;text-align:center}
.shx-pred-badges{margin:2px 0 7px!important}.shx-pred-badges p{margin:0;display:flex;align-items:center;justify-content:center;gap:16px}
.shx-badge{width:48px;height:48px}.shx-pred-badges em{color:#7b8491;font-size:9px;font-style:normal}
.shx-pred-card small{font-size:9px}.shx-pred-card h3{margin:6px 0;font-size:11px}.shx-pred-card p{margin:5px 0 9px;color:#687386;font-size:9px}
.shx-pred-btn.button{width:auto!important;padding:8px 22px!important}

/* News */
.shx-news-card>.col-inner{overflow:hidden;padding:0 8px 9px!important}
.shx-news-image{width:calc(100% + 16px)!important;margin:0 -8px 7px!important}
.shx-news-image .img-inner{height:92px!important;padding-top:0!important;overflow:hidden}
.shx-news-image img{width:100%!important;height:92px!important;object-fit:cover!important}
.shx-news-card .ux-text{margin:0!important}.shx-news-tag{display:inline-block;margin:0 0 6px!important;padding:4px 6px;border-radius:3px;background:var(--shx-red);color:#fff!important;font-size:7px!important}
.shx-news-card h3{margin:6px 0;font-size:10px;line-height:1.4}.shx-news-time{margin:0!important;color:#758093!important;font-size:9px!important}

/* Results */
.shx-result>.col-inner{padding:10px!important}.shx-result p{margin:0;font-size:10px}
.shx-standing-table{padding:8px!important;border:1px solid #dce3eb;border-radius:8px;background:#fff}

/* Footer */
.shx-footer{background:rgba(255,255,255,.97)!important;border-top:1px solid var(--shx-line)}
.shx-footer-row{padding:0 28px!important}
.shx-footer-logo{width:145px!important;margin:0!important}.shx-footer-logo img{width:145px!important;height:auto!important}
.shx-footer h4{margin:0 0 9px;font-size:11px}.shx-footer p,.shx-footer a{margin:6px 0;color:#687386;font-size:9px}
.shx-email-box{padding:9px;border:1px solid #dce3eb;border-radius:5px;background:#fff;color:#98a2b3!important}
.shx-copyright-row{width:100%!important;max-width:1024px!important;margin:0 auto!important;padding:12px 28px!important;border-top:1px solid var(--shx-line)}
.shx-copyright-row>.col{padding:0!important}.shx-copyright-row p{margin:0;color:#687386;font-size:9px}

/* Responsive */
@media(max-width:900px){
  .shx-header-row{padding:0 15px!important}
  .shx-nav-col>.col-inner{gap:2px}.shx-nav-link.button{padding:0 5px!important;font-size:10px}
  .shx-sidebar>.col-inner{padding-left:5px!important;padding-right:5px!important}
}
@media(max-width:600px){
  .shx-header{position:relative!important}
  .shx-header-row{min-height:65px;flex-wrap:wrap!important}
  .shx-logo{width:145px!important}.shx-nav-col{display:none!important}
  .shx-head-actions>.col-inner{min-height:65px}.shx-login.button{display:none!important}
  .shx-sidebar>.col-inner{min-height:0;padding-top:8px!important}.shx-side-item.button{padding:9px 2px!important;font-size:8px}
  .shx-content>.col-inner{padding:8px!important}
  .shx-section-head h2,.shx-panel-title h2{font-size:14px}
  .shx-news-image .img-inner,.shx-news-image img{height:150px!important}
  .shx-copyright-row>.col{flex-basis:100%!important;max-width:100%!important;text-align:left!important}
}
/* ================================
   MENU GIẢI ĐẤU - KEOBONGDA11.NET
   ================================ */

.shx-league-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

.shx-league-menu p {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
}

/* Khu vực các nút */
.shx-league-menu strong {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    width: 100%;
	justify-content: center;
}

/* Nút giải đấu */
.shx-league-menu .shx-league {
    position: relative;

    display: inline-flex;
/*     align-items: center; */
    justify-content: center;

    min-height: 42px;
    padding: 0 16px;

    box-sizing: border-box;

    background: #f5f7fa;
    border: 1px solid #dce2e8;
    border-radius: 9px;

    color: #17191d !important;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;
    cursor: pointer;

    transition:
        color .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;

    overflow: hidden;
}

/* Hiệu ứng nền chạy */
.shx-league-menu .shx-league::before {
    content: "";

    position: absolute;
    left: -100%;
    top: 0;

    width: 100%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );

    transition: left .45s ease;
}

.shx-league-menu .shx-league:hover::before {
    left: 100%;
}

/* Hover */
.shx-league-menu .shx-league:hover {
    color: #ed1b2f !important;

    background: #fff1f3;
    border-color: #ed1b2f;

    transform: translateY(-2px);

    box-shadow:
        0 5px 14px rgba(237,27,47,.14);
}

/* Nút đang chọn */
.shx-league-menu .shx-league-active {
    color: #fff !important;

    background: linear-gradient(
        135deg,
        #ed1b2f 0%,
        #c90d20 100%
    ) !important;

    border-color: #ed1b2f !important;

    box-shadow:
        0 5px 15px rgba(237,27,47,.25);
}

/* Hover nút active */
.shx-league-menu .shx-league-active:hover {
    color: #fff !important;

    background: linear-gradient(
        135deg,
        #f5263b 0%,
        #c90d20 100%
    ) !important;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(237,27,47,.30);
}


/* ================================
   HIỆU ỨNG CLICK
   ================================ */

.shx-league-menu .shx-league:active {
    transform: scale(.96);
}


/* ================================
   MOBILE
   ================================ */

@media (max-width: 768px) {
	.shx-page {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
    .shx-league-menu {
        overflow-x: auto;
        padding-bottom: 5px;
    }

    .shx-league-menu p {
        width: max-content;
    }

    .shx-league-menu strong {
        flex-wrap: nowrap;
        width: max-content;
        gap: 8px;
    }

    .shx-league-menu .shx-league {
        min-height: 40px;
        padding: 0 13px;

        font-size: 12px;
    }
}


/* ================================
   MOBILE SCROLLBAR
   ================================ */

@media (max-width: 768px) {

    .shx-league-menu::-webkit-scrollbar {
        height: 4px;
    }

    .shx-league-menu::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }

    .shx-league-menu::-webkit-scrollbar-thumb {
        background: #ed1b2f;
        border-radius: 10px;
    }
	/* =========================================
   SPORTSHUB - SIDEBAR FULL HEIGHT + STICKY
   ========================================= */

.shx-page {
    position: relative;
}

.shx-body-row {
    align-items: flex-start !important;
}

/* Sidebar */
.shx-sidebar {
    position: sticky !important;
    top: 0 !important;
    height: 100vh !important;
    min-height: 100vh !important;
    z-index: 20;
    align-self: flex-start !important;
}

/* Khối bên trong sidebar */
.shx-sidebar-inner {
    position: sticky;
    top: 0;
    height: 100vh;
    min-height: 100vh;

    display: flex;
    flex-direction: column;

    overflow-y: auto;
    overflow-x: hidden;

    padding: 15px 8px;
    box-sizing: border-box;

    scrollbar-width: thin;
}

/* Các button menu */
.shx-sidebar .shx-side-item {
    flex: 0 0 auto;
    width: 100% !important;
    margin: 0 0 8px 0 !important;
}

/* Đảm bảo text nằm giữa button */
.shx-sidebar .shx-side-item .button {
    width: 100%;
}

/* Scrollbar Chrome */
.shx-sidebar-inner::-webkit-scrollbar {
    width: 5px;
}

.shx-sidebar-inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
}

.shx-sidebar-inner::-webkit-scrollbar-track {
    background: transparent;
}

/* Khi màn hình desktop */
@media (min-width: 850px) {

    .shx-sidebar {
        width: 8.333333% !important;
        max-width: 8.333333% !important;
        flex-basis: 8.333333% !important;
    }

}

/* Mobile / tablet */
@media (max-width: 849px) {

    .shx-sidebar {
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .shx-sidebar-inner {
        position: relative;
        height: auto;
        min-height: 0;
        overflow: visible;
    }

}