/*
Theme Name: DiscoverPress Light (GP Style)
Theme URI: https://example.com/discoverpress
Author: You
Description: GeneratePress-like, super-fast light theme optimized for Google Discover (16:9 images) + custom static homepage support.
Version: 1.1.0
Text Domain: discoverpress
*/

:root{
  --bg:#ffffff;
  --text:#0b1220;
  --muted:#64748b;
  --link:#0a6cf1;
  --card:#f8fafc;
  --border:#e5e7eb;

  --container:1140px;
  --radius:12px;

  --h1:clamp(28px,4vw,36px);
  --h2:clamp(22px,3vw,28px);
  --h3:clamp(18px,2.4vw,22px);
  --base:16px;
  --lead:1.8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:var(--bg); color:var(--text);
  font-size:var(--base); line-height:var(--lead);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--container);margin:0 auto;padding:0 18px}

/* Header (GP-like minimal) */
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:10}
.header-inner{display:flex;align-items:center;gap:16px;padding:12px 0}
.brand{font-weight:800;font-size:20px;letter-spacing:.2px}
.nav{margin-left:auto;display:flex;gap:12px;overflow:auto}
.nav a{color:var(--muted);padding:6px 10px;border-radius:999px}
.nav a:hover{background:#eef2ff;text-decoration:none}

/* Cards & grids */
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e2e8f0}
.card-body{padding:12px 14px}
.card-title{font-weight:800;font-size:var(--h3);line-height:1.25;margin:4px 0 6px}
.card-meta{color:var(--muted);font-size:14px}

/* Hero (big top story) */
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin:18px 0}
@media (max-width:900px){.hero{grid-template-columns:1fr}}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:900px){.grid{grid-template-columns:1fr}}

/* Post page */
.post{max-width:820px;margin:28px auto}
.post h1{font-size:var(--h1);line-height:1.15;margin:16px 0 8px}
.post .meta{color:var(--muted);font-size:14px;margin:6px 0 16px}
.post figure{margin:0 0 14px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}
.post img{aspect-ratio:16/9;object-fit:cover}
.post p{margin:12px 0}
.tag{display:inline-block;background:#eef2ff;color:#3730a3;padding:6px 10px;border-radius:999px;font-size:13px;margin:0 8px 8px 0}

/* Footer */
.footer{margin-top:40px;border-top:1px solid var(--border);background:#fff}
.footer-inner{padding:22px 0;color:var(--muted);font-size:14px}

/* Ads & pagination */
.ad{margin:18px 0;text-align:center}
.pagination{display:flex;gap:10px;justify-content:center;margin:24px 0}
.pagination a,.pagination span{padding:8px 12px;border:1px solid var(--border);border-radius:10px;color:var(--muted)}

/* GP-like content width for pages */
.page{max-width:820px;margin:28px auto}
.page h1{font-size:var(--h1);margin:16px 0}

/* === Logo sizing === */
.site-logo{display:flex;align-items:center}
.site-logo .custom-logo-link{display:inline-block;width:var(--logo-w)}
.site-logo img{width:100%;height:auto;display:block}

/* === Sidebar Layout === */
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin:22px 0}
.content-main{min-width:0}
.content-aside{min-width:0}
@media (max-width:900px){
  .content-layout{grid-template-columns:1fr}
}

/* Single with sidebar: make content full width (not narrow) */
.post-wide{max-width:unset;margin:18px 0}

/* Widgets default styles (clean) */
.widget{font-size:15px;color:var(--text)}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:6px 0;border-bottom:1px solid var(--border)}
.widget li:last-child{border-bottom:0}

/* ====== TOP MENU — GeneratePress-ish ====== */
.primary-nav { margin-left:auto; }
.main-menu{ list-style:none; display:flex; align-items:center; gap:6px; margin:0; padding:0; }
.main-menu > li{ position:relative; }
.main-menu > li + li{ margin-left:4px; }
.main-menu > li + li::before{
  content:"•"; color:#94a3b8; margin-right:8px; margin-left:4px;
}
.main-menu a{
  display:inline-block; padding:8px 12px; border-radius:999px;
  color:var(--muted); font-weight:600;
}
.main-menu > li > a:hover{ background:#eef2ff; color:var(--text); text-decoration:none; }
.main-menu > li.current-menu-item > a,
.main-menu > li.current-menu-ancestor > a{
  background:#e0e7ff; color:#1e3a8a;
}

/* Dropdowns */
.main-menu .sub-menu{
  list-style:none; position:absolute; top:100%; left:0;
  background:#fff; border:1px solid var(--border); border-radius:12px;
  padding:8px 6px; min-width:220px; box-shadow:0 8px 24px rgba(0,0,0,.06);
  opacity:0; visibility:hidden; transform:translateY(6px);
  transition:all .18s ease; z-index:20;
}
.main-menu li:hover > .sub-menu,
.main-menu li:focus-within > .sub-menu{ opacity:1; visibility:visible; transform:translateY(0); }
.main-menu .sub-menu li{ padding:0; }
.main-menu .sub-menu a{ display:block; padding:8px 12px; border-radius:8px; color:var(--text); }
.main-menu .sub-menu a:hover{ background:#f1f5f9; }

/* Mobile: nav ko horizontally scrollable rakho (simple & fast) */
@media (max-width:900px){
  .nav{ overflow:auto; }
  .main-menu{ gap:4px; }
  .main-menu > li + li::before{ display:none; } /* mobile par dots off */
}

/* ====== SIDEBAR — GeneratePress-ish ====== */
.content-aside{ position:sticky; top:84px; height:fit-content; }
.content-aside .widget{
  background:#fff; border:1px solid var(--border); border-radius:12px;
  padding:14px; box-shadow:0 1px 0 rgba(0,0,0,.02); margin-bottom:18px;
}
.content-aside .widget .widget-title,
.content-aside .widget .card-title{
  font-weight:800; font-size:18px; margin:0 0 10px; color:var(--text);
}
.content-aside .widget ul{ list-style:none; margin:0; padding:0; }
.content-aside .widget li{
  padding:8px 0; border-bottom:1px solid var(--border);
}
.content-aside .widget li:last-child{ border-bottom:0; }
.content-aside .widget a{ color:var(--text); }
.content-aside .widget a:hover{ color:#0a6cf1; text-decoration:none; }

/* Categories list look */
.widget_categories ul li a{ display:flex; justify-content:space-between; align-items:center; }
.widget_categories .count{ color:var(--muted); font-size:13px; }

/* Search widget (GeneratePress vibes) */
.search-form{ display:flex; gap:8px; }
.search-form .search-field{
  flex:1; padding:10px 12px; border:1px solid var(--border); border-radius:10px; outline:none;
}
.search-form .search-field:focus{ border-color:#bfdbfe; box-shadow:0 0 0 3px #dbeafe; }
.search-form .search-submit{
  padding:10px 12px; border:1px solid var(--border); border-radius:10px;
  background:#0a6cf1; color:#fff; font-weight:600; cursor:pointer;
}
.search-form .search-submit:hover{ filter:brightness(.95); }

/* ====== TABLES — clean, readable, responsive ====== */
.content table,
.post table,
.page table,
.entry-content table,
.wp-block-table table{
  width:100%; border-collapse:collapse; margin:16px 0; font-size:15px;
}
.content th, .post th, .page th, .entry-content th, .wp-block-table th,
.content td, .post td, .page td, .entry-content td, .wp-block-table td{
  border:1px solid var(--border); padding:10px 12px; text-align:left;
}
.content thead th, .post thead th, .page thead th, .entry-content thead th, .wp-block-table thead th{
  background:#f1f5f9; font-weight:700;
}
.content tbody tr:nth-child(even) td,
.post tbody tr:nth-child(even) td,
.page tbody tr:nth-child(even) td,
.entry-content tbody tr:nth-child(even) td,
.wp-block-table tbody tr:nth-child(even) td{
  background:#f8fafc;
}
/* Gutenberg table caption */
.wp-element-caption{ color:var(--muted); font-size:13px; margin-top:6px; }
/* Small screens: allow horizontal scroll if needed */
@media (max-width:700px){
  .content table,
  .post table,
  .page table,
  .entry-content table,
  .wp-block-table table{ display:block; overflow-x:auto; white-space:nowrap; }
}