/*
Theme Name: Gazet WP Pixel
Description: Gazet-style pixel inspired magazine theme for WordPress.
Version: 1.6.0
Text Domain: gazet-wp
*/

:root{--red:#e10613;--black:#111;--gray:#666;--border:#000;--max:1200px;}
*{box-sizing:border-box;}
body{margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--black);background:#fff;line-height:1.7;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
.container{max-width:var(--max);margin:0 auto;padding:0 16px;}

/* Header */
.site-header{border-bottom:0;}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 0;}
.logo{font-family:'Playfair Display',serif;font-size:42px;font-weight:700;letter-spacing:-.5px;}
.auth{display:flex;gap:16px;align-items:center;font-size:14px;}
.subscribe-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;padding:8px 18px;border-radius:3px;font-weight:600;white-space:nowrap;max-width:160px;}

.navbar{border-top:3px solid #000;border-bottom:3px solid #000;padding:10px 0;display:flex;align-items:center;gap:16px;}
.menu-toggle{font-size:22px;cursor:pointer;}
.navbar ul{list-style:none;margin:0;padding:0;display:flex;gap:22px;flex-wrap:wrap;}
.navbar a{font-size:14px;font-weight:600;}
.nav-tools{margin-left:auto;display:flex;gap:12px;font-size:14px;color:#333;}

/* Categories / hero */
.category{color:var(--red);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;}
.hero h1{font-family:'Playfair Display',serif;font-size:48px;line-height:1.15;margin:10px 0;}
.post-meta{font-size:14px;color:var(--gray);}

/* Homepage sections */
.home-section{margin:50px 0;}
.section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--border);margin-bottom:20px;}
.section-head h2{margin:0;font-family:'Playfair Display',serif;font-size:32px;}
.see-all{background:#000;color:#fff;padding:6px 14px;font-size:13px;font-weight:600;}
.grid{display:grid;gap:24px;}
.sports-grid{grid-template-columns:repeat(4,1fr);}
.card h3{font-family:'Playfair Display',serif;font-size:20px;line-height:1.3;margin:8px 0 4px;}

/* Single layout - align exactly with header/container */
.single-wrap{
  display:grid;
  grid-template-columns:3fr 1.4fr;
  gap:40px;
  margin:40px auto;
  max-width:var(--max);
  padding:0 16px; /* same as .container */
}
.single-hero{max-width:820px;}
.single-hero h1{font-family:'Playfair Display',serif;font-size:44px;line-height:1.15;}
.single-hero img{margin:20px 0;}
.content{font-size:18px;line-height:1.85;}

.sidebar{border-left:1px solid #eee;padding-left:24px;}
.sidebar h4{font-family:'Playfair Display',serif;font-size:18px;margin:0 0 12px;border-bottom:3px solid #000;display:inline-block;}
.sidebar .side-item{display:flex;gap:12px;margin:16px 0;}
.sidebar .side-item img{width:72px;height:72px;object-fit:cover;}
.sidebar .side-item h5{font-size:14px;margin:0;line-height:1.4;font-weight:600;}

/* Footer */
.site-footer{border-top:0;margin-top:60px;padding:30px 0 0;font-size:14px;color:#444;}
.site-footer .container{border-top:3px solid #000;padding-top:24px;}

/* Mobile */
@media(max-width:900px){
  .single-wrap{
    grid-template-columns:1fr;
    padding:0 16px;
  }
  .single-hero{max-width:100%;}
  .sidebar{border-left:none;padding-left:0;margin-top:40px;}
}
@media(max-width:768px){
  .hero h1{font-size:30px;}
  .sports-grid{grid-template-columns:1fr;}
  .logo{font-size:34px;}
  .navbar ul{display:none;flex-direction:column;gap:12px;}
  .navbar.active ul{display:flex;}
}