/*
Theme Name: Fairplay Club
Description: Fairplay Club sportsbook and casino style WordPress theme using supplied Fairplay artwork.
Version: 2.0.0
Author: Fairplay Club
*/
:root{--orange:#ff681c;--orange2:#ff9a00;--green:#39b84a;--green2:#42cf58;--bg:#090909;--panel:#111111;--panel2:#17131e;--line:#343434;--text:#f4f4f4;--muted:#a8a8a8;--blue:#8fd0f6;--red:#f5b9ba;--purple:#6f4dff;--gold:#f2c84b;--sidebar:276px;--header:124px;--content:#0e0e0e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:9999;background:#fff;color:#000;padding:8px}
.site-header{position:fixed;left:0;right:0;top:0;z-index:5000;background:#050505;border-bottom:1px solid #252525}.topbar{height:62px;background:#050505}.topbar-inner{height:62px;display:flex;align-items:center;gap:9px;padding:0 10px}.header-logo{width:102px;height:50px;display:flex;align-items:center;justify-content:center;background:transparent!important}.header-logo img{display:block;width:100px;height:auto;background:transparent!important;object-fit:contain;transition:none;opacity:1;filter:none}.header-logo:hover,.header-logo:focus,.header-logo img:hover{background:transparent!important;opacity:1;filter:none}.refresh-btn{height:34px;border:1px solid var(--orange);background:transparent;color:#fff;border-radius:18px;padding:0 13px;font-size:11px;font-weight:700}.refresh-btn span{font-size:17px;margin-right:4px}.top-spacer{flex:1}.select-wrap select{height:34px;min-width:95px;background:#090909;color:#fff;border:1px solid #777;border-radius:6px;padding:0 11px}.select-wrap.country select{min-width:83px}.header-btn{height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:23px;padding:0 23px;font-weight:900;font-size:13px}.header-btn.login{background:var(--orange)}.header-btn.register{background:var(--green)}.main-menu{height:62px;background:linear-gradient(#242424,#101010);border-top:1px solid #393939;border-bottom:1px solid #2c2c2c}.main-menu-inner{height:100%;display:flex;align-items:center;justify-content:center;gap:46px;white-space:nowrap;overflow:hidden}.main-menu a{font-size:11px;font-weight:900;color:#ddd;display:flex;align-items:center;gap:6px}.main-menu a:hover{color:#fff}.main-menu .nav-live{color:#fff}.main-menu .nav-live:first-letter{color:#ffd332}
.sidebar{position:fixed;top:124px;bottom:0;left:0;width:var(--sidebar);background:#111;z-index:4000;border-right:1px solid #292929;overflow-y:auto;padding:10px 0 30px}.sidebar-title-row{border:1px solid var(--orange);border-radius:15px 15px 0 0;margin:0 0 3px;padding:10px 15px;background:#121212}.sidebar-title-row a{color:#ffd12a;text-decoration:underline;font-size:15px}.sport-list a{height:38px;display:flex;align-items:center;gap:11px;padding:0 18px 0 11px;font-size:13px;color:#f3f3f3}.sport-list a:hover{background:#1b1b1b}.sport-list b{margin-left:auto;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#3ab94e;color:#fff;font-size:11px}.sport-ball{width:21px;text-align:center;font-size:17px;color:#e5e5e5}.sport-ball.cricket{color:#c91d2c}.sport-ball.soccer{color:#eee}.sport-ball.tennis{color:#d4ed26}.sport-ball.horse{color:#aaa}
.page-wrap{margin-left:var(--sidebar);padding-top:var(--header);min-height:100vh;background:#0d0d0d}.content{padding:11px 10px 35px;max-width:1600px;margin:0 auto}.hero-strip{overflow:hidden;margin-bottom:8px}.hero-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hero-track::-webkit-scrollbar{display:none}.hero-card{flex:0 0 49%;height:164px;position:relative;overflow:hidden;border-radius:2px;background:#171717;scroll-snap-align:start}.hero-card:nth-child(n+3){flex-basis:49%}.hero-card img{width:100%;height:100%;object-fit:cover;display:block}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 55%,rgba(0,0,0,.2))}.hero-card span{position:absolute;left:18px;bottom:12px;z-index:2;font-size:17px;font-weight:900;text-shadow:0 2px 4px #000}
.inplay-section{background:#0f0f0f}.section-bar{height:35px;background:var(--orange);display:flex;align-items:center;padding:0 12px;gap:8px;font-weight:900;font-size:13px;border-radius:8px 8px 0 0}.section-bar>span{font-size:12px}.section-actions{margin-left:auto;display:flex;gap:5px}.feed-filter{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.8);border-radius:12px;font-size:9px;padding:2px 10px}.feed-filter.active{background:#fff;color:#111}.live-board{background:#f9f9f9;color:#111;border-radius:0 0 7px 7px;min-height:94px;overflow:hidden}.score-loading{padding:25px;text-align:center;color:#777;font-size:12px}.event-row{display:grid;grid-template-columns:120px minmax(180px,1fr) 110px 390px;align-items:center;min-height:66px;border-bottom:1px solid #ddd;background:#fff}.event-row:last-child{border-bottom:0}.event-meta{font-size:10px;color:#ff4f00;font-weight:800;padding:0 10px}.event-meta strong{display:block;color:#222;font-size:9px;text-transform:uppercase}.event-name{padding:8px 10px;font-weight:800;font-size:12px}.event-name small{display:block;color:#888;font-weight:400;margin-top:2px}.event-score{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:900}.score-box{min-width:44px;height:28px;padding:0 7px;display:grid;place-items:center;border-radius:4px;background:var(--blue);font-size:12px}.score-box.alt{background:var(--red)}.event-markets{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:4px 6px}.market-cell{height:29px;display:grid;place-items:center;background:#a8d9f7;border-radius:5px;font-size:10px;font-weight:800}.market-cell:nth-child(even){background:#f2c7c8}.event-status{font-size:9px;color:#777;text-align:center;padding:0 4px}.feed-empty{padding:20px;text-align:center;color:#777;background:#f7f7f7;font-size:11px}
.game-panels{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.game-panel{background:#111;border:1px solid #444;border-radius:15px;padding:7px 8px 10px}.panel-title{text-align:center;font-size:20px;font-weight:900;margin:1px 0 10px}.panel-title em{font-style:normal;color:var(--orange)}.panel-title a{float:right;color:var(--orange);font-size:12px;font-weight:400;padding-top:6px}.pill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.game-pill{height:49px;border-radius:27px;background:#110b2c;border:2px solid var(--purple);box-shadow:0 0 10px rgba(113,67,255,.65);display:flex;align-items:center;padding:0 12px;font-size:12px}.game-pill:nth-child(3n+2){border-color:var(--orange);box-shadow:0 0 10px rgba(255,110,0,.65)}.game-pill:nth-child(3n){border-color:#2d1dff}.game-pill:hover{transform:translateY(-1px)}
.promo-banner{margin-top:8px;border:1px solid #3a3a3a;background:#0a0a0a;height:105px;overflow:hidden;border-radius:4px}.promo-banner img{width:100%;height:100%;object-fit:cover;display:block}.content-editorial{background:#151515;border:1px solid #303030;margin-top:8px;padding:25px 27px;color:#ddd}.homepage-copy h2,.page-copy h1,.page-copy h2{color:#fff}.content-editorial h2,.page-copy h2{font-size:26px;margin:0 0 12px;line-height:1.2}.content-editorial h3,.page-copy h3{font-size:18px;color:#fff;margin:26px 0 8px}.content-editorial p,.page-copy p{font-size:14px;line-height:1.75;color:#c8c8c8;margin:0 0 14px}.content-editorial ul,.page-copy ul,.content-editorial ol,.page-copy ol{color:#c8c8c8;line-height:1.7}.content-editorial a,.page-copy a{color:#ff8a4d;text-decoration:underline}.visual-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.visual-card{height:155px;background:#151515;border:1px solid #333;position:relative;overflow:hidden}.visual-card img{width:100%;height:100%;object-fit:cover;display:block}.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.85))}.visual-card strong{position:absolute;z-index:2;bottom:12px;left:13px;font-size:15px}.inner-content{max-width:1250px}.page-card{background:#121212;border:1px solid #333;overflow:hidden}.page-heading{min-height:190px;display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:center;padding:25px 30px;background:linear-gradient(110deg,#111,#191919)}.page-heading h1{font-size:38px;line-height:1.08;margin:7px 0 0}.page-heading img{width:100%;height:160px;object-fit:cover;border-radius:3px}.eyebrow{color:#ffd228;font-size:10px;font-weight:900;letter-spacing:.14em}.page-copy{padding:28px 30px}.page-copy .accordion{border-top:1px solid #333}.page-copy details{border-bottom:1px solid #333}.page-copy summary{padding:16px 2px;color:#fff;font-weight:900;cursor:pointer}.page-copy .answer{padding:0 2px 16px;color:#bbb;line-height:1.7}.orange-btn{display:inline-flex;background:var(--orange);padding:12px 20px;border-radius:5px;color:#fff!important;text-decoration:none!important;font-weight:900}.sticky-download{position:fixed;right:18px;bottom:17px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green);border:2px solid #fff;color:#fff!important;font-size:12px;font-weight:900;z-index:6000;box-shadow:0 4px 15px rgba(0,0,0,.45)}.footer{margin-left: var(--sidebar);background:#050505;border-top:1px solid #292929;padding:28px 28px 70px;color:#ddd}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:30px}.footer-logo{width:102px;height:auto;background:transparent!important}.footer h3{font-size:12px;color:#fff;margin:0 0 9px}.footer p{font-size:12px;color:#999;line-height:1.65}.footer a{color:#ff8b4d}.footer-bottom{border-top:1px solid #282828;margin-top:20px;padding-top:13px;display:flex;justify-content:space-between;font-size:10px;color:#777}.mobile-menu-btn,.mobile-side-close{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1200px){.main-menu-inner{gap:24px}.event-row{grid-template-columns:90px minmax(170px,1fr) 100px 320px}.event-markets{grid-template-columns:repeat(6,1fr)}.visual-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--sidebar:0px;--header:62px}.site-header{height:62px}.main-menu{display:none}.topbar,.topbar-inner{height:62px}.mobile-menu-btn{display:block;background:transparent;border:0;color:#fff;font-size:25px;width:38px}.sidebar{top:62px;left:-285px;width:285px;transition:left .25s ease}.sidebar.open{left:0}.mobile-side-close{display:block;position:absolute;right:7px;top:7px;border:0;background:transparent;color:#fff;font-size:28px}.header-logo{width:86px}.header-logo img{width:85px}.refresh-btn{display:none}.select-wrap{display:none}.header-btn{height:36px;padding:0 15px;font-size:11px}.header-btn.login{margin-left:auto}.page-wrap{padding-top:62px}.content{padding:7px 6px 70px}.hero-card{flex-basis:88%!important;height:155px}.game-panels{grid-template-columns:1fr}.event-row{grid-template-columns:78px 1fr 100px;position:relative}.event-markets{grid-column:2/4}.event-status{display:none}.pill-grid{grid-template-columns:repeat(2,1fr)}.visual-links{grid-template-columns:1fr 1fr}.page-heading{grid-template-columns:1fr;padding:20px}.page-heading img{height:170px}.page-copy{padding:22px 18px}.page-heading h1{font-size:31px} .footer{margin-left: 0;} footer-grid{grid-template-columns:1fr}.footer{padding-bottom:85px}}
@media(max-width:600px){body{font-size:13px}.header-btn.register{display:none}.header-btn.login{padding:0 17px}.hero-card{height:145px}.hero-card span{font-size:14px;left:12px}.section-bar{height:34px}.section-actions{gap:2px}.feed-filter{padding:2px 7px;font-size:8px}.event-row{grid-template-columns:66px 1fr}.event-score{justify-content:flex-start}.event-markets{grid-column:1/3;grid-template-columns:repeat(3,1fr)}.score-box{min-width:40px}.panel-title{font-size:17px}.game-pill{height:45px;font-size:10px}.promo-banner{height:90px}.visual-links{grid-template-columns:1fr 1fr}.visual-card{height:125px}.content-editorial h2,.page-copy h2{font-size:21px}.content-editorial h3,.page-copy h3{font-size:16px}.content-editorial p,.page-copy p{font-size:13px}.page-heading h1{font-size:26px}.page-heading img{height:140px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}}