/*
Theme Name: OrtanNews
Theme URI: https://example.com/ortannews
Author: Ortan HQ
Author URI: https://example.com
Description: A clean, fast WordPress news/magazine theme inspired by Newspaper, built with semantic markup, block editor support, and flexible layouts.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ortannews
Tags: news, magazine, blog, two-columns, right-sidebar, custom-logo, custom-colors, editor-style, wide-blocks
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

:root{
  --on-container: #111;
  --on-muted: #666;
  --on-bg: #222;
  --brand: #0ea5e9;
  --accent: #f59e0b;
  --bg: #fff;
  --card: #fafafa;
  --border: #e5e7eb;
}

*{box-sizing:border-box;}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto; color:var(--on-container); background:var(--bg); line-height:1.6;}
a{color:var(--brand); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 16px;}
.header{border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;gap:16px;padding:12px 0;}
.site-title{font-weight:800;font-size:22px;color:var(--on-bg)}
.nav{margin-left:auto;display:flex;gap:12px;flex-wrap:wrap}
.nav a{padding:6px 10px;border-radius:8px}
.nav a:hover{background:var(--card)}
.grid{display:grid;gap:24px}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{border:1px solid var(--border); background:var(--card); border-radius:16px; overflow:hidden; display:flex; flex-direction:column}
.card img{width:100%; height:180px; object-fit:cover}
.card .meta{padding:12px 16px}
.card .cat{font-size:12px; color:var(--accent); text-transform:uppercase; letter-spacing:.08em}
.card h3{margin:6px 0 8px; font-size:18px; line-height:1.3}
.card p{margin:0; color:var(--on-muted)}
.hero{display:grid; gap:24px; grid-template-columns:2fr 1fr}
.hero .feature{position:relative; overflow:hidden; border-radius:16px}
.hero .feature img{width:100%; height:100%; max-height:420px; object-fit:cover; display:block}
.hero .feature .overlay{position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.55),transparent 60%)}
.hero .feature .text{position:absolute; left:24px; right:24px; bottom:18px; color:#fff}
.badge{display:inline-block; padding:3px 8px; background:var(--brand); color:#fff;border-radius:999px; font-size:12px}
.sidebar{border-left:1px solid var(--border); padding-left:24px}
.footer{margin-top:40px;border-top:1px solid var(--border); padding:24px 0; color:var(--on-muted)}
.pagination{display:flex; gap:8px; justify-content:center; margin:24px 0}
.pagination .page-numbers{padding:8px 12px; border:1px solid var(--border); border-radius:10px}
.wp-block-image img{border-radius:12px}
.wp-block-quote{border-left:4px solid var(--brand); padding-left:16px; color:var(--on-muted)}
*/