/*
Theme Name: SwiftPress News
Theme URI: https://example.com/swiftpress-news
Author: Louise Leet
Author URI: https://example.com
Description: A fast, responsive WordPress news/magazine theme inspired by modern Indian news portals. Clean grid, sticky header, featured hero, category labels, and ad slots.
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: swiftpress-news
Tags: news, magazine, blog, grid-layout, custom-logo, custom-menu, one-column, two-columns, right-sidebar, footer-widgets, rtl-language-support, translation-ready
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

:root{
  --sp-primary:#e21b22;
  --sp-dark:#111;
  --sp-muted:#6b7280;
  --sp-bg:#ffffff;
  --sp-card:#ffffff;
  --sp-border:#e5e7eb;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif;
  color:#111;
  background:#f8fafc;
  line-height:1.6;
  font-size:16px;
}
a{color:var(--sp-dark);text-decoration:none}
a:hover{color:var(--sp-primary)}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.header{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid var(--sp-border)}
.topbar{background:#0f172a;color:#fff;font-size:14px}
.topbar .container{display:flex;justify-content:space-between;align-items:center;padding:8px 16px}
.branding{display:flex;align-items:center;gap:10px;padding:12px 0}
.branding .site-title{font-size:24px;font-weight:800;color:var(--sp-dark)}
.navbar{border-top:1px solid var(--sp-border)}
.navbar .container{display:flex;gap:16px;align-items:center}
.menu-toggle{display:none;border:1px solid var(--sp-border);padding:8px 12px;border-radius:10px;background:#fff}
.primary-menu{display:flex;gap:16px;flex-wrap:wrap;padding:10px 0;margin:0;list-style:none}
.primary-menu li a{padding:10px 8px;border-radius:8px;display:block}
.primary-menu li.current-menu-item a{background:var(--sp-primary);color:#fff}
.search-form{margin-left:auto;display:flex;gap:8px;align-items:center}
.search-form input{padding:8px 10px;border:1px solid var(--sp-border);border-radius:10px}
.search-form button{padding:8px 12px;border:none;background:var(--sp-primary);color:#fff;border-radius:10px}

.hero{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}
.hero .lead{position:relative;background:#000;color:#fff;border-radius:16px;overflow:hidden;min-height:300px}
.hero .lead img{width:100%;height:100%;object-fit:cover;opacity:.75;display:block}
.hero .lead .meta{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(transparent, rgba(0,0,0,.8))}
.badge{display:inline-block;background:var(--sp-primary);color:#fff;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;margin-bottom:6px}
.lead .title{font-size:28px;font-weight:800;margin:0}
.hero .list{display:grid;gap:12px}
.card{background:var(--sp-card);border:1px solid var(--sp-border);border-radius:16px;overflow:hidden}
.card a{display:block}
.card .thumb{aspect-ratio:16/9;background:#eee}
.card .content{padding:12px}
.card .title{font-size:18px;margin:0 0 6px 0;font-weight:700}
.meta-row{color:var(--sp-muted);font-size:14px}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}
@media(max-width:1024px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .hero{grid-template-columns:1fr}
}
@media(max-width:640px){
  .primary-menu{display:none}
  .menu-toggle{display:block}
  .grid{grid-template-columns:1fr}
}

.main{display:grid;grid-template-columns:1fr 320px;gap:24px;margin:24px 0}
@media(max-width:1024px){.main{grid-template-columns:1fr}}

.sidebar .widget{background:#fff;border:1px solid var(--sp-border);border-radius:16px;padding:16px;margin-bottom:16px}
.footer{background:#0b1220;color:#cbd5e1;margin-top:24px}
.footer .widgets{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 0}
.footer a{color:#e2e8f0}
.footer-bottom{border-top:1px solid #1e293b;padding:12px 0;font-size:14px;text-align:center}

.post-title{margin:8px 0 12px 0;font-size:34px;line-height:1.2}
.post-meta{color:var(--sp-muted);font-size:14px;margin-bottom:16px}
.post-content img{max-width:100%;height:auto;border-radius:12px}
.post-content{background:#fff;border:1px solid var(--sp-border);border-radius:16px;padding:16px}
.post-tags{margin-top:16px}
.pager{display:flex;justify-content:space-between;gap:12px;margin:20px 0}
.related{margin-top:24px}
.category-label{font-size:12px;text-transform:uppercase;letter-spacing:.02em;color:#fff;background:var(--sp-primary);padding:2px 8px;border-radius:999px}
.ad-slot{background:#f1f5f9;border:1px dashed var(--sp-border);border-radius:12px;padding:12px;text-align:center;color:#64748b;font-size:14px}
#next-article{margin-top:24px}