/* Evergreen Growth Hub — Custom CSS
   Styles that cannot be expressed as Tailwind utility classes.
   Loaded via wp_enqueue_style in functions.php.
*/

*, *::before, *::after { box-sizing: border-box; }

html { overflow-x: hidden; }
body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  margin: 0;
  overflow-x: hidden;
}

/* ── Hero background gradient (approximates the forest road photo) ── */
.hero-bg {
  background:
    radial-gradient(ellipse at 55% 80%, rgba(50,75,30,0.5) 0%, transparent 55%),
    radial-gradient(ellipse at 70% 45%, rgba(35,60,20,0.35) 0%, transparent 50%),
    linear-gradient(160deg, #142012 0%, #1a2a16 25%, #223320 48%, #2e4228 65%, #1e3018 85%, #142012 100%);
}

/* ── Road stripe texture overlay on hero ── */
.hero-road::after {
  content: '';
  position: absolute;
  left: 50%; bottom: 0; top: 0;
  width: 180px;
  transform: translateX(-40%) perspective(400px) rotateX(30deg);
  background: repeating-linear-gradient(
    to bottom,
    transparent 0px, transparent 30px,
    rgba(255,255,200,0.06) 30px, rgba(255,255,200,0.06) 60px
  );
  pointer-events: none;
}

/* ── WordPress nav menu resets ── */
.evergreen-nav ul,
.evergreen-mobile-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ── Basic prose styles for page.php content area ── */
.prose h2 { font-size: 1.5rem; font-weight: 800; margin-bottom: 1rem; color: #142012; }
.prose h3 { font-size: 1.25rem; font-weight: 700; margin-bottom: 0.75rem; color: #142012; }
.prose p  { margin-bottom: 1.25rem; }
.prose a  { color: #8a9d2a; text-decoration: underline; }
.prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1.25rem; }
.prose ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1.25rem; }