/* === ODDPRO.PRO Theme — Bloomberg/Linear Override === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root{
  --th-bg:#F4F6F8;--th-bg-card:#FFFFFF;--th-bg-deep:#0A0E1A;
  --th-text:#0F1419;--th-text-2:#374151;--th-text-mut:#6B7280;
  --th-border:#E5E7EB;--th-primary:#0B3D91;--th-primary-light:#DBEAFE;
  --th-success:#10B981;--th-accent:#FF6B35;
  --th-font-sans:'Inter','Inter Tight',-apple-system,sans-serif;
  --th-font-mono:'JetBrains Mono','SF Mono',monospace;
}

body{font-family:var(--th-font-sans)!important;background:var(--th-bg)!important;color:var(--th-text)!important;-webkit-font-smoothing:antialiased}
::selection{background:var(--th-primary);color:#fff}
a{color:var(--th-primary)!important;transition:color 0.15s}
a:hover{color:#082F73!important}

header{background:#fff!important;color:var(--th-text)!important;border-bottom:1px solid var(--th-border)!important}
header h1{color:var(--th-primary)!important;font-family:var(--th-font-sans)!important;font-weight:800!important;letter-spacing:-0.02em}

h1,h2,h3,h4{font-family:var(--th-font-sans)!important;letter-spacing:-0.02em;color:var(--th-text)!important}
h1{font-weight:800!important}
h2{font-weight:700!important;border-left:3px solid var(--th-primary)!important;padding-left:14px!important}
h3{font-weight:700!important}

p,li,td{color:var(--th-text-2)!important;line-height:1.65}
strong,b{color:var(--th-text)!important;font-weight:700}

table{background:#fff!important;border:1px solid var(--th-border)!important;border-radius:6px!important;overflow:hidden;font-family:var(--th-font-sans)!important}
th{background:var(--th-bg-deep)!important;color:#9CA3AF!important;font-family:var(--th-font-mono)!important;font-size:11px!important;letter-spacing:1px!important;text-transform:uppercase!important;font-weight:700!important;padding:13px!important;border-bottom:1px solid #1F2937!important}
td{padding:12px 13px!important;border-bottom:1px solid var(--th-border)!important;font-family:var(--th-font-mono)!important;font-size:13px!important}
tr:hover{background:#F9FAFB!important}

.cta-box,.cta-band,.cta-mega,.alternative,.subscribe{background:linear-gradient(135deg,#0F1419 0%,#1F2937 100%)!important;color:#fff!important;border:1px solid #1F2937!important;border-radius:8px!important;padding:28px!important}
.cta-box h3,.cta-band h2,.cta-mega h2,.alternative h2{color:#fff!important;font-family:var(--th-font-sans)!important;font-weight:800!important}
.cta-box p,.cta-band p,.cta-mega p,.alternative p{color:#9CA3AF!important}
.cta-box a,.cta-band a,.cta-mega a,.alternative a{background:var(--th-success)!important;color:#fff!important;border-radius:6px!important;font-family:var(--th-font-sans)!important;font-weight:700!important;letter-spacing:-0.01em!important;padding:12px 24px!important;text-decoration:none!important;transition:all 0.2s}
.cta-box a:hover,.cta-band a:hover,.cta-mega a:hover{background:#059669!important;transform:translateY(-1px)}

.match,.review,.calc-card,.game-card,.term-card,.strat-card,.tip-box,.faq-item{background:#fff!important;border:1px solid var(--th-border)!important;border-radius:6px!important;transition:all 0.2s}
.match:hover,.review:hover,.calc-card:hover,.game-card:hover,.tip-box:hover{border-color:var(--th-primary)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(11,61,145,0.08)!important}

.mobile-sticky,.mobile-cta{background:var(--th-bg-deep)!important;border-top:2px solid var(--th-primary)!important}
.mobile-sticky a,.mobile-cta a{background:var(--th-success)!important;color:#fff!important;font-family:var(--th-font-sans)!important;letter-spacing:-0.01em!important}

footer{background:#fff!important;color:var(--th-text-mut)!important;border-top:1px solid var(--th-border)!important}
footer a{color:var(--th-primary)!important}

.match-tip,.tip-box{background:var(--th-primary-light)!important;border:1px solid var(--th-primary)!important;border-radius:6px!important}
.match-tip-odd,.match-tip{color:var(--th-text)!important}

code,pre,.match-time,.match-league,.section-title-num{font-family:var(--th-font-mono)!important}

@media(max-width:768px){h1{font-size:1.5em!important}h2{font-size:1.2em!important}}