:root {
  --rth-forest:   #3A6B3E;   /* logo dark green */
  --rth-mid:      #4E8C54;   /* mid green */
  --rth-mint:     #E8F5E9;   /* logo light mint background */
  --rth-white:    #FFFFFF;
  --rth-charcoal: #2B2B28;
  --rth-slate:    #4A5568;   /* soft dark for body text */
  --rth-sage:     #A8C5AA;   /* light sage accent */
  --rth-gold:     #F0C040;   /* warm gold CTA - complements green */
}

/* ── Body & Base ─────────────────────────────── */
body {
  background-color: var(--rth-mint);
  color: var(--rth-slate);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--rth-forest);
}

a {
  color: var(--rth-forest);
}

a:hover {
  color: var(--rth-mid);
}

/* ── Hero Cover Block ────────────────────────── */
/* Darken the overlay so text is easy to read */
.wp-block-cover .wp-block-cover__background,
.wp-block-cover__gradient-background {
  background-color: rgba(20, 50, 22, 0.62) !important;
  opacity: 1 !important;
}

/* Force all text inside hero to white */
.wp-block-cover *,
.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover p {
  color: var(--rth-white) !important;
}

/* ── Buttons ─────────────────────────────────── */
.wp-block-button__link {
  background-color: var(--rth-gold);
  color: var(--rth-charcoal);
  border-radius: 8px;
  border: none;
  font-weight: 700;
}

.wp-block-button__link:hover {
  background-color: var(--rth-forest);
  color: var(--rth-white);
}

.is-style-outline .wp-block-button__link {
  background-color: transparent;
  border: 2px solid var(--rth-white);
  color: var(--rth-white);
}

.is-style-outline .wp-block-button__link:hover {
  background-color: var(--rth-white);
  color: var(--rth-forest);
}

/* ── Header / Nav ────────────────────────────── */
.site-header,
.main-navigation {
  background-color: var(--rth-white);
  border-bottom: 2px solid var(--rth-mint);
}

.main-navigation a {
  color: var(--rth-charcoal);
}

.main-navigation a:hover,
.current-menu-item a {
  color: var(--rth-forest);
}

/* ── Mobile Font Sizes ───────────────────────── */
@media (max-width: 767px) {
  /* Hero heading - overrides inline font-size */
  .wp-block-cover h1[style],
  .wp-block-cover .wp-block-heading[style],
  .wp-block-cover h1,
  .wp-block-cover .wp-block-heading {
    font-size: 2rem !important;
    line-height: 1.2 !important;
  }

  /* Section headings (H2) */
  h2.wp-block-heading,
  .wp-block-group h2,
  .entry-content h2 {
    font-size: 1.75rem !important;
    line-height: 1.25 !important;
  }

  /* Service card headings (H3) */
  h3.wp-block-heading,
  .wp-block-group h3 {
    font-size: 1.25rem !important;
  }

  /* Body / paragraph text */
  p {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
  }
}