/*
Theme Name: BRAVE
Theme URI: https://example.org/brave
Author: BRAVE Project
Author URI: https://example.org
Description: Bold, activist-style WordPress theme for BRAVE with a scrolling homepage, Donate template, Mailchimp-ready section, and a Blog/News page that can show a partner RSS feed (One Mom's Battle). Includes safe, license-free placeholder SVG assets.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: brave
*/

/* Basic Reset & Typography */
* { box-sizing: border-box; }
body { margin: 0; font-family: "Open Sans", Arial, sans-serif; color: #222; line-height: 1.6; }
h1,h2,h3,h4 { font-family: "Oswald", Impact, sans-serif; margin: 0 0 0.5em; }
a { color: #c1121f; text-decoration: none; }
a:hover { text-decoration: underline; }
.container { width: 90%; max-width: 1100px; margin: 0 auto; }

/* Header */
.site-header { background:#0d2b6b; color:#fff; }
.site-header .inner { display:flex; align-items:center; gap:16px; padding:14px 0; }
.site-branding img { max-height: 48px; display:block; }
.site-title { font-size: 1.8rem; font-weight:700; margin:0; }
.site-title a { color:#fff; text-decoration:none; }
.primary-nav { margin-left:auto; }
.primary-nav ul { list-style:none; display:flex; gap:18px; margin:0; padding:0; }
.primary-nav a { color:#fff; font-weight:600; }

/* Hero */
.hero { position:relative; color:#fff; text-align:center; padding: 80px 0; background:#0d2b6b; }
.hero .overlay { position:absolute; inset:0; opacity:0.35; background:linear-gradient(120deg,#0d2b6b, #c1121f); }
.hero .content { position:relative; z-index:1; }
.hero h1 { font-size: 3rem; margin-bottom: 10px; }
.cta-row { margin-top: 18px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.btn { display:inline-block; padding:12px 18px; border-radius:4px; font-weight:700; }
.btn-primary { background:#c1121f; color:#fff; }
.btn-light { background:#fff; color:#0d2b6b; }
.section { padding: 48px 0; }
.section.alt { background:#f7f7f9; }
.section .grid { display:grid; gap:24px; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); }
.card { background:#fff; border:1px solid #eee; border-radius:6px; padding:18px; }
.card h3 { margin-top:0; }

/* Footer */
.site-footer { background:#0d2b6b; color:#fff; padding:24px 0; }
.site-footer a { color:#fff; text-decoration:underline; }
.footer-cols { display:grid; gap:16px; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); }

/* Blog cards */
.post-card { background:#fff; border:1px solid #eee; border-radius:6px; overflow:hidden; }
.post-card img { width:100%; height:auto; display:block; }
.post-card .inner { padding:14px; }

/* Utilities */
.text-center { text-align:center; }
.small { font-size:0.95rem; opacity:0.9; }
.m0 { margin:0; }
.mt1 { margin-top:8px; }
.mt2 { margin-top:16px; }
.mt3 { margin-top:24px; }
.mb0 { margin-bottom:0; }