/*
Theme Name: AlkoSport
Theme URI: https://example.com/alkosport
Author: AlkoSport
Description: Dark, modern sports news and live-match dashboard inspired by the supplied reference.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: alkosport
*/
:root{--bg:#080e0a;--panel:#101a13;--panel2:#142118;--line:rgba(255,255,255,.08);--green:#08c879;--text:#f4f7f4;--muted:#8c9990;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}img{max-width:100%;height:auto;display:block}button,input{font:inherit}.site-shell{min-height:100vh}.topbar{height:76px;background:#0e1711;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;padding:0 34px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-.6px;white-space:nowrap}.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--green);color:#062014;display:grid;place-items:center;font-size:22px;font-weight:900}.main-nav{display:flex;align-items:center;gap:28px;margin:auto}.main-nav a{color:#8e9a91;font-size:14px}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--green)}.top-actions{display:flex;align-items:center;gap:15px;color:#a9b3ac}.search-form{display:flex;background:#19251c;border:1px solid var(--line);border-radius:30px;padding:5px 12px}.search-form input{width:130px;background:transparent;border:0;outline:0;color:white}.search-form button{border:0;background:none;color:var(--green);cursor:pointer}.mobile-toggle{display:none;background:none;border:0;color:white;font-size:24px}.layout{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;max-width:1600px;margin:auto;padding:18px}.side-rail{background:#0e1711;border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:12px;min-height:calc(100vh - 112px)}.side-rail a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#849188;font-size:19px}.side-rail a:hover,.side-rail a.active{background:#073f2a;color:var(--green)}.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(310px,.95fr);gap:18px;min-width:0}.primary-column,.right-column{min-width:0}.hero{min-height:365px;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(120deg,rgba(3,18,10,.96),rgba(4,48,25,.78)),radial-gradient(circle at 75% 30%,#27643d,#08140c 60%);display:flex;align-items:center;justify-content:center;text-align:center;padding:38px;margin-bottom:20px;border:1px solid var(--line)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(0,0,0,.3));pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:760px}.hero-kicker{color:#b3c6b8;text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:700}.hero h1{font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-1.8px;margin:18px 0 12px;text-transform:uppercase}.hero p{color:#c0cec4;margin:0 auto 22px;max-width:560px}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#042113;padding:11px 20px;border-radius:10px;font-weight:800}.btn:hover{background:#26e395;color:#042113}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.section-heading h2{font-size:20px;margin:0;letter-spacing:-.5px}.section-heading a{font-size:13px;color:var(--muted)}.live-label{display:flex;align-items:center;gap:9px}.live-dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px rgba(8,200,121,.12)}.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.match-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:15px}.league{font-size:11px;color:var(--muted);margin-bottom:12px}.match-teams{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:700}.team{display:flex;align-items:center;gap:8px;min-width:0}.team-badge{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#26372b;font-size:12px;color:#d9e9de}.score{font-size:19px;white-space:nowrap}.match-status{display:inline-block;margin-top:12px;padding:3px 8px;border-radius:20px;background:rgba(8,200,121,.13);color:var(--green);font-size:10px;font-weight:800}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.post-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0}.post-thumb{height:150px;background:linear-gradient(135deg,#1b3926,#101a13);overflow:hidden;position:relative}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.post-card:hover .post-thumb img{transform:scale(1.05)}.post-thumb .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--green);color:#052215;display:grid;place-items:center;font-size:15px}.post-body{padding:13px}.post-meta{font-size:11px;color:var(--muted);margin-bottom:6px}.post-card h3{font-size:15px;line-height:1.35;margin:0 0 7px}.post-card p{font-size:12px;color:var(--muted);margin:0}.right-column .section-heading{margin-top:0}.watched-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.watched-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px}.watched-teams{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:13px}.watched-teams span{background:#26362b;padding:7px;border-radius:20px}.watched-league{font-size:11px;color:var(--muted);margin:12px 0 7px}.watched-score{display:flex;justify-content:space-between;font-size:12px}.watched-score strong{font-size:16px}.headline-list{display:grid;gap:11px}.headline{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;background:var(--panel);padding:10px;border:1px solid var(--line);border-radius:13px}.headline img,.headline-placeholder{width:82px;height:76px;object-fit:cover;border-radius:8px;background:#1b3926}.headline h3{font-size:13px;line-height:1.35;margin:4px 0 7px}.headline small{color:var(--muted);font-size:10px}.page-content{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;min-height:400px}.page-title{font-size:34px;margin:0 0 20px}.entry-content{color:#d2ddd5}.entry-content a{color:var(--green);text-decoration:underline}.entry-content h2,.entry-content h3{color:white}.entry-content img{border-radius:14px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.pagination{margin:24px 0}.pagination a,.pagination span{display:inline-block;padding:8px 13px;background:var(--panel2);border-radius:8px;margin-right:5px}.pagination .current{background:var(--green);color:#052215}.site-footer{max-width:1600px;margin:0 auto;padding:20px 28px 35px;color:var(--muted);font-size:12px}.site-footer a{color:var(--green)}.empty-state{padding:35px;text-align:center;background:var(--panel);border-radius:15px;color:var(--muted)}
@media(max-width:1050px){.content-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.right-column .section-heading{grid-column:1/-1}.main-nav{gap:15px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.topbar{height:65px;padding:0 15px;gap:12px}.brand{font-size:19px}.brand-mark{width:34px;height:34px}.mobile-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#0e1711;padding:18px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.top-actions{display:none}.layout{display:block;padding:10px}.side-rail{display:none}.hero{min-height:300px;padding:25px 18px}.hero h1{font-size:34px}.match-grid,.watched-grid{grid-template-columns:1fr 1fr}.post-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-thumb{height:120px}.right-column{display:block}.right-column .section-heading{margin-top:25px}.page-content{padding:18px}.page-title{font-size:27px}}
@media(max-width:420px){.match-grid,.watched-grid,.post-grid,.archive-grid{grid-template-columns:1fr}.hero h1{font-size:29px}.headline{grid-template-columns:70px 1fr}.headline img,.headline-placeholder{width:70px;height:68px}}