/*
 * Relief Resource Center — Clean Professional Design
 * Warm but polished. Trustworthy. Not generic, not gimmicky.
 */

:root {
  --rrc-text: #1a1a2e;
  --rrc-text-muted: #5a6272;
  --rrc-green: #1a7a3a;
  --rrc-green-dark: #14602e;
  --rrc-green-light: #e8f5ec;
  --rrc-blue: #1a5c8a;
  --rrc-orange: #d4710e;
  --rrc-orange-light: #fef3e2;
  --rrc-bg: #fafaf8;
  --rrc-card: #ffffff;
  --rrc-border: #e4e4de;
  --rrc-border-light: #f0f0ea;
  --rrc-warm-gray: #f5f4f0;
  --font-display: Georgia, 'Times New Roman', serif;
  --font-body: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ========================================
   BASE
   ======================================== */
body.rrc-site {
  background: var(--rrc-bg);
  font-family: var(--font-body);
  color: var(--rrc-text);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

body.rrc-site h1, body.rrc-site h2, body.rrc-site h3,
body.rrc-site h4, body.rrc-site h5, body.rrc-site h6 {
  font-family: var(--font-display);
  color: var(--rrc-text);
  line-height: 1.3;
  letter-spacing: -0.01em;
}

body.rrc-site a {
  color: var(--rrc-green);
  text-decoration-color: rgba(26, 122, 58, 0.3);
  text-underline-offset: 2px;
  transition: color 0.15s ease;
}
body.rrc-site a:hover {
  color: var(--rrc-green-dark);
  text-decoration-color: var(--rrc-green-dark);
}

/* ========================================
   HEADER — Clean, grounded
   ======================================== */
body.rrc-site .site-header {
  background: #fff !important;
  border-bottom: 1px solid var(--rrc-border) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

body.rrc-site .site-branding .site-title {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
}
body.rrc-site .site-branding .site-title a {
  color: var(--rrc-text) !important;
  text-decoration: none !important;
}

body.rrc-site .header-navigation .menu > li > a,
body.rrc-site .primary-menu > li > a {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: var(--rrc-text-muted) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  transition: color 0.15s ease;
}

body.rrc-site .header-navigation .menu > li > a:hover,
body.rrc-site .primary-menu > li > a:hover {
  color: var(--rrc-green) !important;
}

/* Active nav indicator */
body.rrc-site .header-navigation .menu > .current-menu-item > a,
body.rrc-site .primary-menu > .current-menu-item > a,
body.rrc-site .header-navigation .menu > .current-menu-ancestor > a {
  color: var(--rrc-green) !important;
  font-weight: 600 !important;
}

/* ========================================
   FOOTER — Understated, professional
   ======================================== */
body.rrc-site .site-footer {
  background: var(--rrc-text) !important;
  border-top: none !important;
}

body.rrc-site .site-footer,
body.rrc-site .site-footer p,
body.rrc-site .site-footer span,
body.rrc-site .site-footer .footer-widget-area {
  color: rgba(255,255,255,0.65) !important;
  font-size: 14px;
}

body.rrc-site .site-footer a {
  color: rgba(255,255,255,0.8) !important;
  text-decoration: none;
}
body.rrc-site .site-footer a:hover {
  color: #fff !important;
}

body.rrc-site .site-footer .widget-title {
  color: #fff !important;
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ========================================
   HIDE PAGE TITLE HERO
   ======================================== */
body.rrc-site .entry-hero.page-hero-section {
  display: none !important;
}

/* ========================================
   BLOG ARCHIVE — Clean card grid
   ======================================== */
body.rrc-site .post-archive-hero-section {
  background: #fff !important;
  border-bottom: 1px solid var(--rrc-border) !important;
  padding: 48px 20px !important;
  text-align: center;
}

body.rrc-site .post-archive-hero-section .hero-section-overlay {
  display: none;
}

body.rrc-site .post-archive-hero-section .page-title {
  font-family: var(--font-display) !important;
  font-size: clamp(1.5rem, 4vw, 2.2rem) !important;
  font-weight: 700 !important;
  color: var(--rrc-text) !important;
  letter-spacing: -0.02em;
}

/* Archive content area */
body.rrc-site.blog .content-area,
body.rrc-site.archive .content-area {
  background: var(--rrc-bg);
  padding: 40px 20px !important;
}

/* Post cards — clean white with subtle left accent */
body.rrc-site .loop-entry {
  background: var(--rrc-card) !important;
  border: 1px solid var(--rrc-border) !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  overflow: hidden !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

body.rrc-site .loop-entry:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  transform: translateY(-2px);
}

/* Content padding */
body.rrc-site .loop-entry .entry-content-wrap {
  padding: 24px !important;
}

/* Category tags — small, clean pills */
body.rrc-site .entry-taxonomies {
  margin-bottom: 8px !important;
}

body.rrc-site .entry-taxonomies .category-link {
  background: var(--rrc-green-light) !important;
  color: var(--rrc-green) !important;
  padding: 3px 10px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  text-decoration: none !important;
  display: inline-block;
  border-radius: 3px;
  transition: background 0.15s ease;
}

body.rrc-site .entry-taxonomies .category-link:hover {
  background: var(--rrc-green) !important;
  color: #fff !important;
}

/* Post titles */
body.rrc-site .loop-entry .entry-title {
  font-family: var(--font-display) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--rrc-text) !important;
  letter-spacing: -0.01em;
}

body.rrc-site .loop-entry .entry-title a {
  color: inherit !important;
  text-decoration: none !important;
}
body.rrc-site .loop-entry .entry-title a:hover {
  color: var(--rrc-green) !important;
}

/* Meta */
body.rrc-site .loop-entry .entry-meta {
  font-size: 12px !important;
  color: var(--rrc-text-muted) !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid var(--rrc-border-light);
}

body.rrc-site .loop-entry .entry-meta a {
  color: var(--rrc-text-muted) !important;
}

/* Excerpt */
body.rrc-site .loop-entry .entry-summary p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--rrc-text-muted);
}

/* Read more */
body.rrc-site .loop-entry .entry-footer .read-more,
body.rrc-site .loop-entry .entry-readmore a {
  display: inline-block;
  color: var(--rrc-green) !important;
  font-size: 13px !important;
  font-weight: 600;
  text-decoration: none !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  transition: color 0.15s ease;
}

body.rrc-site .loop-entry .entry-footer .read-more:hover,
body.rrc-site .loop-entry .entry-readmore a:hover {
  color: var(--rrc-green-dark) !important;
  text-decoration: underline !important;
}

/* Pagination */
body.rrc-site .pagination,
body.rrc-site .kadence-posts-pagination {
  margin-top: 40px !important;
  text-align: center;
}

body.rrc-site .pagination a,
body.rrc-site .pagination span,
body.rrc-site .kadence-posts-pagination a,
body.rrc-site .kadence-posts-pagination span {
  display: inline-block;
  padding: 8px 14px;
  margin: 0 3px;
  font-size: 14px;
  font-weight: 500;
  color: var(--rrc-text-muted);
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.15s ease;
}

body.rrc-site .pagination a:hover,
body.rrc-site .kadence-posts-pagination a:hover {
  background: var(--rrc-green-light);
  color: var(--rrc-green);
}

body.rrc-site .pagination .current,
body.rrc-site .kadence-posts-pagination .current {
  background: var(--rrc-green);
  color: #fff;
}

/* ========================================
   SINGLE POST
   ======================================== */
body.rrc-site.single-post .entry-content {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.75;
  color: var(--rrc-text);
}

body.rrc-site.single-post .entry-content h2 {
  margin-top: 2.5em;
  margin-bottom: 0.6em;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--rrc-border);
}

body.rrc-site.single-post .entry-content h3 {
  margin-top: 2em;
}

body.rrc-site.single-post .entry-content blockquote {
  background: var(--rrc-warm-gray);
  border-left: 3px solid var(--rrc-green);
  padding: 16px 20px;
  margin: 24px 0;
  font-style: normal;
  border-radius: 0 4px 4px 0;
}

body.rrc-site.single-post .entry-content a {
  color: var(--rrc-blue);
  text-decoration: underline;
  text-decoration-color: rgba(26, 92, 138, 0.3);
  text-underline-offset: 2px;
}
body.rrc-site.single-post .entry-content a:hover {
  color: var(--rrc-green);
  text-decoration-color: var(--rrc-green);
}

/* ========================================
   PAGES — Clean content styling
   ======================================== */
body.rrc-site.page .entry-content {
  font-size: 16px;
  line-height: 1.75;
  max-width: 720px;
}

body.rrc-site.page .entry-content h2 {
  margin-top: 2em;
  margin-bottom: 0.5em;
}

body.rrc-site.page .entry-content h3 {
  margin-top: 1.5em;
  margin-bottom: 0.4em;
}

body.rrc-site.page .entry-content ul {
  padding-left: 1.2em;
}

body.rrc-site.page .entry-content li {
  margin-bottom: 6px;
  line-height: 1.6;
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
  body.rrc-site .loop-entry .entry-content-wrap {
    padding: 18px !important;
  }
  body.rrc-site .loop-entry .entry-title {
    font-size: 1.05rem !important;
  }
}