/*
Theme Name: Winmatch555 Sportsbook & Gaming
Theme URI: https://example.com/
Author: Winmatch
Description: Reference-inspired sportsbook and gaming WordPress theme for Winmatch content, account access, sports, casino, mobile pages and support.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: winmatch555
License: GPL-2.0-or-later
*/
:root{
 --wm-red:#e31919;--wm-red-dark:#b80f16;--wm-blue:#08a9df;--wm-dark:#292d33;--wm-dark-2:#343941;
 --wm-bg:#e7e8ea;--wm-card:#fff;--wm-text:#202328;--wm-muted:#6e7379;--wm-line:#cfd2d5;
 --wm-green:#08b76d;--wm-yellow:#ffd400;--wm-side:218px;--wm-max:calc(100vw - var(--wm-side) - 28px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--wm-bg);color:var(--wm-text);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}
body.admin-bar .sidebar{top:32px}body.admin-bar .site-header{top:32px}
img{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}
button{cursor:pointer}
.skip-link{position:fixed;left:-9999px;top:8px;background:#000;color:#fff;padding:12px 16px;z-index:99999}.skip-link:focus{left:8px}
.site-header{position:sticky;top:0;z-index:900}
.topbar{height:66px;background:var(--wm-dark);color:#fff;display:flex;align-items:center;padding-left:var(--wm-side)}
.topbar-inner{width:100%;display:flex;align-items:center;gap:16px;padding:0 15px}
.header-logo{width:58px;height:58px;background:var(--wm-red);display:flex;align-items:center;justify-content:center;flex:0 0 58px}
.header-logo img{width:54px;height:52px;object-fit:contain;filter:brightness(0) invert(1)}
.search-box{width:min(430px,34vw);height:38px;background:#41454d;border-radius:22px;display:flex;align-items:center;padding:0 16px;color:#d8d8d8;font-size:13px}
.search-box input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:13px}.search-box input::placeholder{color:#d5d7da}
.header-actions{margin-left:auto;display:flex;gap:9px}
.wm-cta{min-height:40px;border:0;color:#fff!important;font-size:12px;font-weight:900;text-transform:uppercase;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;text-decoration:none!important;box-shadow:0 3px 0 rgba(0,0,0,.12);transition:.15s ease}
.wm-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}
.wm-cta-login{background:var(--wm-blue)}.wm-cta-register{background:var(--wm-red)}.wm-cta-download{background:var(--wm-red)}.wm-cta-whatsapp{background:#25D366}
.wm-cta-whatsapp img{width:22px;height:22px;filter:none}
.main-menu{height:42px;background:#f7f7f7;border-bottom:1px solid #c7c9cc;margin-left:var(--wm-side);display:flex;align-items:center;padding:0 14px;gap:2px}
.main-menu a{font-size:13px;font-weight:900;padding:11px 17px;color:#363a3f}.main-menu a:hover,.main-menu a.active{background:#e7e7e7;color:var(--wm-red)}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--wm-side);z-index:1000;background:var(--wm-dark);color:#e9eaec;overflow-y:auto;scrollbar-width:thin;box-shadow:2px 0 0 rgba(0,0,0,.1)}
.sidebar-brand{height:66px;background:var(--wm-red);display:flex;align-items:center;justify-content:center}.sidebar-brand img{width:160px;height:55px;object-fit:contain;filter:brightness(0) invert(1)}
.sidebar-section{padding:14px 10px 4px}.sidebar-title{font-size:11px;color:#ff4040;text-transform:uppercase;font-weight:900;margin:0 0 6px}
.sidebar a{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:12px;color:#eee;border-radius:3px}.sidebar a:hover{background:#3b4048;color:#fff}
.sidebar-icon{width:18px;text-align:center;font-size:10px;color:#fff;flex:0 0 18px}
.page-wrap{margin-left:var(--wm-side)}.content{width:var(--wm-max);max-width:none;margin:0 auto;padding:0 14px 100px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:10px;margin-top:10px}
.hero-slider{min-height:280px;background:#73050b;border:1px solid #c90d15;position:relative;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;animation:wmFade 15s infinite}.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:5s}.hero-slide:nth-child(3){animation-delay:10s}
.hero-slide img{width:100%;height:100%;min-height:280px;object-fit:cover}
@keyframes wmFade{0%,28%{opacity:1}33%,95%{opacity:0}100%{opacity:1}}
.hero-overlay{position:absolute;inset:0;padding:38px 38px;background:linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.05) 68%);color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero-overlay span{font-size:13px;font-weight:900;letter-spacing:.12em}.hero-overlay h1{font-size:clamp(36px,4vw,62px);line-height:.95;margin:8px 0 10px;text-transform:uppercase;font-weight:900;text-shadow:3px 3px #70080b}.hero-overlay p{font-size:16px;font-weight:700;max-width:620px;margin:0 0 18px}.hero-actions{display:flex;gap:8px}
.quick-leagues{background:#2d3137;color:#fff;padding:14px 15px;max-height:280px;overflow:hidden}.quick-leagues h3{font-size:13px;margin:0 0 8px}.quick-leagues a{display:block;font-size:11px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-leagues a:hover{color:#ff4a4a}
.race-strip{background:#3b3f45;color:#fff;margin-top:9px;overflow:hidden}.race-head{height:34px;display:flex;align-items:center;padding:0 13px;font-size:12px;font-weight:900;gap:12px}.race-head span{font-size:9px;color:#bfc3c7;font-weight:400}
.race-items{display:flex;min-width:max-content}.race-item{width:104px;border-left:1px solid #555;padding:6px 7px;text-align:center}.race-item strong{display:block;font-size:12px}.race-item span{font-size:10px;color:#c8c8c8}
.home-content,.content-editorial{margin-top:10px;background:#fff;padding:28px 30px;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.content-editorial h1{font-size:32px;line-height:1.15;margin:0 0 12px}.content-editorial h2{font-size:24px;line-height:1.25;margin:30px 0 10px;border-bottom:1px solid #ddd;padding-bottom:9px}.content-editorial h3{font-size:19px;margin:25px 0 8px}
.page-lead{font-size:16px;line-height:1.75;color:#3d4145;margin:0 0 18px}
.content-editorial p{font-size:15px;color:#444;margin:0 0 16px;line-height:1.75}.content-editorial ul{margin:0 0 18px;padding-left:22px}.content-editorial li{margin:6px 0;color:#444}
.content-editorial a:not(.wm-cta){color:#006f9f;text-decoration:underline;text-decoration-color:#b8dce9;text-underline-offset:2px}
.page-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.page-actions .wm-cta{min-height:42px}
.wm-game-gallery{margin:24px 0;background:#3b3f45;color:#fff;padding:12px;overflow:hidden}
.wm-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 4px 11px}.wm-section-heading h2{font-size:15px;margin:0;border:0;padding:0}.wm-section-heading span{font-size:10px;color:#bfc3c7}
.wm-game-track{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}
.wm-game-card{flex:0 0 104px;text-align:center}.wm-game-card img{width:104px;height:126px;object-fit:cover;border-radius:7px;border:1px solid rgba(255,255,255,.18);background:#16191d}.wm-game-card strong{display:block;font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-game-card small{display:block;font-size:9px;color:#bfc3c7}
.accordion{border-top:1px solid #ddd}.accordion details{border-bottom:1px solid #ddd}.accordion summary{list-style:none;cursor:pointer;font-weight:900;font-size:15px;padding:15px 3px;display:flex;justify-content:space-between;gap:20px}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"⌄";color:#777}.accordion details[open] summary:after{content:"⌃"}.accordion .answer{padding:0 3px 16px;font-size:14px;color:#555;line-height:1.65}
.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px;margin-top:10px}.page-content{margin-top:0}.page-side{min-width:0}
.page-heading{margin-bottom:18px}.page-kicker{display:inline-block;font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--wm-red);margin-bottom:5px}.page-heading h1{margin:0;border-bottom:1px solid #ddd;padding-bottom:10px}.page-featured{margin:16px 0}.page-featured img{width:100%;max-height:340px;object-fit:cover}
.side-box{background:#fff;margin-bottom:10px;padding:16px}.side-box h3{margin:0 0 10px;font-size:15px;border-bottom:1px solid #ddd;padding-bottom:8px}.side-box .wm-cta{width:100%;margin-bottom:7px}.side-box .sidebar-section{padding:5px 0}.side-box .sidebar-title{font-size:10px}.side-box .sidebar a{color:#444;padding:6px 2px;font-size:11px}.side-box .sidebar-icon{color:var(--wm-red)}
.post-preview{border-bottom:1px solid #ddd;padding:18px 0}.post-preview h2{margin:0 0 8px;border:0;padding:0}.error-page{text-align:center;padding:80px 20px}
.sticky-whatsapp{position:fixed;right:18px;bottom:18px;z-index:2000;background:#25D366;color:#fff!important;border:2px solid #fff;border-radius:999px;padding:7px 14px 7px 8px;display:flex;align-items:center;gap:7px;box-shadow:0 8px 25px rgba(0,0,0,.35);font-weight:900;font-size:12px}.sticky-whatsapp img{width:34px;height:34px}.sticky-whatsapp:hover{transform:translateY(-2px)}
.footer{margin-top:10px;background:var(--wm-dark);color:#fff;border-top:4px solid var(--wm-red);padding:30px 28px 45px}.footer-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:35px}.footer h3{font-size:12px;margin:0 0 11px;text-transform:uppercase}.footer p,.footer a{font-size:12px;color:#ddd;line-height:1.7}.footer a{margin-right:15px}.footer a:hover{color:#fff}.footer .wm-cta{margin-top:8px}.footer-bottom{margin-top:25px;border-top:1px solid #41454b;padding-top:14px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#aaa}
@media(min-width:1600px){body{font-size:16px}.sidebar a{font-size:13px}.content-editorial p{font-size:16px}.content-editorial h1{font-size:36px}.content-editorial h2{font-size:26px}.wm-game-card{flex-basis:112px}.wm-game-card img{width:112px;height:136px}}
@media(max-width:1200px){.page-layout{grid-template-columns:minmax(0,1fr) 230px}.hero-grid{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:900px){
 :root{--wm-side:0px;--wm-max:100%}body{font-size:14px}.sidebar{position:fixed;left:-300px;width:290px;transition:left .25s ease;box-shadow:10px 0 30px rgba(0,0,0,.35)}.sidebar.open{left:0}.page-wrap{margin-left:0}.topbar{padding-left:0;height:58px}.main-menu{margin-left:0;display:none}.mobile-menu-btn{display:grid;place-items:center;width:40px;height:38px;background:#41454d;color:#fff;border:0;font-size:20px}.topbar-inner{padding:0 8px;gap:8px}.header-logo{width:46px;height:46px;flex-basis:46px}.header-logo img{width:42px;height:40px}.search-box{flex:1;min-width:80px;width:auto}.header-actions{display:none}.mobile-side-close{display:block;position:absolute;right:8px;top:8px;background:transparent;border:0;color:#fff;font-size:24px}.content{padding:0 8px 92px}.hero-grid{grid-template-columns:1fr}.quick-leagues{display:none}.hero-slider,.hero-slide img{min-height:235px}.hero-overlay{padding:28px 24px}.hero-overlay h1{font-size:42px}.hero-overlay p{font-size:13px}.page-layout{grid-template-columns:1fr}.page-side{order:-1}.page-side .side-box:nth-child(2){display:none}.content-editorial{padding:22px 18px}.home-content{padding:22px 18px}
}
@media(max-width:600px){
 body{font-size:13px}.content{padding:0 5px 92px}.topbar-inner{gap:6px}.search-box{font-size:10px;height:34px}.search-box input{font-size:10px}.hero-slider,.hero-slide img{min-height:220px}.hero-overlay{padding:22px 18px}.hero-overlay h1{font-size:33px}.hero-overlay p{font-size:12px}.hero-actions .wm-cta{padding:9px 13px;font-size:10px}.race-item{width:88px}.content-editorial h1{font-size:25px}.content-editorial h2{font-size:20px}.content-editorial p{font-size:13px;line-height:1.68}.page-lead{font-size:14px}.page-layout{display:block}.page-side{margin-bottom:10px}.home-content,.content-editorial{padding:20px 14px}.wm-section-heading{display:block}.wm-section-heading span{display:block;margin-top:4px}.wm-game-card{flex-basis:86px}.wm-game-card img{width:86px;height:108px}.wm-game-card strong{font-size:9px}.wm-game-card small{font-size:8px}.accordion summary{font-size:13px}.accordion .answer{font-size:12px}.footer{padding:25px 15px 50px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}.sticky-whatsapp{left:8px;right:8px;justify-content:center;bottom:8px;border-radius:7px;padding:9px}.sticky-whatsapp img{width:28px;height:28px}
}
@media(min-width:901px){.mobile-menu-btn,.mobile-side-close{display:none}}

/* Footer - prevent fixed sidebar overlap */
.footer {
    margin-left: var(--wm-side);
    width: calc(100% - var(--wm-side));
    box-sizing: border-box;
}

@media (max-width: 900px) {
    .footer {
        margin-left: 0;
        width: 100%;
    }
}