/*
Theme Name: 99Exch Black Club
Author: 99Exch Black
Description: Reference-inspired 99Exch Black sportsbook and gaming content theme. All main page copy is stored in WordPress Pages; CTA URLs are managed from 99Exch Black Settings.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: nex99
License: GPL-2.0-or-later
*/
:root{
 --n99-blue:#082d86;
 --n99-blue-2:#123fa0;
 --n99-dark:#061d58;
 --n99-dark-2:#07183e;
 --n99-cyan:#dff6ff;
 --n99-red:#ef171f;
 --n99-pink:#f48aab;
 --n99-yellow:#ffd400;
 --n99-bg:#ececec;
 --n99-card:#fff;
 --n99-text:#20252c;
 --n99-muted:#777;
 --n99-line:#c8cbd0;
 --n99-side:204px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--n99-bg);color:var(--n99-text);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55}
img{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.nex99-skip{position:fixed;left:-9999px;top:10px;background:#000;color:#fff;padding:10px;z-index:99999}
.nex99-skip:focus{left:10px}
.nex99-sidebar{position:fixed;z-index:1200;left:0;top:0;bottom:0;width:var(--n99-side);background:#ddd;color:#1f2328;overflow-y:auto;border-right:1px solid #c4c4c4}
.nex99-side-logo{height:57px;background:#000;display:flex;align-items:center;justify-content:center;padding:4px 10px}
.nex99-side-logo img{max-height:48px;width:165px;object-fit:contain}
.nex99-side-group{padding:7px 0 4px}
.nex99-side-title{font-size:10px;font-weight:900;color:#1d3c87;text-transform:uppercase;background:#c8c8c8;padding:5px 10px}
.nex99-side-group a{display:block;padding:5px 11px;font-size:12px;border-bottom:1px solid #d3d3d3}
.nex99-side-group a:hover{background:#fff;color:var(--n99-blue)}
.nex99-header{position:sticky;top:0;z-index:1100;margin-left:var(--n99-side)}
.nex99-topbar{height:57px;background:#000;display:flex;align-items:center;padding:0 9px;gap:8px}
.nex99-header-logo{width:126px;height:49px;display:flex;align-items:center;justify-content:center}
.nex99-header-logo img{width:120px;height:45px;object-fit:contain}
.nex99-search{margin-left:auto;width:min(330px,34vw);height:30px;background:#fff;display:flex;border-radius:2px;overflow:hidden}
.nex99-search input{flex:1;border:0;outline:0;padding:0 10px;font-size:11px}
.nex99-search button{width:35px;border:0;background:#f3f3f3;color:#333;font-weight:900}
.nex99-header-actions{display:flex;gap:6px}
.nex99-header-actions a{font-size:10px;font-weight:900;padding:8px 13px;text-transform:uppercase}
.nex99-login-btn{background:#fff;color:#111}
.nex99-signup-btn{background:var(--n99-red);color:#fff}
.nex99-main-nav{height:31px;background:#0b2869;color:#fff;display:flex;align-items:center;gap:0;padding:0 3px;overflow:hidden}
.nex99-main-nav a{display:block;white-space:nowrap;padding:8px 10px;font-size:9px;font-weight:900;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.08)}
.nex99-main-nav a:hover{background:#16449b}
.nex99-page-wrap{margin-left:var(--n99-side)}
.nex99-content{padding:6px 7px 95px;max-width:1800px;margin:0 auto}
.nex99-article{background:#fff;min-height:300px}
.page-intro{padding:18px 20px}
.page-intro h1{font-size:27px;line-height:1.15;margin:3px 0 12px;color:#142e6d}
.page-intro p{font-size:14px;line-height:1.75;margin:0 0 11px}
.section-kicker{font-size:10px;color:#17469d;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.article-section{padding:4px 20px}
.article-section h2,.image-gallery-section h2,.faq-section h2,.related-pages h2{font-size:21px;line-height:1.2;color:#163b91;margin:18px 0 8px;padding-bottom:5px;border-bottom:2px solid #e2e2e2}
.article-section p{font-size:14px;line-height:1.75;color:#3e4248;margin:0 0 12px}
.article-section a,.page-intro a{color:#084ea4;font-weight:700}
.nex99-banner-slider{position:relative;height:250px;overflow:hidden;background:#071a52;margin-bottom:7px}
.nex99-banner-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease}
.nex99-banner-slide.active{opacity:1}
.nex99-banner-slide img{width:100%;height:250px;object-fit:cover}
.nex99-slider-prev,.nex99-slider-next{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:45px;border:0;background:rgba(0,0,0,.42);color:#fff;font-size:27px;z-index:2}
.nex99-slider-prev{left:8px}.nex99-slider-next{right:8px}
.nex99-game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;background:#07184e;padding:2px}
.nex99-game-card{background:#071b61;min-width:0;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.nex99-game-card img{width:100%;aspect-ratio:1.68/1;object-fit:cover}
.nex99-game-name{background:#091e62;color:#fff;text-align:center;font-size:10px;font-weight:900;padding:5px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.image-gallery-section{padding:12px 0 4px}
.image-gallery-section .section-kicker{padding:0 20px}
.image-gallery-section h2{margin:5px 20px 10px}
.sport-image-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:0;margin:17px 20px;background:#071e63;color:#fff}
.sport-image-panel img{width:100%;height:230px;object-fit:cover}
.sport-image-panel>div{padding:22px}
.sport-image-panel h2{font-size:21px;margin:0 0 9px;color:#fff}
.sport-image-panel p{font-size:13px;line-height:1.7;color:#dfe9ff}
.cta-panel{margin:18px 20px;background:linear-gradient(90deg,#061b57,#123b93);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px}
.cta-panel strong{font-size:17px}
.cta-panel p{margin:4px 0 0;font-size:12px;color:#dbe6ff}
.cta-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.nex99-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 13px;background:#fff;color:#12224d!important;font-size:11px;font-weight:900!important;text-transform:uppercase;border-radius:2px}
.nex99-cta img{width:21px;height:21px}
.nex99-cta-whatsapp{background:#25d366;color:#fff!important}
.nex99-cta-apk{background:var(--n99-red);color:#fff!important}
.nex99-cta-signup{background:var(--n99-yellow);color:#111!important}
.faq-section{padding:4px 20px 14px}
.faq-section details{border-bottom:1px solid #d7d7d7}
.faq-section summary{cursor:pointer;list-style:none;font-size:14px;font-weight:900;color:#27314b;padding:13px 2px;display:flex;justify-content:space-between}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary:after{content:"+";font-size:18px;color:#17469d}
.faq-section details[open] summary:after{content:"−"}
.faq-answer{padding:0 2px 12px;color:#555;font-size:13px;line-height:1.7}
.related-pages{padding:4px 20px 28px}
.related-pages ul{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0;margin:0;list-style:none}
.related-pages li{background:#f4f6fa;border:1px solid #d8dce5;padding:9px}
.related-pages li a{display:block;color:#124391;font-weight:900;font-size:12px}
.related-pages li span{display:block;color:#777;font-size:10px;margin-top:3px}
.nex99-sticky-wa{position:fixed;right:18px;bottom:18px;z-index:3000;display:flex;align-items:center;gap:7px;background:#25d366;color:#fff!important;border:2px solid #fff;border-radius:28px;padding:8px 13px 8px 8px;box-shadow:0 5px 20px rgba(0,0,0,.3);font-size:12px;font-weight:900}
.nex99-sticky-wa img{width:30px;height:30px}
.nex99-sticky-apk{position:fixed;left:calc(var(--n99-side) + 15px);bottom:15px;z-index:2999;background:var(--n99-red);color:#fff!important;border:2px solid #fff;padding:10px 15px;font-size:11px;font-weight:900;box-shadow:0 5px 18px rgba(0,0,0,.25)}
.nex99-footer{margin-left:var(--n99-side);background:#000;color:#fff;border-top:4px solid var(--n99-red);padding:27px 28px 50px}
.nex99-footer-grid{display:grid;grid-template-columns:1.4fr .8fr .9fr;gap:35px;max-width:1500px;margin:0 auto}
.nex99-footer h3{font-size:13px;margin:0 0 9px;text-transform:uppercase}
.nex99-footer p{font-size:12px;line-height:1.65;color:#d2dcf3}
.nex99-footer a:not(.nex99-cta){display:block;font-size:12px;color:#d8e2f8;margin:4px 0}
.nex99-footer a:hover{color:#fff}
.nex99-footer-cta{margin-top:12px}
.nex99-footer-bottom{max-width:1500px;margin:22px auto 0;border-top:1px solid rgba(255,255,255,.15);padding-top:12px;display:flex;justify-content:space-between;gap:15px;color:#aebbd7;font-size:10px}



.nex99-menu-toggle {
    display: none;
    position: relative;
    width: 40px;
    height: 36px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 4px;
    background: #123a91;
    color: #fff;
    cursor: pointer;
    z-index: 99999;
    font-size: 0;
    line-height: 1;
}

.nex99-menu-toggle::before {
    content: "☰";
    display: block;
    font-family: Arial, sans-serif;
    font-size: 25px;
    line-height: 36px;
    text-align: center;
    color: #fff;
}

.nex99-menu-toggle.is-open::before {
    content: "×";
    font-size: 30px;
}

@media (max-width: 1000px) {
    .nex99-menu-toggle {
        display: block;
        flex: 0 0 40px;
    }
}


@media(min-width:1600px){
 body{font-size:15px}
 .nex99-side-group a{font-size:13px;padding:6px 11px}
 .nex99-main-nav a{font-size:10px;padding:8px 13px}
 .nex99-game-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
 .nex99-banner-slider,.nex99-banner-slide img{height:290px}
 .article-section p,.page-intro p{font-size:15px}
}
@media(max-width:1000px){
 :root{--n99-side:0px}
 .nex99-sidebar{left:-280px;width:280px;transition:left .25s ease;box-shadow:10px 0 30px rgba(0,0,0,.35)}
 .nex99-sidebar.open{left:0}
 .nex99-header{margin-left:0}
 .nex99-page-wrap{margin-left:0}
 .nex99-footer{margin-left:0}
 .nex99-menu-toggle{display:block}
 .nex99-topbar{height:54px}
 .nex99-header-logo{width:115px}
 .nex99-header-logo img{width:108px}
 .nex99-search{width:auto;flex:1}
 .nex99-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .sport-image-panel{grid-template-columns:1fr}
 .sport-image-panel img{height:200px}
}
@media(max-width:650px){
 .nex99-content{padding:4px 3px 105px}
 .nex99-main-nav{display:none}
 .nex99-header-actions{display:none}
 .nex99-search{margin-left:0}
 .nex99-search input{font-size:10px}
 .nex99-banner-slider,.nex99-banner-slide img{height:180px}
 .page-intro{padding:15px 13px}
 .page-intro h1{font-size:23px}
 .article-section,.faq-section,.related-pages{padding-left:13px;padding-right:13px}
 .article-section h2,.image-gallery-section h2,.faq-section h2,.related-pages h2{font-size:18px}
 .article-section p,.page-intro p{font-size:13px;line-height:1.65}
 .image-gallery-section .section-kicker{padding-left:13px}
 .image-gallery-section h2{margin-left:13px;margin-right:13px}
 .nex99-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .nex99-game-name{font-size:9px}
 .cta-panel{margin-left:13px;margin-right:13px;display:block}
 .cta-buttons{justify-content:flex-start;margin-top:11px}
 .related-pages ul{grid-template-columns:1fr}
 .nex99-footer-grid{grid-template-columns:1fr;gap:20px}
 .nex99-footer-bottom{display:block}
 .nex99-footer-bottom span{display:block;margin-top:6px}
 .nex99-sticky-apk{left:8px;right:8px;bottom:8px;text-align:center}
 .nex99-sticky-wa{right:8px;bottom:61px}
}

/* 99Exch Black gaming-dashboard refinement */
.nex99-header{box-shadow:0 2px 7px rgba(0,0,0,.22)}
.nex99-topbar{height:52px;padding:0 7px;background:#000}
.nex99-header-logo{width:145px;height:50px}
.nex99-header-logo img{width:130px;height:46px}
.nex99-header-spacer{flex:1}
.nex99-header-actions{align-items:center;gap:2px}
.nex99-header-actions a{font-size:10px;line-height:1;text-transform:none}
.nex99-utility-link{color:#fff!important;padding:9px 11px!important;font-weight:700!important}
.nex99-utility-link:hover{background:rgba(255,255,255,.09)}
.nex99-login-btn{background:#f5f5f5;color:#111!important;border:1px solid #ddd}
.nex99-signup-btn{background:#e5242b;color:#fff!important}
.nex99-main-nav{height:30px;background:#0d2f7c;padding:0;box-shadow:inset 0 -1px rgba(255,255,255,.08)}
.nex99-main-nav a{padding:8px 11px;font-size:9px}
.nex99-content{padding:5px 6px 95px;background:#dfe1e4}
.nex99-home-dashboard{background:#fff}
.nex99-home-dashboard .nex99-banner-slider{margin:0;height:190px;border-bottom:2px solid #09225d}
.nex99-home-dashboard .nex99-banner-slide img{height:190px}
.nex99-game-rail{background:#071d5c;padding:0 5px 5px}
.nex99-rail-head{height:29px;background:#102f80;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid rgba(255,255,255,.45)}
.nex99-rail-head strong{font-size:10px;letter-spacing:.02em}
.nex99-rail-head button{width:25px;height:22px;border:0;background:#d7d7d7;color:#152e6f;font-size:18px;line-height:18px;margin-left:2px;cursor:pointer}
.nex99-game-rail-track{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding-top:4px}
.nex99-game-rail-track::-webkit-scrollbar{display:none}
.nex99-rail-card{flex:0 0 clamp(125px,11.5vw,190px);background:#081e66;border:1px solid rgba(255,255,255,.65);overflow:hidden}
.nex99-rail-card img{width:100%;height:72px;object-fit:cover}
.nex99-rail-card span{display:block;height:23px;padding:4px 4px 3px;text-align:center;color:#fff;background:#08235f;font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nex99-category-tabs{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none;background:#efefef;border:1px solid #b9b9b9;border-top:0}
.nex99-category-tabs::-webkit-scrollbar{display:none}
.nex99-category-tabs a{flex:0 0 auto;padding:8px 11px;font-size:9px;font-weight:900;color:#1e1e1e;border-right:1px solid #c8c8c8;background:linear-gradient(#f9f9f9,#dcdcdc);white-space:nowrap}
.nex99-category-tabs a:hover{background:#cfdcff;color:#103d93}
.nex99-showcase{background:#fff;padding:0 0 5px}
.nex99-showcase-title{height:28px;display:flex;align-items:center;background:#102f80;color:#fff;padding:0 8px;border-top:1px solid #fff;border-bottom:1px solid #fff}
.nex99-showcase-title span{font-size:10px;font-weight:900}
.nex99-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#071d5c;padding:1px}
.nex99-showcase-card{display:block;position:relative;background:#071d5c;overflow:hidden;border:1px solid rgba(255,255,255,.65)}
.nex99-showcase-card img{width:100%;aspect-ratio:1.62/1;object-fit:cover;transition:transform .18s ease}
.nex99-showcase-card:hover img{transform:scale(1.025)}
.nex99-showcase-card span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#fff;font-size:9px;font-weight:800;padding:13px 6px 5px;text-align:left}
.nex99-providers .nex99-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.nex99-providers .nex99-showcase-card img{aspect-ratio:1.58/1}
.nex99-inner-game-strip{margin-bottom:5px;background:#fff}
.nex99-inner-game-strip .nex99-game-rail{padding-bottom:4px}
.nex99-inner-game-strip .nex99-category-tabs{border-top:1px solid #bbb}
.nex99-article{background:#fff}
.nex99-home-copy{margin-top:5px}
.nex99-home-copy > .nex99-banner-slider{display:none}
.nex99-home-copy .image-gallery-section{margin-top:0}

@media(min-width:1600px){
 .nex99-home-dashboard .nex99-banner-slider,.nex99-home-dashboard .nex99-banner-slide img{height:220px}
 .nex99-rail-card{flex-basis:190px}
 .nex99-rail-card img{height:84px}
 .nex99-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .nex99-providers .nex99-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1000px){
 .nex99-header-logo{width:125px}
 .nex99-header-logo img{width:112px}
 .nex99-main-nav{display:flex;overflow-x:auto;scrollbar-width:none}
 .nex99-main-nav::-webkit-scrollbar{display:none}
 .nex99-home-dashboard .nex99-banner-slider,.nex99-home-dashboard .nex99-banner-slide img{height:160px}
 .nex99-showcase-grid,.nex99-providers .nex99-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
 .nex99-topbar{height:50px}
 .nex99-header-logo{width:108px}
 .nex99-header-logo img{width:98px}
 .nex99-header-actions{display:flex}
 .nex99-utility-link{display:none!important}
 .nex99-header-actions a{padding:8px 8px!important;font-size:9px}
 .nex99-main-nav{display:none}
 .nex99-home-dashboard .nex99-banner-slider,.nex99-home-dashboard .nex99-banner-slide img{height:125px}
 .nex99-rail-card{flex-basis:128px}
 .nex99-rail-card img{height:67px}
 .nex99-showcase-grid,.nex99-providers .nex99-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nex99-showcase-card img{aspect-ratio:1.55/1}
 .nex99-category-tabs a{font-size:8px;padding:8px 9px}
}
.nex99-article > .nex99-banner-slider{display:none}