/*
Theme Name: Fjalo.com
Theme URI: https://example.com/novapress-three
Author: You
Author URI: https://example.com
Description: A clean, responsive, 3‑column news/magazine theme with grid layout, beautiful typography, and fast defaults.
Version: 1.0.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: novapress-three
Tags: news, blog, three-columns, grid-layout, responsive, accessibility-ready
*/
*/

/* Fallback minimal styling in case main.css doesn't load */
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin:0; color:#0f172a; background: #ffffff; line-height:1.6;}
a { color:#0ea5e9; text-decoration:none;}
a:hover { text-decoration:underline;}
.container { max-width:1200px; margin:0 auto; padding: 1rem; }
.site-header { position:sticky; top:0; background:#fff; border-bottom:1px solid #e5e7eb; z-index:100;}
.site-branding { display:flex; align-items:center; gap:.75rem; padding:.75rem 0;}
.primary-nav { display:flex; gap:1rem; flex-wrap:wrap; font-weight:600; }
.hero { padding: 1rem 0; }
.posts-grid { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:1.25rem; }
.post-card { border:1px solid #e5e7eb; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.04); display:flex; flex-direction:column;}
.post-thumb img { width:100%; height:220px; object-fit:cover; display:block;}
.post-content { padding:1rem; display:flex; flex-direction:column; gap:.5rem; }
.post-meta { font-size:.85rem; color:#64748b; display:flex; gap:.75rem; align-items:center; flex-wrap:wrap;}
.cat-badge { font-size:.75rem; background:#f1f5f9; color:#0f172a; padding:.25rem .5rem; border-radius:999px; text-transform:uppercase; letter-spacing:.03em;}
footer.site-footer { margin-top:2rem; border-top:1px solid #e5e7eb; padding:2rem 0; color:#475569;}
.widget-area { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
@media (max-width:1024px) { .posts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .widget-area { grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px) { .posts-grid { grid-template-columns: 1fr; } .widget-area { grid-template-columns:1fr;} .primary-nav { display:block;}}
*/