/*
Theme Name: River Community Church
Description: Custom theme for The River Community Church of Abbotsford (rivercc.net).
Author: Smart Fusion Marketing (for The River Community Church)
Version: 1.0.0
Text Domain: river
*/

:root{
  --bg-dark: oklch(16% 0.02 40);
  --bg-dark-2: oklch(21% 0.025 40);
  --ivory: oklch(97% 0.012 80);
  --ivory-2: oklch(94% 0.015 75);
  --cream: oklch(96% 0.012 80);
  --charcoal: oklch(20% 0.02 40);
  --charcoal-70: oklch(20% 0.02 40 / 0.7);
  --amber: oklch(74% 0.14 70);
  --amber-dim: oklch(74% 0.14 70 / 0.16);
  --river: oklch(74% 0.14 230);
  --river-dim: oklch(74% 0.14 230 / 0.14);
  --line: oklch(88% 0.01 75);
  --max: 1280px;
}

*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  margin: 0;
  font-family: 'Work Sans', system-ui, sans-serif;
  background: var(--ivory);
  color: var(--charcoal);
  font-size: 16px;
  line-height: 1.5;
}
img{ max-width: 100%; display: block; }
a{ color: var(--amber); text-decoration: none; }
a:hover{ color: oklch(64% 0.15 70); }
.accent{ font-family: 'Newsreader', Georgia, serif; font-style: italic; font-weight: 400; }
.eyebrow{ font-size: 13px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; color: var(--amber); }
.container{ max-width: var(--max); margin: 0 auto; padding: 0 64px; }
@media (max-width: 900px){ .container{ padding: 0 24px; } }

/* NAV */
.site-header{ display:flex; align-items:center; justify-content:space-between; padding:16px 64px; background:var(--bg-dark); }
.site-header.is-transparent{ position:absolute; top:0; left:0; right:0; z-index:5; background:transparent; padding:18px 64px; }
.site-logo{ display:flex; align-items:center; gap:10px; }
.site-logo img{ height:56px; width:auto; }
.site-header.is-transparent .site-logo img{ height:60px; }
.site-logo span{ color:var(--cream); font-size:17px; letter-spacing:.03em; font-weight:600; }
.site-nav ul{ list-style:none; display:flex; align-items:center; gap:32px; margin:0; padding:0; }
.site-nav a{ color:var(--ivory-2); font-size:14.5px; font-weight:500; }
.site-nav a.current{ color:var(--cream); font-weight:600; }
.btn-give{ background:var(--amber); color:var(--charcoal) !important; padding:9px 20px; border-radius:3px; font-size:13.5px; font-weight:600; }

/* FOOTER */
.site-footer{ padding:56px 64px; background:var(--bg-dark-2); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
.site-footer .copyright{ color:oklch(70% 0.015 75); font-size:13.5px; }
.site-footer .footer-links{ display:flex; gap:24px; }
.site-footer .footer-links a{ color:oklch(75% 0.015 75); font-size:13.5px; }

/* BUTTONS */
.btn{ display:inline-block; padding:14px 28px; border-radius:3px; font-size:15px; font-weight:600; }
.btn-amber{ background:var(--amber); color:var(--charcoal); }
.btn-outline{ border:1.5px solid var(--charcoal); color:var(--charcoal); }

/* CARDS */
.card{ background:var(--cream); border-radius:8px; border:1px solid var(--line); overflow:hidden; }
.chip{ font-size:12.5px; font-weight:600; padding:5px 12px; border-radius:20px; display:inline-block; }

/* SERMON GRID */
.sermon-grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:28px; }
@media (max-width: 900px){ .sermon-grid{ grid-template-columns:1fr; } }
.sermon-card-thumb{ height:170px; position:relative; }
.sermon-card-thumb .play{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.sermon-card-thumb .chip{ position:absolute; top:12px; left:12px; background:oklch(16% 0.02 40 / .75); color:var(--cream); }
.sermon-card-body{ padding:20px 20px 24px; }
.sermon-card-meta{ font-size:12.5px; color:var(--charcoal-70); margin-bottom:8px; }
.sermon-card-title{ font-weight:600; font-size:16.5px; line-height:1.4; }

/* WP core block defaults kept minimal since this theme uses classic templates, not full-site-editing */
.wp-block-image, figure{ margin:0 0 24px; }