/* Rezilta V4 - Today Football Betting Tips */
:root{
    --rz-green:#00c853;
    --rz-yellow:#ffd600;
    --rz-bg:#0b1118;
    --rz-panel:#111820;
    --rz-panel-soft:#17212b;
    --rz-border:rgba(255,255,255,.11);
    --rz-muted:#b8c2cc;
}
body{
    background:radial-gradient(circle at top left,rgba(0,200,83,.12),transparent 34rem),#0b1118;
    color:#f4f7fa;
}
.date-nav-row.rz-tft-date-nav,
.date-nav-row.rz-tft-date-nav.is-hidden{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    position:sticky!important;
    top:68px!important;
    z-index:900!important;
    background:rgba(8,13,19,.97)!important;
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(0,200,83,.18);
    padding:.58rem .5rem!important;
    backdrop-filter:blur(12px);
}
.rz-tft-wrap{
    max-width:1180px;
    /* Sticky date nav is visually offset below the fixed Rezilta header,
       so give the content real clearance as well. */
    margin:5rem auto 0;
    padding-bottom:6rem;
}
.rz-tft-hero{
    scroll-margin-top:145px;
}
.rz-tft-hero,
.rz-tft-note,
.rz-tft-empty,
.rz-tft-match-card{
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),var(--rz-panel);
    border:1px solid var(--rz-border);
    border-radius:1.25rem;
    box-shadow:0 18px 42px rgba(0,0,0,.28);
}
.rz-tft-hero{border-left:4px solid var(--rz-green)}
.rz-tft-kicker{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    border-radius:999px;
    border:1px solid rgba(255,214,0,.24);
    background:rgba(255,214,0,.08);
    color:#fff3bf;
    padding:.35rem .75rem;
    font-size:.78rem;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.rz-tft-title{
    color:#fff;
    font-size:clamp(1.55rem,4.4vw,2.45rem);
    line-height:1.08;
    font-weight:950;
    letter-spacing:-.04em;
}
.rz-tft-copy{
    color:#dbe4ee;
    max-width:780px;
    line-height:1.6;
}
.rz-tft-hero-stats{
    display:flex;
    flex-direction:column;
    gap:.5rem;
    align-items:flex-start;
}
.rz-tft-hero-stats span{
    display:inline-flex;
    gap:.35rem;
    align-items:center;
    background:#0b1117;
    border:1px solid var(--rz-border);
    color:#f8fafc;
    border-radius:999px;
    padding:.45rem .75rem;
    font-size:.82rem;
    font-weight:850;
    white-space:nowrap;
}
.rz-tft-hero-stats strong{color:var(--rz-green)}
.rz-tft-note{
    max-width:980px;
    background:#141414;
    border-color:#2c2c2c;
}
.rz-tft-league-title{
    position:sticky;
    top:122px;
    z-index:80;
    color:#fff;
    background:linear-gradient(90deg,rgba(0,200,83,.22),rgba(255,255,255,.035));
    border:1px solid rgba(0,200,83,.25);
    border-left:4px solid var(--rz-green);
    border-radius:.95rem;
    padding:.72rem 1rem;
    font-size:1rem;
    font-weight:950;
    margin:0 0 .75rem;
}
.rz-tft-match-list{
    display:grid;
    gap:.85rem;
}
.rz-tft-match-card{
    padding:1rem;
}
.rz-tft-match-head{
    display:flex;
    justify-content:space-between;
    gap:1rem;
    align-items:flex-start;
}
.rz-tft-match-head h3{
    color:#fff;
    font-size:1.04rem;
    font-weight:950;
    margin:0;
}
.rz-tft-match-head h3 span{
    color:var(--rz-muted);
    font-size:.86rem;
    font-weight:750;
}
.rz-tft-time{
    color:var(--rz-muted);
    font-size:.8rem;
    margin-top:.22rem;
}
.rz-tft-tip-box{
    min-width:180px;
    background:rgba(0,200,83,.1);
    border:1px solid rgba(0,200,83,.28);
    border-radius:.9rem;
    padding:.6rem .75rem;
    text-align:center;
}
.rz-tft-tip-label{
    display:inline-flex;
    justify-content:center;
    border-radius:999px;
    background:var(--rz-green);
    color:#031009;
    padding:.12rem .55rem;
    font-size:.72rem;
    font-weight:950;
    margin-bottom:.25rem;
}
.rz-tft-tip-box strong{
    display:block;
    color:#fff;
    font-size:.88rem;
    line-height:1.2;
}
.rz-tft-tip-box small{
    display:block;
    color:#c8f7da;
    margin-top:.15rem;
    font-size:.74rem;
}
.rz-tft-odds-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.65rem;
    margin-top:.9rem;
}
.rz-tft-odd{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    min-height:82px;
    border-radius:.9rem;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.1);
    transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.rz-tft-odd:hover,
.rz-tft-odd:focus{
    transform:translateY(-1px);
    border-color:rgba(0,200,83,.55);
    background:rgba(0,200,83,.1);
}
.rz-tft-odd small{
    color:var(--rz-muted);
    text-transform:uppercase;
    letter-spacing:.05em;
    font-size:.72rem;
    font-weight:900;
}
.rz-tft-odd strong{
    color:#fff;
    font-size:1.25rem;
    font-weight:950;
    line-height:1.25;
}
.rz-tft-odd span{
    color:#a8ffc8;
    font-size:.77rem;
    font-weight:850;
}
.rz-tft-actions{
    display:flex;
    gap:.55rem;
    flex-wrap:wrap;
    justify-content:flex-end;
    margin-top:.85rem;
}
.rz-tft-ad{
    text-align:center;
    background:rgba(255,255,255,.025);
    border:1px solid var(--rz-border);
    border-radius:1rem;
    padding:.75rem;
}
.rz-tft-ad-label{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#2b3038;
    color:#d8d8d8;
    padding:.18rem .65rem;
    font-size:.72rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:.45rem;
}
.rz-tft-ad-body{
    min-height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#b8c2cc;
}
.date-nav-row.rz-tft-date-nav *{
    opacity:1!important;
    visibility:visible!important;
}
.offcanvas,.offcanvas-backdrop,.modal,.modal-backdrop,.dropdown-menu{z-index:12000!important;}
@media(max-width:767.98px){
    .date-nav-row.rz-tft-date-nav,
    .date-nav-row.rz-tft-date-nav.is-hidden{top:58px!important;}
    .rz-tft-wrap{
        margin-top:4.5rem;
        padding-left:.75rem!important;
        padding-right:.75rem!important;
    }
    .rz-tft-hero-stats{width:100%;}
    .rz-tft-hero-stats span{width:100%;justify-content:center;}
    .rz-tft-league-title{position:relative;top:auto;z-index:1;}
    .rz-tft-match-head{flex-direction:column;}
    .rz-tft-tip-box{width:100%;text-align:left;}
    .rz-tft-tip-label{margin-bottom:.35rem;}
    .rz-tft-actions{justify-content:stretch;}
    .rz-tft-actions .btn{flex:1 1 auto;}
}
@media(max-width:430px){
    .rz-tft-odds-grid{gap:.45rem;}
    .rz-tft-odd{min-height:76px;}
    .rz-tft-odd strong{font-size:1.05rem;}
    .rz-tft-odd small,.rz-tft-odd span{font-size:.68rem;}
}
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}