/* PEHN Theme Version B: "Mountain Sage" */
/* WNC mountains with sage green palette */

:root {
  /* Colors - Sage Green */
  --primary-color: #7A9B7E;
  --primary-hover: #6A8B6E;
  --primary-light: rgba(122, 155, 126, 0.15);
  --accent-color: #A8C4AA;
  --accent-hover: #98B49A;

  /* Backgrounds */
  --bg-color: #FFFFFF;
  --bg-alt: #F5F7F5;
  --hero-bg: linear-gradient(180deg, rgba(245, 247, 245, 0.95) 0%, rgba(232, 238, 233, 0.9) 100%);

  /* Text */
  --text-color: #3D4A3E;
  --text-muted: #5A6B5C;
  --heading-color: #2D3A2E;

  /* Borders & Shadows */
  --border-color: #D8E0D9;
  --shadow: 0 2px 8px rgba(61, 74, 62, 0.06);
  --shadow-lg: 0 8px 24px rgba(61, 74, 62, 0.1);

  /* Tags */
  --tag-bg: #E8F0E9;
  --tag-color: #4A5A4B;

  /* Footer */
  --footer-bg: #2D3A2E;
  --footer-text: #F5F7F5;

  /* Typography */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --heading-weight: 600;

  /* Radius */
  --radius: 6px;
  --radius-lg: 12px;
}

/* Theme-specific adjustments */
.hero {
  position: relative;
  overflow: hidden;
  /* Mountain background photo - using Unsplash Blue Ridge Mountains */
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(245, 247, 245, 0.85) 50%, rgba(232, 240, 233, 0.9) 100%),
    url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920&q=80');
  background-size: cover;
  background-position: center 60%;
}

/* Subtle mountain silhouette overlay at bottom */
.hero::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 150px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 150' preserveAspectRatio='none'%3E%3Cpath fill='%237A9B7E' fill-opacity='0.12' d='M0 150L150 100L300 120L450 70L600 95L750 55L900 85L1050 45L1200 80V150H0Z'/%3E%3Cpath fill='%237A9B7E' fill-opacity='0.08' d='M0 150L100 110L250 130L400 90L550 115L700 75L850 100L1000 60L1150 90L1200 70V150H0Z'/%3E%3C/svg%3E") no-repeat bottom center;
  background-size: cover;
  pointer-events: none;
}

.hero h1 {
  color: #2D3A2E;
}

.serve-card {
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(122, 155, 126, 0.08);
}

.serve-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(122, 155, 126, 0.12);
}

.serve-icon {
  color: var(--primary-color);
}

.provider-card {
  border: 1px solid var(--border-color);
}

.provider-card:hover {
  border-color: var(--primary-color);
  box-shadow: 0 4px 16px rgba(122, 155, 126, 0.15);
}

.specialty-tag {
  background-color: rgba(122, 155, 126, 0.1);
  color: #4A5A4B;
}

.section-involved {
  background: linear-gradient(135deg, #7A9B7E 0%, #6A8B6E 50%, #8BAB8F 100%);
}

.section-involved .btn-primary {
  background: white !important;
  color: #6A8B6E !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.section-involved .btn-primary:hover {
  background: #f5f5f5 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.do-note {
  background-color: #F5F7F5;
  border-left-color: var(--accent-color);
}

.directory-filters {
  background-color: #F5F7F5;
  border: 1px solid var(--border-color);
}

/* Mist/gradient overlay on alt sections */
.section-serve {
  position: relative;
}

.section-serve::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, transparent 100%);
  pointer-events: none;
}

/* Mountain wave silhouette above footer */
.footer {
  position: relative;
  overflow: visible;
  margin-top: 60px;
}

.footer::before {
  content: "";
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  height: 60px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath fill='%232D3A2E' d='M0 60L80 52C160 44 320 28 480 24C640 20 800 28 960 32C1120 36 1280 36 1360 36L1440 36V60H1360C1280 60 1120 60 960 60C800 60 640 60 480 60C320 60 160 60 80 60H0Z'/%3E%3C/svg%3E") no-repeat bottom center;
  background-size: cover;
  pointer-events: none;
}

/* Additional wave layer for depth */
.footer::after {
  content: "";
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
  height: 45px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 45' preserveAspectRatio='none'%3E%3Cpath fill='%233D4A3E' fill-opacity='0.6' d='M0 45L60 40C120 35 240 25 360 22C480 19 600 23 720 28C840 33 960 39 1080 40C1200 41 1320 37 1380 35L1440 33V45H1380C1320 45 1200 45 1080 45C960 45 840 45 720 45C600 45 480 45 360 45C240 45 120 45 60 45H0Z'/%3E%3C/svg%3E") no-repeat bottom center;
  background-size: cover;
  pointer-events: none;
  z-index: -1;
}

/* Soft gradient on buttons */
.btn-primary {
  background: linear-gradient(135deg, #7A9B7E 0%, #6A8B6E 100%);
  border-color: #7A9B7E;
}

.btn-primary:hover {
  background: linear-gradient(135deg, #6A8B6E 0%, #5A7B5E 100%);
  border-color: #6A8B6E;
}