/*
Theme Name: SpillZoneMedia
Author: SpillZoneMedia
Description: Responsive news/magazine WordPress theme for SpillZonemedia.
Version: 1.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: spillzonemedia
*/
:root{--pink:#f51b5b;--dark:#080c11;--text:#15181d;--muted:#737984;--line:#e8e9ed;--bg:#f6f7f9;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.site-header{background:var(--dark);color:#fff;position:sticky;top:0;z-index:20}.header-inner{max-width:1200px;margin:auto;display:flex;align-items:center;gap:28px;padding:10px 20px;min-height:78px}
.logo{width:225px;height:58px;object-fit:contain;object-position:left center}.main-nav{margin-left:auto}.main-nav ul{display:flex;gap:32px;list-style:none;margin:0;padding:0}.main-nav a{font-weight:700;font-size:15px}.main-nav a:hover,.main-nav .current-menu-item a{color:var(--pink)}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.search-link{font-size:21px;margin-left:5px}
.container{max-width:1200px;margin:auto;padding:22px 20px}.hero{display:grid;grid-template-columns:1.7fr 1fr;gap:10px}.hero-main,.hero-card{position:relative;overflow:hidden;background:#111;border-radius:4px}.hero-main{min-height:410px}.hero-main img{width:100%;height:100%;object-fit:cover;opacity:.88}.hero-overlay{position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.9));display:flex;flex-direction:column;justify-content:flex-end;padding:30px;color:#fff}.hero-title{font-size:34px;line-height:1.08;margin:7px 0 12px}.hero-side{display:grid;gap:5px}.hero-card{min-height:132px;display:grid;grid-template-columns:38% 62%}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-card .card-copy{padding:15px;color:#fff;background:#0d1015}.tag{display:inline-block;background:var(--pink);color:#fff;font-size:10px;font-weight:800;padding:5px 9px;text-transform:uppercase;border-radius:2px}.card-title{font-size:15px;line-height:1.2;margin:7px 0}.meta{font-size:11px;color:var(--muted);display:flex;gap:10px}.hero .meta{color:#ddd}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;margin-top:24px}.section{background:#fff;border:1px solid var(--line);padding:12px;margin-bottom:22px}.section-heading{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:2px 0 10px;margin-bottom:12px}.section-heading h2{font-size:18px;margin:0;color:var(--pink);text-transform:uppercase}.section-heading .view{margin-left:auto;font-size:12px;color:#555}
.post-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.post-card img{width:100%;aspect-ratio:1.55;object-fit:cover;border-radius:4px}.post-card .tag{background:none;color:var(--pink);padding:8px 0 2px;font-size:9px}.post-card h3{font-size:14px;line-height:1.25;margin:2px 0 8px}.post-card .meta{font-size:10px}
.sidebar-box{background:#fff;border:1px solid var(--line);padding:14px;margin-bottom:18px}.sidebar-title{background:var(--dark);color:#fff;padding:10px;font-weight:800;margin:-14px -14px 14px}.ad-box{min-height:180px;background:linear-gradient(135deg,#12171d,#303941);color:#fff;padding:25px}.ad-box h3{font-size:27px;margin:0 0 10px}.button{display:inline-block;background:var(--pink);color:#fff;padding:10px 15px;border-radius:4px;font-weight:700;font-size:13px}.most-read{display:grid;gap:12px}.most-item{display:grid;grid-template-columns:36px 62px 1fr;gap:8px;align-items:center}.number{background:var(--pink);color:#fff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-weight:800;font-size:12px}.most-item img{width:62px;height:45px;object-fit:cover;border-radius:4px}.most-item h4{margin:0;font-size:12px;line-height:1.25}
.newsletter input{width:100%;padding:12px;border:1px solid #ddd;border-radius:20px;margin:10px 0}.newsletter button{width:100%;border:0}
.socials{display:flex;gap:12px}.socials a{width:34px;height:34px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-weight:800}
.site-footer{background:var(--dark);color:#fff;margin-top:25px;border-top:1px solid #252b32}.footer-bottom{max-width:1200px;margin:auto;text-align:center;padding:24px 15px}.footer-policy-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px}.footer-policy-links a{font-size:13px;color:#cdd1d7;line-height:1.7}.footer-policy-links a:hover{color:#fff}.footer-policy-links span{color:#6f7781;font-size:13px}.copyright{margin-top:10px;color:#aeb4bc;font-size:12px}
.single{background:#fff;padding:25px;border:1px solid var(--line)}.single h1{font-size:38px;line-height:1.1}.single .featured{width:100%;max-height:580px;object-fit:cover;margin:18px 0}.entry-content{font-size:18px;line-height:1.75}.entry-content img{margin:18px auto}
.pagination{display:flex;gap:8px;margin:25px 0}.pagination a,.pagination span{padding:8px 12px;background:#fff;border:1px solid var(--line)}
@media(max-width:900px){.main-nav ul{gap:16px}.hero{grid-template-columns:1fr}.hero-side{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:1fr}.post-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.header-inner{min-height:68px;padding:7px 14px}.logo{width:185px;height:52px}.main-nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--dark);padding:18px}.main-nav.open{display:block}.main-nav ul{flex-direction:column;gap:18px}.menu-toggle{display:block;margin-left:auto}.search-link{display:none}.hero-main{min-height:340px}.hero-title{font-size:27px}.hero-side{grid-template-columns:1fr}.hero-card{min-height:100px}.container{padding:14px}.post-grid{grid-template-columns:1fr 1fr;gap:10px}.footer-inner{grid-template-columns:1fr}.single h1{font-size:29px}.entry-content{font-size:16px}}