/* LiveWell CSS Overrides - Background Colors */

/* Who We Serve Section - Dark Green Gradient */
section:has(h2:contains("Who We Serve")) {
  background: linear-gradient(135deg, #2D4A3E 0%, #1A2E22 100%) !important;
  color: #F7F5F0 !important;
}

/* Featured Essays Section - Cream Background */
section:has(h2:contains("Featured Essays")) {
  background: #F0EDE6 !important;
  color: #1C1510 !important;
}

/* Ensure text is readable on dark green background */
section:has(h2:contains("Who We Serve")) h2,
section:has(h2:contains("Who We Serve")) h3,
section:has(h2:contains("Who We Serve")) p {
  color: #F7F5F0 !important;
}

/* Ensure text is readable on cream background */
section:has(h2:contains("Featured Essays")) h2,
section:has(h2:contains("Featured Essays")) h3,
section:has(h2:contains("Featured Essays")) p {
  color: #1C1510 !important;
}

/* Card styling for Who We Serve */
section:has(h2:contains("Who We Serve")) > div > div > div {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(184, 150, 62, 0.2) !important;
}

/* Card styling for Featured Essays */
section:has(h2:contains("Featured Essays")) > div > div > div {
  background: #FFF !important;
  color: #1C1510 !important;
}