/*
Theme Name: PSL Arena
Author: Saad Khan
Description: A premium cricket editorial theme with editable fixtures, teams and standings.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: psl-arena
*/
:root{--green:#0d483a;--deep:#092e28;--gold:#e4be63;--ink:#152b25;--muted:#78867f;--line:#e1e8e1;--paper:#f5f7f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#9d741e}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-100px;left:20px;background:white;padding:10px;z-index:99}.skip:focus{top:10px}.utility{background:var(--deep);color:#acc0b4;font-size:9px;letter-spacing:1.5px}.utility .wrap{display:flex;justify-content:space-between;padding:8px 0}.utility b{color:var(--gold);font-weight:500}.site-header{background:white;border-bottom:1px solid var(--line)}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.8px;line-height:1.1}.brand-icon{background:var(--green);color:var(--gold);width:37px;height:43px;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);display:grid;place-items:center;font-size:22px}.brand small{display:block;letter-spacing:3px;font-size:8px;font-weight:600;margin-top:5px;color:var(--muted)}.custom-logo{max-width:200px;max-height:65px;width:auto}.navlinks ul{display:flex;gap:26px;font-size:11px;font-weight:700;list-style:none;margin:0;padding:0}.navlinks li{position:relative}.navlinks ul ul{display:none;position:absolute;background:white;border:1px solid var(--line);padding:18px;width:190px;z-index:30}.navlinks li:hover>ul,.navlinks li:focus-within>ul{display:block}.navlinks ul ul li{padding:6px 0}.button{display:inline-flex;gap:18px;align-items:center;justify-content:center;background:var(--green);color:white;border:1px solid var(--green);padding:12px 21px;font-size:11px;font-weight:750;border-radius:5px}.button:hover{background:#17604d;color:white}.button.gold{background:var(--gold);border-color:var(--gold);color:var(--deep)}.button.outline{border-color:#6b8b78;background:transparent;color:white}.menu-toggle{display:none;background:white;border:1px solid var(--line);padding:7px 12px;border-radius:5px}.hero{margin:24px auto 0;border-radius:16px;overflow:hidden;background:var(--deep);min-height:490px;position:relative;color:#fff}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#072e28ee 0%,#082f28a8 45%,#092e2833 100%)}.hero-content{position:relative;z-index:1;padding:52px;display:grid;grid-template-columns:1.25fr .8fr;gap:45px;align-items:center}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.8px;text-transform:uppercase;font-weight:750;color:#5b806c}.hero .eyebrow{color:#d8ca98}.dot{height:6px;width:6px;border-radius:50%;background:var(--gold)}.hero h1{font-size:clamp(44px,5.3vw,68px);line-height:1.02;font-weight:850;letter-spacing:-2.9px;margin:25px 0 19px}.hero h1 span{color:var(--gold)}.hero p{font-size:13px;color:#c0d1c7;max-width:370px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}.hero-note{font-size:9px;color:#bac9bd;margin-top:26px;letter-spacing:.2px}.hero-panel{align-self:end;background:#103c32db;border:1px solid #78947988;backdrop-filter:blur(8px);padding:25px;border-radius:12px;margin-top:90px}.hero-panel .eyebrow{font-size:8px}.hero-panel h2{font-size:24px;letter-spacing:-.7px;margin:15px 0 12px;line-height:1.2}.hero-panel p{font-size:11px;margin:0}.hero-panel .panel-bottom{border-top:1px solid #60877366;margin-top:18px;padding-top:13px;font-size:9px;color:#d1dfce;display:flex;justify-content:space-between}.hero-panel .vs-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.hero-panel .vs-hero b{font-size:15px;max-width:120px;text-align:center}.hero-panel .vs-hero span{font-size:9px;color:#a7beaf}.quick-rail{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:10px;margin-top:17px;overflow:hidden}.quick-link{padding:18px 23px;border-right:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:750}.quick-link:last-child{border:0}.quick-link small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:2px}.quick-link .arrow{font-size:21px;color:#99ac9a}.section{padding:45px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:23px}.section-head h2{font-size:29px;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:8px 0}.section-head p{font-size:11px;color:var(--muted);margin:0}.text-link{font-size:10px;font-weight:750;color:var(--green);white-space:nowrap}.match-filters{display:flex;gap:7px;flex-wrap:wrap}.match-filter{padding:8px 14px;border:1px solid var(--line);background:white;border-radius:5px;font-size:10px;color:var(--muted)}.match-filter[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.match-card{background:white;border:1px solid var(--line);border-radius:10px;padding:21px}.match-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;gap:10px}.status-tag{color:#7b681f;background:#f4efdf;border-radius:3px;padding:2px 6px;font-size:7px}.status-tag.completed{background:#e6eee4;color:#527746}.match-teams{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}.match-side{flex:1;text-align:center;min-width:0}.team-badge{height:44px;width:44px;border:1px solid #bfd0bd;border-radius:50%;background:#eff4ea;color:#3f6442;display:grid;place-items:center;font-weight:800;font-size:13px;margin:0 auto 9px}.team-badge img{width:100%;height:100%;object-fit:contain;border-radius:50%}.match-side b{font-size:11px;display:block;line-height:1.35}.match-side small{font-size:9px;color:var(--muted)}.vs{font-size:8px;color:#a4aca5}.match-bottom{border-top:1px solid var(--line);padding-top:12px;font-size:9px;color:var(--muted)}.match-result{color:#4b7558;font-size:10px;margin:0 0 7px}.match-card[hidden]{display:none}.match-empty{font-size:11px;padding:20px;color:var(--muted)}.center-stage{display:grid;grid-template-columns:1.45fr .85fr;gap:24px}.standings-shell{background:white;border:1px solid var(--line);border-radius:11px;padding:25px}.standings-shell h2{font-size:23px;letter-spacing:-.7px;margin:6px 0 20px}.table-scroll{overflow-x:auto}.standings{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}.standings caption{text-align:left;font-size:9px;color:var(--muted);padding:0 0 12px}.standings th{font-size:8px;letter-spacing:.4px;color:var(--muted);font-weight:650;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 9px;text-align:center;background:#f7f9f4}.standings td{padding:13px 9px;border-bottom:1px solid var(--line);text-align:center}.standings th:nth-child(2),.standings td:nth-child(2){text-align:left}.standings td.team-name{font-weight:750;color:#355540}.standings td.points{font-weight:850;color:var(--green);background:#f3f6ee}.standings tbody tr:last-child td{border-bottom:0}.standings-note{font-size:8px;color:var(--muted);border-top:1px solid var(--line);margin:12px 0 0;padding-top:12px}.feature-story{background:var(--green);border-radius:11px;color:white;overflow:hidden;display:flex;flex-direction:column}.feature-cover{min-height:200px;background:#234e3f;display:block;position:relative;overflow:hidden;flex:1}.feature-cover img{width:100%;height:100%;min-height:200px;object-fit:cover;display:block}.feature-fallback{padding:32px;position:relative;min-height:215px;background:linear-gradient(135deg,#235541,#112f27);display:flex;align-items:center}.feature-fallback:before{content:'◉';position:absolute;font-size:240px;right:-45px;top:-75px;color:#68926844}.feature-fallback b{font-size:43px;line-height:1.05;letter-spacing:-2px;color:#e5c773;z-index:1}.feature-story-body{padding:25px}.feature-story .eyebrow{color:#c6bb89;font-size:8px}.feature-story h3{font-size:22px;line-height:1.25;letter-spacing:-.8px;margin:13px 0}.feature-story p{color:#b2c7b8;font-size:10px;margin:0}.feature-story .meta{color:#9fbaaa;font-size:8px;margin-top:17px}.teams-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.team-card{background:white;border:1px solid var(--line);border-radius:9px;padding:24px 17px;text-align:center;transition:transform .2s}.team-card:hover{transform:translateY(-3px)}.team-card .team-badge{height:57px;width:57px;font-size:19px;border-radius:12px;margin-bottom:16px}.team-card h3{font-size:13px;margin:0 0 5px;line-height:1.3}.team-card p{font-size:9px;color:var(--muted);margin:0}.team-card .view-team{font-size:8px;color:#527b5f;display:block;margin-top:17px}.latest-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 1px 14px;scrollbar-width:thin;scrollbar-color:#a7b59a #e6ebdf}.card{flex:0 0 calc((100% - 44px)/3);min-width:0;scroll-snap-align:start;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.card-media{height:190px;display:block;overflow:hidden;background:#cbd8bf}.card-media img{width:100%;height:100%;object-fit:cover}.news-cover{height:100%;padding:25px;position:relative;overflow:hidden;background:#d9e3d1;display:flex;flex-direction:column;justify-content:center}.news-cover:before{content:'◉';position:absolute;color:#b4c7a3;font-size:195px;right:-42px;top:-34px}.news-cover small{font-size:8px;letter-spacing:1.4px;color:#648055;position:relative}.news-cover b{font-size:30px;line-height:1.13;letter-spacing:-1px;position:relative;max-width:240px}.news-cover.gold{background:#eadba9}.news-cover.gold:before{color:#ceb870}.news-cover.dark{background:#184634;color:#e7d6a7}.news-cover.dark:before{color:#356449}.news-cover.dark small{color:#a4ba92}.card-body{padding:22px}.tag{font-size:8px;letter-spacing:1px;color:#8c6f25;font-weight:750;text-transform:uppercase}.card h3{font-size:17px;line-height:1.35;letter-spacing:-.4px;margin:9px 0 12px}.card p{color:var(--muted);font-size:10px;margin:0 0 14px}.meta{font-size:8px;color:var(--muted)}.latest-controls{display:none;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.carousel-ready .latest-controls{display:flex}.latest-arrows{display:flex;gap:8px}.latest-arrow{border:1px solid #cfdbc8;border-radius:5px;background:white;font-size:10px;padding:10px 16px;color:var(--green)}.latest-arrow:hover:not(:disabled){background:var(--green);color:white}.latest-arrow:disabled{opacity:.4;cursor:default}.latest-status{font-size:9px;color:var(--muted)}.about-panel{margin:0 0 45px;display:grid;grid-template-columns:1.1fr 1fr;gap:45px;background:#e7eedf;border:1px solid #d7e1ce;border-radius:12px;padding:36px}.about-panel h2{font-size:29px;line-height:1.2;letter-spacing:-.9px;margin:10px 0}.about-panel p{font-size:11px;color:#6c7e68;margin:0}.about-items{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.about-item{border-left:2px solid #b2c59a;padding-left:13px}.about-item b{font-size:11px;display:block}.about-item p{font-size:9px;margin-top:4px}.footer{background:var(--deep);color:#fff;padding:40px 0 23px}.footer .brand-icon{background:#194f3e}.footer .brand small{color:#9cab9c}.footer-main{display:flex;justify-content:space-between;gap:35px}.footer p{font-size:10px;color:#9bafa1;max-width:320px}.footlinks ul{list-style:none;display:flex;gap:23px;padding:0;margin:7px 0;font-size:10px;color:#c1cfbe}.footer-bottom{border-top:1px solid #315246;padding-top:17px;margin-top:24px;font-size:8px;color:#8da492;display:flex;justify-content:space-between;gap:20px}.content-wrap{max-width:850px;padding:0 24px;margin:50px auto}.content-wrap h1{font-size:clamp(32px,5vw,49px);line-height:1.15;letter-spacing:-1.6px}.entry-content{overflow-wrap:anywhere}.entry-content a{color:var(--green);text-decoration:underline}.entry-content h2{line-height:1.3;margin-top:30px}.entry-content pre{overflow:auto;background:#e9eee3;padding:20px}.entry-content table{display:block;overflow:auto;max-width:100%;border-collapse:collapse}.entry-content td,.entry-content th{padding:10px;border:1px solid var(--line)}.entry-content blockquote{border-left:3px solid var(--gold);padding:10px 20px;margin-left:0;background:white}.alignwide,.alignfull{width:100%}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:10px}.screen-reader-text{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.sticky{border-color:#cfb366}.bypostauthor{border-left:2px solid var(--gold)}.search-form{display:flex;gap:8px}.search-field{width:100%;min-width:0;border:1px solid var(--line);padding:12px}.search-submit,input[type=submit]{background:var(--green);color:white;padding:12px 18px;border:0}.comment-form input:not([type=checkbox]),.comment-form textarea{max-width:100%;padding:10px;border:1px solid var(--line)}.comment-form label{display:block}.comment-form-cookies-consent label{display:inline}.pagination,.nav-links{display:flex;gap:10px;padding:20px 0}.page-numbers{padding:6px 12px;border:1px solid var(--line);background:white}.current{background:var(--green);color:white}.post-nav{display:flex;justify-content:space-between;gap:20px;font-size:11px;border-top:1px solid var(--line);padding:25px 0}.widget{margin:25px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.empty{background:white;border:1px dashed #c2d0b9;padding:27px;border-radius:8px;font-size:12px;color:var(--muted);grid-column:1/-1}.preview-note{padding:8px 18px;text-align:center;background:#e9deba;color:#766125;font-size:9px}.filter-empty{display:none;padding:25px;font-size:12px;color:var(--muted)}@media(max-width:1000px){.navlinks ul{gap:17px}.nav>.button{display:none}.hero-content{padding:39px;gap:29px}.hero h1{font-size:56px}.match-grid{grid-template-columns:repeat(2,1fr)}.center-stage{grid-template-columns:1fr 1fr}.quick-link{padding:17px}.teams-grid{grid-template-columns:repeat(4,1fr)}.latest-track .card{flex-basis:calc((100% - 22px)/2)}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.utility .wrap{font-size:8px;letter-spacing:1px}.utility span:last-child{display:none}.nav{min-height:76px;flex-wrap:wrap;padding:12px 0;gap:12px}.brand{font-size:19px}.brand-icon{width:32px;height:38px}.menu-toggle{display:block}.navlinks{display:none;width:100%;padding:10px 0}.navlinks.open{display:block}.navlinks ul{flex-direction:column;gap:13px}.navlinks ul ul{position:static}.hero{margin-top:16px;border-radius:11px;min-height:0}.hero:after{background:linear-gradient(90deg,#072e28ec,#082f28a8)}.hero-content{grid-template-columns:1fr;padding:31px 25px;gap:20px}.hero h1{font-size:48px;letter-spacing:-2px;margin:23px 0 17px}.hero p{font-size:12px}.hero-panel{margin:4px 0 0;padding:20px}.hero-panel h2{font-size:21px}.hero-actions{gap:9px}.button{font-size:10px;padding:11px 17px}.hero-note{margin-top:18px;font-size:8px}.quick-rail{grid-template-columns:1fr 1fr;margin-top:12px}.quick-link{padding:14px;font-size:11px}.quick-link:nth-child(2){border-right:0}.quick-link:nth-child(-n+2){border-bottom:1px solid var(--line)}.quick-link small{font-size:8px}.section{padding:31px 0}.section-head{align-items:start;gap:13px;flex-wrap:wrap;margin-bottom:19px}.section-head h2{font-size:25px}.section-head p{font-size:10px}.match-grid{grid-template-columns:1fr}.match-filter{font-size:9px;padding:7px 12px}.match-card{padding:20px}.center-stage{grid-template-columns:1fr;gap:20px}.standings-shell{padding:20px 15px}.standings{font-size:9px}.standings th,.standings td{padding:11px 7px}.standings-shell h2{font-size:23px}.feature-fallback{min-height:200px}.feature-story-body{padding:23px}.teams-grid{grid-template-columns:1fr 1fr;gap:10px}.team-card{padding:20px 13px}.team-card h3{font-size:12px}.latest-track{gap:16px}.latest-track .card{flex-basis:100%}.card-media{height:215px}.grid{grid-template-columns:1fr}.about-panel{grid-template-columns:1fr;gap:22px;padding:26px;margin-bottom:31px}.about-panel h2{font-size:25px}.about-items{gap:19px}.footer-main{flex-direction:column;gap:12px}.footlinks ul{flex-wrap:wrap;gap:17px}.footer-bottom{flex-direction:column;gap:8px}.content-wrap{margin:35px auto}.latest-arrow{font-size:9px;padding:10px 13px}.latest-status{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.standings tbody th.team-name{font-size:10px;color:var(--green);font-weight:750;background:white;letter-spacing:0;padding:13px 9px;border-top:0;text-align:left}.standings tbody tr:last-child th{border-bottom:0}.hero-bg{object-position:70% center}.hero:after{background:linear-gradient(90deg,#072e28e8 0%,#082f2890 42%,#092e2815 100%)}.hero-panel{margin-top:175px;padding:20px;background:#103c32ce}.hero-panel h2{font-size:21px}.hero-content{grid-template-columns:1.1fr .75fr}@media(max-width:700px){.hero-bg{object-position:74% center}.hero:after{background:linear-gradient(90deg,#072e28ee,#082f2877)}.hero-panel{margin-top:8px;background:#103c32e8}.hero-content{grid-template-columns:1fr}}

.hero-content{grid-template-columns:1.2fr .8fr;gap:0 35px}.hero-panel{grid-column:1;grid-row:2;margin-top:22px;max-width:445px;padding:15px 20px;background:#123c30d9}.hero-panel h2{font-size:17px;margin:11px 0 8px}.hero-panel p{font-size:9px}.hero-panel .panel-bottom{margin-top:11px;padding-top:9px;font-size:8px}.hero-panel .vs-hero{margin:12px 0}.hero-panel .vs-hero b{font-size:12px}.hero-panel .eyebrow{font-size:7px}.hero-content{padding-top:43px;padding-bottom:35px}.hero-note{margin-top:18px}.hero-bg{object-position:75% center}@media(max-width:700px){.hero-content{grid-template-columns:1fr;padding:29px 25px}.hero-panel{max-width:none;margin-top:21px}.hero-bg{object-position:74% center}}
