/*
Theme Name: Editorial Arena
Theme URI: https://footballstrategy.org/
Author: Editorial Arena
Description: Image-led responsive football editorial theme inspired by the supplied Football Strategy homepage screenshot.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: editorial-arena
*/
:root{--ink:#0d1420;--panel:#171d20;--lime:#d7fb59;--muted:#aab9c9;--paper:#f7f8f5;--body:#253243}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--body);font:17px/1.7 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit}a:hover{color:#577c0a}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible{outline:3px solid #86b500;outline-offset:3px}.screen-reader-text{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.screen-reader-text:focus{position:fixed;clip-path:none;width:auto;height:auto;top:12px;left:12px;z-index:9999;background:white;padding:10px}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(20,24,26,.97);color:#fff;box-shadow:0 1px 0 #ffffff22}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:850;font-size:clamp(18px,2.2vw,25px);letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:48px;height:48px;background:#0d1420;color:var(--lime);border-radius:11px;font-size:30px}.tagline{font-size:10px;letter-spacing:.18em;color:#b3bdc9;text-transform:uppercase;font-weight:700}.nav-menu{display:flex;align-items:center;gap:26px;list-style:none;padding:0;margin:0}.nav-menu a{text-decoration:none;font-weight:700;font-size:15px}.nav-menu .current-menu-item>a,.nav-menu .current_page_item>a,.nav-menu a[aria-current=page]{color:var(--lime);border-bottom:2px solid var(--lime);padding-bottom:5px}.menu-toggle{display:none;background:transparent;border:1px solid #667;color:#fff;padding:8px 12px;border-radius:7px;font-size:16px}.hero{background:var(--ink);color:#f4f5f5;overflow:hidden}.hero-inner{min-height:570px;display:grid;grid-template-columns:1.35fr .9fr;align-items:center;gap:25px;padding-top:75px;padding-bottom:75px}.eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:.23em;font-weight:850;font-size:12px}.hero h1{font-size:clamp(43px,5.3vw,80px);line-height:1.09;letter-spacing:-.065em;margin:26px 0 28px;font-weight:900}.hero h1 span{color:var(--lime)}.hero p{max-width:630px;color:var(--muted);font-size:clamp(17px,1.8vw,21px);line-height:1.8}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:34px}.btn{display:inline-block;background:var(--lime);color:#10191d;text-decoration:none;border-radius:8px;padding:14px 22px;font-weight:850}.hero-link{color:#fff;text-underline-offset:7px}.hero-art{position:relative;max-width:460px;justify-self:end;transform:rotate(8deg);filter:drop-shadow(0 24px 30px #0005)}.hero-art img{display:block;width:100%;border-radius:14px;mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 95%,transparent 100%)}.section{padding:70px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:25px}.section-heading h2{font-size:clamp(29px,3vw,42px);line-height:1.2;letter-spacing:-.045em;margin:0;color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.article-card{background:white;border:1px solid #e2e6e9;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0c192008}.article-card>a{display:block;overflow:hidden}.article-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .25s}.article-card:hover img{transform:scale(1.035)}.image-placeholder{aspect-ratio:16/10;background:linear-gradient(135deg,#12342d,#234f38);display:grid;place-items:center;color:var(--lime);font-size:45px}.card-content{padding:23px}.category{font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#557c10}.card-content h3{font-size:23px;line-height:1.25;letter-spacing:-.035em;margin:10px 0}.card-content h3 a{text-decoration:none}.card-content p{margin:0;color:#5c6974;font-size:15px}.meta{font-size:13px;color:#677480;margin:14px 0 0}.article-shell{padding:48px 0 90px}.article-header{max-width:820px;margin:30px auto 32px;text-align:center}.article-header h1,.archive-title{font-size:clamp(34px,5vw,62px);line-height:1.12;letter-spacing:-.055em;color:var(--ink);margin:14px 0}.article-excerpt{font-size:clamp(18px,2vw,23px);color:#566778;line-height:1.6}.article-cover{max-width:1120px;margin:0 auto 35px}.article-cover img{display:block;width:100%;max-height:620px;object-fit:cover;border-radius:14px}.article-body{max-width:760px;margin:auto;font-size:18px;line-height:1.85}.article-body h2,.article-body h3{line-height:1.25;color:var(--ink);margin-top:1.7em}.article-body img{border-radius:10px}.article-body blockquote{border-left:4px solid #9ccf28;padding-left:22px;color:#405363}.article-body a{color:#356b92}.article-body p{margin:0 0 1.4em}.pagination{margin-top:35px}.site-footer{background:#151a20;color:#cad4de;padding:48px 0}.site-footer a{color:var(--lime)}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{min-height:500px}}@media(max-width:767px){.wrap{width:min(100% - 32px,1200px)}.header-inner{min-height:70px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#171d20;padding:18px 24px}.site-nav.is-open{display:block}.nav-menu{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.hero-inner{grid-template-columns:1fr;min-height:0;padding-top:65px;padding-bottom:60px}.hero-art{max-width:270px;justify-self:center;margin-top:20px}.hero h1{font-size:clamp(43px,10vw,62px)}.hero p{font-size:17px}.cards{grid-template-columns:1fr}.section{padding:45px 0}.article-shell{padding-top:25px}.article-body{font-size:17px}.article-cover img{border-radius:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-card img{transition:none}}
/* Version 1.1: article-first homepage and matchday sections at bottom */
.card-image-link{position:relative;display:block;background:#10251e}.card-image-link>img{width:100%;aspect-ratio:16/10;object-fit:cover}.image-cta{position:absolute;bottom:13px;right:13px;padding:6px 12px;border-radius:6px;background:rgba(13,20,32,.86);color:#fff;font-size:13px;font-weight:750}.article-card:hover .image-cta{background:#d7fb59;color:#10191d}.image-placeholder{position:relative;overflow:hidden;background:linear-gradient(135deg,#0b1420,#184733)}.image-placeholder img{width:100%;height:100%;object-fit:contain;padding:24px;transform:rotate(7deg)}.matchday-section,.league-section{background:#171b1d;color:#f0efeb;padding:70px 0;border-top:1px solid #434849}.matchday-section{background:#15191b}.matchday-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.matchday-section h2,.league-section h2{font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-.05em;margin:14px 0 30px}.matchday-section .eyebrow,.league-section .eyebrow{color:#8be8ce}.matchday-pill{border:1px solid #3a5147;border-radius:50px;background:#20302a;padding:9px 16px;font-size:14px;font-weight:700}.matchday-panel{border:1px dashed #4a5152;border-radius:17px;padding:30px 35px;background:rgba(255,255,255,.025)}.matchday-panel h3{margin:0 0 12px;font-size:22px}.matchday-panel p{color:#b9b7b2;margin:0 0 12px}.matchday-panel a{color:#d7fb59}.league-links{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:22px 0 0;padding:0}.league-links li{list-style:none}.league-links a{display:inline-block;padding:8px 12px;border:1px solid #45534b;border-radius:8px;text-decoration:none}@media(max-width:767px){.matchday-section,.league-section{padding:48px 0}.matchday-heading{align-items:flex-start;flex-direction:column}.matchday-panel{padding:22px}.image-cta{font-size:12px}}

/* Version 1.2: visible editorial homepage redesign */
#latest{background:#f4f6f1;padding:82px 0 95px;scroll-margin-top:90px}
#latest .section-heading{margin-bottom:34px;align-items:end}
#latest .section-heading h2{font-size:clamp(38px,4.5vw,62px);max-width:760px;letter-spacing:-.06em}
.section-intro{color:#5c6974;font-size:18px;max-width:660px;margin:13px 0 0}
.cards-featured{gap:24px}
.cards-featured .article-card{border-radius:18px;box-shadow:0 14px 40px #13231b13;transition:transform .2s,box-shadow .2s}
.cards-featured .article-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px #13231b20}
.cards-featured .article-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1.15fr 1fr;min-height:380px}
.cards-featured .article-card:first-child .card-image-link{height:100%}
.cards-featured .article-card:first-child .card-image-link>img{height:100%;aspect-ratio:auto}
.cards-featured .article-card:first-child .card-content{display:flex;flex-direction:column;justify-content:center;padding:38px}
.cards-featured .article-card:first-child h3{font-size:clamp(27px,3vw,42px)}
.card-image-link{position:relative;background:#12342d}
.image-cta{position:absolute;bottom:14px;right:14px;background:#d7fb59;color:#0d1420;border-radius:30px;font-size:12px;font-weight:850;padding:7px 12px;opacity:0;transform:translateY(6px);transition:all .2s}
.article-card:hover .image-cta,.article-card:focus-within .image-cta{opacity:1;transform:none}
.lower-home{padding:60px 0}
@media(max-width:1000px){.cards-featured .article-card:first-child{grid-column:span 2}}
@media(max-width:767px){#latest{padding:50px 0 65px}.cards-featured .article-card:first-child{grid-column:auto;display:block;min-height:0}.cards-featured .article-card:first-child .card-image-link>img{aspect-ratio:16/10;height:auto}.cards-featured .article-card:first-child .card-content{padding:23px}.cards-featured .article-card:first-child h3{font-size:25px}.image-cta{opacity:1;transform:none}}

/* Version 1.3: quotation-led homepage and unmistakable article gallery */
#latest{background:#f6f8f3!important;border-top:8px solid #d7fb59}#latest .section-heading:before{content:"LATEST FOOTBALL STORIES";display:block;color:#466d0c;font-size:12px;letter-spacing:.18em;font-weight:900;position:absolute;transform:translateY(-28px)}#latest .article-card{border:2px solid #dce6d0;box-shadow:0 14px 35px #0c192015}#latest .article-card:first-child{grid-column:span 2}#latest .article-card:first-child img{aspect-ratio:16/8}#latest .article-card:first-child h3{font-size:clamp(26px,3vw,39px)}.hero h1{max-width:900px}.hero h1 span{color:#d7fb59}@media(max-width:767px){#latest .article-card:first-child{grid-column:auto}#latest .article-card:first-child img{aspect-ratio:16/10}}