/* =========================================================
   WorldCupLive.Ph v3.22 Final Global Palette + Typography
   Centralized from approved reference:
   Red #B11226 | Navy #0B1F4B | Light #F2F2F2 | Gold #C9A227 | Black #1A1A1A
   ========================================================= */
:root{
  --wcl-red:#B11226;
  --wcl-navy:#0B1F4B;
  --wcl-light:#F2F2F2;
  --wcl-gold:#C9A227;
  --wcl-black:#1A1A1A;
  --wcl-bg:#1A1A1A;
  --wcl-bg-deep:#101010;
  --wcl-panel:#202020;
  --wcl-panel-2:#0B1F4B;
  --wcl-text:#F2F2F2;
  --wcl-muted:rgba(242,242,242,.74);
  --wcl-line:rgba(242,242,242,.14);
  --wcl-shadow:0 24px 80px rgba(0,0,0,.38);
  --wcl-radius:22px;
  --bg:#1A1A1A!important;
  --panel:#202020!important;
  --panel2:#0B1F4B!important;
  --text:#F2F2F2!important;
  --muted:rgba(242,242,242,.74)!important;
  --line:rgba(242,242,242,.14)!important;
  --brand:#C9A227!important;
  --brand2:#0B1F4B!important;
  --accent-red:#B11226!important;
  --gold:#C9A227!important;
  --danger:#B11226!important;
  --r:22px!important;
}
html{background:var(--wcl-black)!important;color-scheme:dark;}
body{
  background:
    radial-gradient(circle at 12% -10%,rgba(177,18,38,.24),transparent 34%),
    radial-gradient(circle at 82% 4%,rgba(201,162,39,.20),transparent 36%),
    linear-gradient(180deg,#0B1F4B 0%,#121826 28%,#1A1A1A 72%,#101010 100%)!important;
  color:var(--wcl-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Helvetica Neue",sans-serif!important;
  font-size:16px!important;
  line-height:1.65!important;
  letter-spacing:-.01em;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;}
h1,h2,h3,h4,h5,h6,.logo,.btn,.dropbtn,.main-menu a,.kicker,.tag,.eyebrow,th{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:-.035em;
}
h1{font-weight:950!important;line-height:.98!important;color:#fff!important;}
h2{font-weight:930!important;line-height:1.08!important;color:#fff!important;}
h3,h4{font-weight:900!important;color:#fff!important;}
p,li,td,.lead,.excerpt,.small,.muted,.wcl-blog-content,.wcl-blog-content p{color:var(--wcl-muted)!important;}
a{color:inherit;}
.wcl-blog-content a,.article-wrap a,.content-hub a:not(.btn):not(.wcl-gold-btn),.wcl-public-blog-page a:not(.btn):not(.wcl-gold-btn){color:#E8C84D!important;text-decoration:underline;text-underline-offset:3px;font-weight:850;}
.site-header,.admin-header,.topbar{
  background:linear-gradient(90deg,#1A1A1A 0%,#0B1F4B 54%,#1A1A1A 100%)!important;
  border-bottom:1px solid rgba(201,162,39,.34)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.48)!important;
}
.footer,footer{
  background:linear-gradient(180deg,#0B1F4B 0%,#1A1A1A 74%)!important;
  border-top:1px solid rgba(201,162,39,.30)!important;
  color:var(--wcl-text)!important;
}
.footer a,footer a{color:rgba(242,242,242,.88)!important;}
.footer a:hover,footer a:hover{color:#E8C84D!important;}
.card,.hero-card,.article-wrap,.content-hub,.wcl-public-blog-page,.story-card,.lead-card,.wcl-public-result-card,.settings-card,.manager-form,.admin-card,.wcl-card,.table-wrap,.cta-band,.match-card,.stat-card,.panel,.widget,.box{
  background:linear-gradient(180deg,rgba(242,242,242,.075),rgba(242,242,242,.032))!important;
  border:1px solid rgba(242,242,242,.13)!important;
  box-shadow:var(--wcl-shadow)!important;
  color:var(--wcl-text)!important;
}
.card:hover,.story-card:hover,.lead-card:hover,.wcl-public-result-card:hover,.match-card:hover{
  border-color:rgba(201,162,39,.42)!important;
  box-shadow:0 28px 88px rgba(0,0,0,.48)!important;
}
.hero,.section,.wrap,main{color:var(--wcl-text)!important;}
.hero,.content-hub,.wcl-public-blog-page{
  background:
    radial-gradient(circle at 0% 0%,rgba(177,18,38,.26),transparent 34%),
    radial-gradient(circle at 100% 0%,rgba(201,162,39,.18),transparent 32%),
    linear-gradient(135deg,#0B1F4B 0%,#1A1A1A 58%,#101010 100%)!important;
}
.eyebrow,.kicker,.hub-eyebrow,.wcl-kicker,.tag strong,.card-body .kicker{color:#E8C84D!important;}
.eyebrow:before{background:#B11226!important;box-shadow:0 0 0 6px rgba(177,18,38,.22)!important;}
.tag,.meta span,.badge,.pill{
  background:rgba(11,31,75,.58)!important;
  border-color:rgba(201,162,39,.28)!important;
  color:#F2F2F2!important;
}
.main-menu>a,.dropbtn,.mobile-menu-grid a,.mobilebar a{
  color:#F2F2F2!important;
  background:transparent!important;
}
.main-menu>a:hover,.drop:hover .dropbtn,.main-menu>a.active,.mobilebar a.active{
  background:linear-gradient(135deg,rgba(177,18,38,.72),rgba(11,31,75,.82))!important;
  color:#fff!important;
}
.mega,.mobile-panel,.mobile-menu-overlay + .mobile-panel{
  background:linear-gradient(180deg,#0B1F4B,#1A1A1A)!important;
  border-color:rgba(201,162,39,.35)!important;
}
.mega a,.mobile-panel a{background:rgba(242,242,242,.06)!important;color:#F2F2F2!important;border-color:rgba(242,242,242,.1)!important;}
.mega a:hover,.mobile-panel a:hover{background:rgba(201,162,39,.16)!important;color:#fff!important;}
.btn,.button,button,input[type="submit"],input[type="button"],.pager a,.pager button,.wcl-public-mini-pager button,.btn-secondary,.wcl-dark-btn{
  border-radius:14px!important;
  border:1px solid rgba(242,242,242,.16)!important;
  background:linear-gradient(180deg,rgba(242,242,242,.09),rgba(242,242,242,.04))!important;
  color:#F2F2F2!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.btn:hover,.button:hover,button:hover,.pager a:hover,.pager button:hover,.btn-secondary:hover,.wcl-dark-btn:hover{transform:translateY(-1px);border-color:rgba(201,162,39,.48)!important;}
.btn-primary,.wcl-gold-btn,.actions .btn-primary,a[href*="bybet.com"].btn,a[href*="bybet.com"],.mobile-menu-grid a.mobile-join,.pager .active,.wcl-public-mini-pager .active{
  background:linear-gradient(135deg,#C9A227 0%,#E8C84D 48%,#B11226 100%)!important;
  color:#111111!important;
  border-color:rgba(201,162,39,.65)!important;
  box-shadow:0 16px 36px rgba(201,162,39,.26),0 8px 22px rgba(177,18,38,.20)!important;
  text-decoration:none!important;
}
.btn-primary:hover,.wcl-gold-btn:hover,a[href*="bybet.com"].btn:hover{filter:brightness(1.06);color:#111111!important;}
.btn-login,.mobile-menu-grid a.mobile-login{
  background:#F2F2F2!important;
  color:#1A1A1A!important;
  border-color:#F2F2F2!important;
}
input,select,textarea,.search-input,.filter-select{
  background:#111827!important;
  color:#F2F2F2!important;
  border:1px solid rgba(242,242,242,.18)!important;
  border-radius:12px!important;
}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(201,162,39,.42)!important;border-color:#C9A227!important;}
table{color:#F2F2F2!important;}th{background:#0B1F4B!important;color:#F2F2F2!important;border-bottom-color:rgba(201,162,39,.25)!important;}td{border-bottom-color:rgba(242,242,242,.11)!important;}
.bar span,.progress span,.meter span{background:linear-gradient(90deg,#B11226,#C9A227)!important;}
.notice,.alert,.info-box{background:rgba(201,162,39,.12)!important;border-color:rgba(201,162,39,.36)!important;color:#F2F2F2!important;}
.error,.danger{background:rgba(177,18,38,.16)!important;border-color:rgba(177,18,38,.42)!important;color:#fff!important;}
.logo.logo-image img,.footer-brand-logo img{filter:drop-shadow(0 10px 24px rgba(0,0,0,.46))!important;}
::selection{background:#C9A227;color:#1A1A1A;}
@media(max-width:720px){body{font-size:15.5px!important}.btn,.button,button{min-height:48px!important}h1{font-size:clamp(36px,11vw,48px)!important}.hero,.content-hub,.wcl-public-blog-page{padding-top:34px!important}}