/*
Theme Name: TraceFund News
Theme URI: https://example.com/tracefund-news
Author: TraceFund
Author URI: https://tracefund.com
Description: Financial Intelligence, Economic News and Recovery Support
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.2
Text Domain: tracefund-news
Domain Path: /languages
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: news, magazine, financial, responsive, accessibility-ready, block-styles
*/

:root {
  --tf-navy: #061B3A;
  --tf-deep-navy: #03142D;
  --tf-primary: #0D5BDD;
  --tf-bright: #1769FF;
  --tf-light-blue: #EAF2FF;
  --tf-background: #F5F7FB;
  --tf-white: #FFFFFF;
  --tf-text: #101828;
  --tf-muted: #667085;
  --tf-border: #E4E7EC;
  --tf-green: #12B76A;
  --tf-red: #F04438;
  --tf-orange: #F79009;
  --tf-radius: 16px;
  --tf-shadow: 0 8px 24px rgba(6, 27, 58, 0.08);
}

html { font-size: 16px; }
body { margin:0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--tf-text); background: var(--tf-background); line-height:1.6; }
a { color: var(--tf-primary); text-decoration:none; }
a:hover { color: var(--tf-bright); }
img { max-width:100%; height:auto; display:block; }
.skip-link { position:absolute; left:-9999px; top:auto; }
.skip-link:focus { left:1rem; top:1rem; z-index:999999; background:#fff; padding:.75rem 1rem; }
.container { width:min(1180px, calc(100% - 2rem)); margin:0 auto; }
.site-header { position:sticky; top:0; z-index:1000; background:rgba(255,255,255,.96); backdrop-filter: blur(12px); border-bottom:1px solid var(--tf-border); }
.site-brand img { max-height:48px; width:auto; }
.main-nav ul, .top-nav ul, .footer-links ul, .menu { list-style:none; margin:0; padding:0; }
.main-nav ul { display:flex; gap:1.25rem; align-items:center; }
.main-nav a, .top-nav a { color:var(--tf-text); font-weight:600; }
.site-header-inner { display:flex; align-items:center; justify-content:space-between; min-height:78px; gap:1rem; }
.hero { background:linear-gradient(135deg, var(--tf-deep-navy), var(--tf-navy)); color:#fff; padding:5rem 0; }
.hero-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:2rem; align-items:center; }
.hero h1 { font-size:clamp(2rem, 4vw, 3.5rem); line-height:1.1; margin:0 0 1rem; }
.hero .hero-copy { max-width:680px; }
.hero-card, .card, .widget, .news-card, .section-block { background:var(--tf-white); border:1px solid var(--tf-border); border-radius:var(--tf-radius); box-shadow:var(--tf-shadow); }
.hero-card { padding:1.5rem; color:var(--tf-text); }
.btn, button, input[type="submit"] { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border:none; border-radius:999px; padding:.9rem 1.2rem; font-weight:700; cursor:pointer; }
.btn-primary { background:var(--tf-primary); color:#fff; }
.btn-secondary { background:var(--tf-white); color:var(--tf-navy); }
.section { padding:3rem 0; }
.section-title { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.25rem; }
.grid-3 { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1.25rem; }
.grid-2 { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1.25rem; }
.news-card { overflow:hidden; }
.news-card img { aspect-ratio:16/10; object-fit:cover; }
.news-card-body { padding:1rem 1rem 1.25rem; }
.badge { display:inline-block; padding:.3rem .6rem; border-radius:999px; font-size:.8rem; font-weight:700; background:var(--tf-light-blue); color:var(--tf-primary); }
.badge.alert { background:rgba(240,68,56,.12); color:var(--tf-red); }
.badge.success { background:rgba(18,183,106,.12); color:var(--tf-green); }
.market-ticker { background:var(--tf-deep-navy); color:#fff; padding:.85rem 0; overflow:auto; }
.ticker-track { display:flex; gap:.75rem; align-items:center; white-space:nowrap; }
.ticker-item { display:inline-flex; align-items:center; gap:.4rem; padding:.4rem .7rem; background:rgba(255,255,255,.08); border-radius:999px; }
.ticker-item.up { color:#7ee7aa; }
.ticker-item.down { color:#ff8f8f; }
.footer { background:var(--tf-deep-navy); color:#f2f5f9; padding:3rem 0 1.5rem; }
.footer a { color:#f2f5f9; }
.footer-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:1.25rem; }
.site-main { padding:2rem 0 3rem; }
.entry-content { max-width:860px; }
.entry-content img { border-radius:var(--tf-radius); margin:1rem 0; }
.sidebar { display:flex; flex-direction:column; gap:1rem; }
.pagination { display:flex; justify-content:center; gap:.5rem; margin-top:2rem; }
.pagination a, .pagination span { padding:.65rem .9rem; border:1px solid var(--tf-border); border-radius:999px; }
.screen-reader-text { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
@media (max-width: 900px) { .hero-grid, .grid-3, .grid-2, .footer-grid { grid-template-columns:1fr 1fr; } }
@media (max-width: 700px) { .main-nav { display:none; } .hero-grid, .grid-3, .grid-2, .footer-grid { grid-template-columns:1fr; } .site-header-inner { min-height:68px; } }
