/*
Theme Name: GoPlay11 Cricket Fantasy
Theme URI: https://example.com/
Author: GoPlay11
Description: Responsive, SEO-friendly and fully editable WordPress theme inspired by the supplied GoPlay11 cricket fantasy design. Includes Customizer controls, responsive navigation, reusable sections and starter legal pages.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: goplay11
*/

:root{--green:#7cff00;--dark:#02070d;--dark2:#07131d;--white:#fff;--muted:#c8d0d6;--max:1240px;--accent:var(--green);--button-bg:var(--green);--button-text:#071000}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--dark);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.container{width:min(94%,var(--max));margin:auto}
.site-header{position:absolute;top:0;left:0;width:100%;z-index:20;padding:20px 0}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:34px;letter-spacing:-2px}
.site-logo img{width:210px;height:auto}
.custom-logo{max-height:80px;width:auto}
.primary-menu{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}
.primary-menu a{font-weight:700;font-size:15px;text-transform:uppercase}
.primary-menu a:hover,.primary-menu .current-menu-item>a{color:var(--green)}
.download-btn,.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#071000;border-radius:6px;padding:13px 25px;font-weight:900;text-transform:uppercase;border:0;cursor:pointer}
.menu-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:5px;padding:9px 12px;font-size:22px}

.hero{min-height:820px;display:flex;align-items:center;position:relative;overflow:hidden;background:#02070d url("assets/images/goplay11-hero.png") center top/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,5,10,.1),rgba(0,5,10,.08))}
.hero-content{position:relative;z-index:2;width:54%;padding-top:110px}
.hero-kicker{color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:2px}
.hero h1{font-size:clamp(42px,5vw,76px);line-height:.98;margin:16px 0 22px;font-weight:950;font-style:italic;text-transform:uppercase}
.hero h1 span{color:var(--green)}
.hero p{font-size:20px;max-width:600px;color:#fff}
.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:28px}
.button.dark{background:#050a0e;color:#fff;border:2px solid #fff}
.store-row{display:flex;gap:15px;margin-top:22px;flex-wrap:wrap}
.store-badge{border:1px solid var(--green);padding:10px 18px;border-radius:7px;font-weight:800;background:#07110b}
.hero-fallback{display:none}

.trust-strip{background:#02070d;border-top:1px solid rgba(124,255,0,.2);padding:34px 0}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.trust-item{display:flex;gap:14px;align-items:center}
.trust-icon{width:56px;height:56px;border:2px solid var(--green);border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:24px}
.trust-item strong{display:block;font-size:18px;text-transform:uppercase}
.trust-item small{color:var(--muted)}

.section{padding:80px 0;background:var(--dark)}
.section.alt{background:#07131d}
.section-title{text-align:center;margin:0 auto 45px;max-width:800px}
.section-title h2{font-size:clamp(30px,4vw,48px);margin:0 0 10px;text-transform:uppercase}
.section-title h2 span{color:var(--green)}
.section-title p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:linear-gradient(145deg,#0d1a23,#050b10);border:1px solid rgba(124,255,0,.25);border-radius:14px;padding:28px}
.card h3{margin-top:0}
.card p{color:var(--muted)}
.icon{font-size:34px;color:var(--green)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.step{padding:28px;border-left:3px solid var(--green);background:#09151e}
.step span{color:var(--green);font-size:36px;font-weight:900}
.cta{background:linear-gradient(110deg,#0b1d05,#123500);padding:70px 0;text-align:center}
.cta h2{font-size:clamp(32px,5vw,58px);margin:0 0 12px}
.cta p{color:#d7e6cf}

.content-page{padding:140px 0 80px;min-height:70vh}
.content-box{background:#07131d;border:1px solid rgba(124,255,0,.2);border-radius:14px;padding:clamp(25px,5vw,55px)}
.content-box h1{font-size:clamp(34px,5vw,58px);margin-top:0}
.content-box h2{color:var(--green);margin-top:34px}
.content-box p,.content-box li{color:#d3dbe0}
.site-footer{background:#010509;border-top:1px solid rgba(124,255,0,.18);padding:45px 0 20px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin:8px 0}
.footer-links a:hover{color:var(--green)}
.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.08);margin-top:30px;padding-top:18px;color:#89939b;font-size:14px}

@media (max-width: 900px){
 .site-header{position:absolute;padding:14px 0}
 .site-logo img{width:170px}
 .menu-toggle{display:block}
 .primary-menu{display:none;position:absolute;top:78px;left:3%;right:3%;background:#03090f;border:1px solid rgba(124,255,0,.25);padding:18px;border-radius:10px;flex-direction:column;align-items:stretch;gap:0}
 .primary-menu.is-open{display:flex}
 .primary-menu li a{display:block;padding:12px}
 .header-download{display:none}
 .hero{min-height:720px;background-image:linear-gradient(180deg,rgba(2,7,13,.55),rgba(2,7,13,.9)),var(--mobile-hero,url("assets/images/goplay11-hero.png"));background-position:58% top;background-size:auto 720px;align-items:flex-end}
 .hero-content{width:100%;padding:0 0 45px}
 .hero-content .hero-kicker{display:none}
 .hero h1{font-size:43px;max-width:600px}
 .hero p{font-size:17px}
 .trust-grid{grid-template-columns:repeat(2,1fr)}
 .cards,.steps{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
 .container{width:min(92%,var(--max))}
 .hero{min-height:690px;background-size:auto 620px;background-position:61% 5px}
 .hero h1{font-size:35px}
 .hero-actions .button{width:100%}
 .store-row{display:grid;grid-template-columns:1fr 1fr}
 .store-badge{text-align:center;font-size:13px;padding:10px 7px}
 .trust-grid{grid-template-columns:1fr}
 .section{padding:60px 0}
 .footer-grid{grid-template-columns:1fr}
}

/* Editable section helpers */
.editable-badge{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);font-weight:800}
.hidden-on{display:none!important}