/* ==========================================================================
   VM HLE Landing – Selge / Mature Style
   Suurem font, kõrgem kontrast, rahulikumad toonid, selgem hierarhia
   ========================================================================== */

body.theme-mature .hle-landing {
  font-family: 'Nunito', sans-serif;
  color: #2c2c2c;
  background: #fafaf8;
  font-size: 1.15rem;
  line-height: 1.8;
}

/* Headings */
body.theme-mature .hle-landing h1 {
  color: #1a4a3a;
  font-size: 2.6rem;
}

body.theme-mature .hle-landing h2 {
  color: #1a4a3a;
  font-size: 2rem;
}

body.theme-mature .hle-landing h3 {
  color: #1a4a3a;
  font-size: 1.35rem;
}

@media (max-width: 768px) {
  body.theme-mature .hle-landing {
    font-size: 1.05rem;
  }
  body.theme-mature .hle-landing h1 { font-size: 2rem; }
}

/* Hero */
body.theme-mature .hle-hero {
  background: #1a4a3a;
  color: #f0f0ec;
  padding-top: 100px;
  padding-bottom: 100px;
}

body.theme-mature .hle-hero h1 {
  color: #fff;
}

body.theme-mature .hle-subtitle {
  color: #a8d4c4;
  font-size: 1.25rem;
  margin-bottom: 24px;
}

body.theme-mature .hle-hero-intro {
  color: #d8e8e0;
}

/* Buttons */
body.theme-mature .hle-btn-cta {
  background: #c4652a;
  color: #fff;
  border-radius: 6px;
}

body.theme-mature .hle-btn-cta:hover {
  background: #a8541e;
  box-shadow: 0 8px 24px rgba(196,101,42,0.25);
}

body.theme-mature .hle-btn-outline {
  border: 2px solid #1a4a3a;
  color: #1a4a3a;
  background: transparent;
  border-radius: 6px;
  font-size: 0.95rem;
  padding: 12px 28px;
}

body.theme-mature .hle-btn-outline:hover {
  background: #1a4a3a;
  color: #fff;
}

body.theme-mature .hle-hero .hle-btn-outline {
  border-color: rgba(255,255,255,0.5);
  color: #fff;
}

body.theme-mature .hle-hero .hle-btn-outline:hover {
  background: rgba(255,255,255,0.15);
  border-color: #fff;
}

/* Honest */
body.theme-mature .hle-honest {
  background: #f2f2ee;
}

body.theme-mature .hle-highlight {
  color: #1a4a3a;
}

body.theme-mature .hle-honest strong {
  color: #1a1a1a;
}

/* Why section */
body.theme-mature .hle-why {
  background: #f2f2ee;
}

body.theme-mature .hle-why-intro {
  color: #666;
}

body.theme-mature .hle-why-point {
  background: #fff;
  border: 1px solid #d8d8d0;
}

/* Problem cards */
body.theme-mature .hle-card {
  background: #fff;
  border: 1px solid #d8d8d0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

body.theme-mature .hle-card-role {
  color: #c4652a;
}

body.theme-mature .hle-card blockquote {
  border-left-color: #1a4a3a;
  color: #666;
}

/* Guide */
body.theme-mature .hle-guide {
  background: #1a4a3a;
  color: #f0f0ec;
}

body.theme-mature .hle-guide h2 {
  color: #fff;
}

body.theme-mature .hle-stat {
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.15);
}

body.theme-mature .hle-stat-value {
  color: #a8d4c4;
}

body.theme-mature .hle-family-bridge {
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.15);
  color: #d8e8e0;
}

body.theme-mature .hle-tagline {
  color: #fff;
}

/* Plan */
body.theme-mature .hle-plan {
  background: #fafaf8;
}

body.theme-mature .hle-plan-intro {
  color: #666;
}

body.theme-mature .hle-phase-title {
  color: #1a4a3a;
}

body.theme-mature .hle-step {
  background: #fff;
  border: 1px solid #d8d8d0;
}

body.theme-mature .hle-step-num {
  background: #1a4a3a;
  color: #fff;
}

body.theme-mature .hle-step h4 {
  color: #1a4a3a;
}

body.theme-mature .hle-step-meta {
  color: #c4652a;
}

body.theme-mature .hle-plan-note blockquote {
  border-left-color: #c4652a;
  color: #666;
}

body.theme-mature .hle-plan-note strong {
  color: #1a1a1a;
}

/* Outcomes */
body.theme-mature .hle-outcome {
  background: #fff;
  border: 1px solid #d8d8d0;
}

body.theme-mature .hle-outcome h3 {
  color: #1a4a3a;
}

/* Success */
body.theme-mature .hle-success {
  background: #f2f2ee;
}

body.theme-mature .hle-vision-list li::before {
  color: #1a4a3a;
}

body.theme-mature .hle-success blockquote {
  border-left-color: #1a4a3a;
  color: #666;
}

/* Proof */
body.theme-mature .hle-proof {
  background: #fafaf8;
}

body.theme-mature .hle-logo-item {
  color: #555;
}

body.theme-mature .hle-testimonial {
  background: #fff;
  border: 1px solid #d8d8d0;
}

body.theme-mature .hle-testimonial cite {
  color: #888;
}

/* Blog */
body.theme-mature .hle-blog {
  background: #fafaf8;
}

body.theme-mature .hle-blog-intro {
  color: #666;
}

body.theme-mature .hle-blog-card {
  background: #fff;
  border: 1px solid #d8d8d0;
}

body.theme-mature .hle-blog-tag {
  background: #e8f0e8;
  color: #1a4a3a;
}

body.theme-mature .hle-blog-link {
  color: #1a4a3a;
}

/* Failure */
body.theme-mature .hle-failure {
  background: #fdf5f0;
}

body.theme-mature .hle-failure h2 {
  color: #8b2500;
}

body.theme-mature .hle-failure .hle-highlight {
  color: #8b2500;
}

/* CTA */
body.theme-mature .hle-cta {
  background: #1a4a3a;
  color: #f0f0ec;
  padding-top: 100px;
  padding-bottom: 100px;
}

body.theme-mature .hle-cta h2 {
  color: #fff;
}

body.theme-mature .hle-cta .hle-btn-outline {
  border-color: rgba(255,255,255,0.4);
  color: #fff;
}

body.theme-mature .hle-cta .hle-btn-outline:hover {
  background: rgba(255,255,255,0.12);
  border-color: #fff;
}