/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* BX-SPORT-THEME START — xóa từ đây đến BX-SPORT-THEME END để trở về giao diện cũ */
/* ===== Giao diện thể thao Socolive (đen than + vàng gold) ===== */
:root{--bx-bg:#0b0b0e;--bx-bg2:#111115;--bx-card:#16161b;--bx-card2:#1e1e25;--bx-line:#2b2b35;--bx-text:#dadae0;--bx-muted:#9b9ba8;--bx-head:#ffffff;--bx-neon:#f7c325;--bx-neon-d:#e09b00;--bx-cyan:#ff8a00}
html,body{background:var(--bx-bg)!important}
body{color:var(--bx-text)}
#wrapper,#main,.page-wrapper{background:transparent!important}
#wrapper{background:radial-gradient(1200px 500px at 50% -120px,rgba(247,195,37,.10),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 80px,transparent 80px 160px),var(--bx-bg)!important}
p,li,td,th,label,figcaption,.entry-content,.col-inner{color:var(--bx-text)}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.heading-font{color:var(--bx-head)!important}
strong,b{color:#fff}
a{color:var(--bx-neon)}
a:hover{color:#fff}
.entry-content a,.col-inner p a{color:var(--bx-neon);text-decoration:none;border-bottom:1px dashed rgba(247,195,37,.45)}
::selection{background:var(--bx-neon);color:#1a1200}

/* Header */
.header-bg-color,.header-wrapper.stuck .header-bg-color,.header-main{background:linear-gradient(180deg,#15151b,#0b0b0e)!important}
.header-wrapper{border-bottom:2px solid var(--bx-neon);box-shadow:0 6px 24px rgba(0,0,0,.45),0 1px 0 rgba(247,195,37,.35)}
.header-top,.header-bottom{background:#0e0e12!important;border-color:var(--bx-line)!important}
.header-nav>li>a,.nav>li>a,.header-nav .nav-top-link{color:#f2f2f5!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-style:italic}
.header-nav>li>a:hover,.header-nav>li.active>a,.header-nav>li.current-menu-item>a,.nav>li.active>a,.nav>li.current-menu-item>a{color:var(--bx-neon)!important}
.header-nav>li.active>a,.header-nav>li.current-menu-item>a{text-shadow:0 0 12px rgba(247,195,37,.55)}
.nav-dropdown,.nav-dropdown-default{background:var(--bx-card)!important;border:1px solid var(--bx-line)!important}
.nav-dropdown li a,.nav-dropdown>li>a{color:var(--bx-text)!important;border-color:var(--bx-line)!important}
.nav-dropdown li a:hover{color:var(--bx-neon)!important;background:rgba(247,195,37,.06)}
.header .icon-menu,.header .icon-search,.header-button .icon,.nav-icon a,.header i{color:#fff!important}
.off-canvas .mfp-content,.off-canvas-left .mfp-content,.off-canvas-right .mfp-content,.mobile-sidebar,#main-menu{background:var(--bx-bg2)!important}
.off-canvas .nav-vertical li a,.nav-sidebar li a,.mobile-sidebar a{color:#f2f2f5!important;border-color:var(--bx-line)!important;text-transform:uppercase;font-weight:700}
.off-canvas .nav-vertical li a:hover,.nav-sidebar li.active>a{color:var(--bx-neon)!important}
.nav-sidebar>li,.nav-vertical>li{border-color:var(--bx-line)!important}
.mfp-close{color:#fff!important}

/* Tiêu đề khối */
.section-title-container .section-title,.section-title{border-color:var(--bx-line)!important}
.section-title b{background:linear-gradient(90deg,var(--bx-neon),var(--bx-cyan))!important;opacity:1}
.section-title-main,.section-title span{color:#fff!important}
.is-divider{background:linear-gradient(90deg,var(--bx-neon),var(--bx-cyan))!important;height:3px;max-width:60px;opacity:1}
h1.entry-title,.page-title,.col-inner>h1,.col-inner>h2{text-transform:uppercase;font-style:italic;letter-spacing:.02em}
.col-inner h2,.entry-content h2{position:relative;padding-left:14px}
.col-inner h2:before,.entry-content h2:before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:5px;border-radius:3px;background:linear-gradient(180deg,var(--bx-neon),var(--bx-cyan))}
.col-inner h3,.entry-content h3{color:#ffd76a!important}
blockquote,.col-inner blockquote{background:linear-gradient(90deg,rgba(247,195,37,.08),transparent);border-left:4px solid var(--bx-neon)!important;color:var(--bx-text);border-radius:0 10px 10px 0;padding:14px 20px}
hr{border-color:var(--bx-line)!important}

/* Khối nội dung / thẻ */
.box-text,.box-text p,.box-text a,.post-item .box-text{color:var(--bx-text)}
.post-title,.box-text .post-title,.post-title a,.recent-blog-posts a{color:#fff!important}
.post-title:hover,.post-title a:hover,.recent-blog-posts a:hover{color:var(--bx-neon)!important}
.box-blog-post .is-divider{display:none}
.post-item .col-inner,.box-blog-post{background:var(--bx-card);border:1px solid var(--bx-line);border-radius:10px;overflow:hidden}
.badge-inner:not(.bg-fill){background-color:var(--bx-neon)!important;color:#1a1200!important;font-weight:800}
.post-meta,.entry-meta,.is-small,.byline,.posted-on,.meta-related{color:var(--bx-muted)!important}

/* Sidebar / widget */
.widget,.sidebar-wrapper .widget,#secondary .widget{background:var(--bx-card);border:1px solid var(--bx-line);border-radius:12px;padding:16px 16px 10px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.widget-title,.widget .widget-title,span.widget-title{color:#fff!important;font-weight:900;font-style:italic;letter-spacing:.06em}
.widget .is-divider{margin-top:8px}
.widget a,.widget li a,ul.menu>li>a{color:var(--bx-text)!important}
.widget a:hover,.widget li a:hover{color:var(--bx-neon)!important}
.widget ul li,.widget>ul>li,ul.menu>li{border-color:var(--bx-line)!important}
.widget .recent-blog-posts .post_comments,.widget .recent-blog-posts .op-7{color:var(--bx-muted)!important;opacity:1}

/* Mục lục, bảng, form */
#ez-toc-container,div#ez-toc-container{background:var(--bx-card)!important;border:1px solid var(--bx-line)!important;border-radius:10px}
#ez-toc-container a,#ez-toc-container .ez-toc-title{color:var(--bx-text)!important}
#ez-toc-container a:hover{color:var(--bx-neon)!important}
table,.entry-content table{border-color:var(--bx-line)!important}
th{background:var(--bx-card2)!important;color:#fff!important;border-color:var(--bx-line)!important}
td{border-color:var(--bx-line)!important}
tr:nth-child(even) td{background:rgba(255,255,255,.02)}
input[type=text],input[type=search],input[type=email],input[type=tel],input[type=password],textarea,select{background:var(--bx-bg2)!important;border-color:var(--bx-line)!important;color:#fff!important;box-shadow:none!important}
.button.primary,button.primary,.button.secondary,input[type=submit],.button,.searchform .button{background:linear-gradient(90deg,var(--bx-neon),var(--bx-neon-d))!important;color:#1a1200!important;border:0!important;font-weight:800}
.button.is-outline{background:transparent!important;color:var(--bx-neon)!important;border:2px solid var(--bx-neon)!important}
.wp-caption .wp-caption-text,figcaption{background:var(--bx-card)!important;color:var(--bx-muted)!important}
.breadcrumbs,.rank-math-breadcrumb,.rank-math-breadcrumb a{color:var(--bx-muted)!important}
.page-numbers,.nav-pagination>li>span,.nav-pagination>li>a{border-color:var(--bx-line)!important;color:var(--bx-text)!important}
.nav-pagination>li>.current,.page-numbers.current{background:var(--bx-neon)!important;color:#1a1200!important;border-color:var(--bx-neon)!important}

/* Bảng tỷ số wp-sport (dùng biến màu có sẵn của plugin) */
.wp-sport-app,.wp-sport-app #wp-sport-app{--wpsport-background:var(--bx-card);--wpsport-surface:var(--bx-card);--wpsport-surface-alt:var(--bx-card2);--wpsport-surface-elevated:#1b1b22;--wpsport-title-bg:#1e1e26;--wpsport-title-text:#fff;--wpsport-text:#e4e4ea;--wpsport-primary:#f7c325;--wpsport-border:#2b2b35;--wpsport-border-light:#24242c;--wpsport-text-45:#9b9ba8;--wpsport-text-65:#bdbdc8;--wpsport-hover-bg:rgba(247,195,37,.07);--wpsport-score-color:#f7c325;--wpsport-score-lose:#9b9ba8;--wpsport-shadow:0 8px 24px rgba(0,0,0,.3)}
.wp-sport-app .sport-live-container{border:1px solid var(--bx-line)!important;border-radius:12px!important;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.wp-sport-app .tab-button.active{color:#1a1200!important}
.wp-sport-app .tab-button.active .livestream-text{color:#1a1200!important}

/* Thanh cuộn khung nội dung trang chủ (giữ nguyên bố cục cũ, đổi màu) */
.home_content>.col{border-color:var(--bx-neon)!important;box-shadow:0 0 22px rgba(247,195,37,.35)!important;background:var(--bx-bg2)}
.home_content>*::-webkit-scrollbar-thumb{background-color:var(--bx-neon)!important}

/* Footer */
.footer-wrapper,.footer-widgets,.footer-1,.footer-2{background:#08080a!important;border-top:2px solid var(--bx-neon)}
.footer-widgets,.footer-widgets p,.footer-widgets li,.footer-widgets .col-inner{color:var(--bx-muted)!important}
.footer-widgets a{color:var(--bx-text)!important}
.footer-widgets a:hover{color:var(--bx-neon)!important}
.footer-widgets .widget{background:transparent;border:0;box-shadow:none;padding:0}
.absolute-footer,html .absolute-footer.dark{background:#050506!important;color:var(--bx-muted)!important;border-top:1px solid var(--bx-line)}
.back-to-top{background:var(--bx-neon)!important;color:#1a1200!important;border-color:var(--bx-neon)!important}

/* Section nền trắng do UX Builder */
.section-bg.bg-loaded,.section-bg[style*="background-color: rgb(255"],.bg-white,.bg-fill.bg-white{background-color:transparent!important}
.dark .box-text p,.dark p{color:var(--bx-text)}
.col-inner h2[style*="text-align: center"],.entry-content h2[style*="text-align: center"]{padding-left:0}
.col-inner h2[style*="text-align: center"]:before,.entry-content h2[style*="text-align: center"]:before{left:50%;top:auto;bottom:-10px;width:70px;height:4px;transform:translateX(-50%)}
.footer-wrapper .section{background-color:transparent!important}
/* Chữ vàng gradient cho tiêu đề chính */
h1.entry-title,.col-inner>h1,.col-inner h1{background:linear-gradient(90deg,#ffe082,#f7c325 45%,#ff9f1a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* BX-SPORT-THEME END */



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}