/* ==========================================================================
   VM HLE Landing – Vaikuseminutid Style
   Pehme, rahulik, palju valget ruumi
   ========================================================================== */

body.theme-vm .hle-landing {
  font-family: 'Nunito', sans-serif;
  color: #555;
  background: #fff;
  font-size: 1rem;
}

/* Headings */
body.theme-vm .hle-landing h1,
body.theme-vm .hle-landing h2,
body.theme-vm .hle-landing h3 {
  color: #1699ED;
}

/* Hero */
body.theme-vm .hle-hero {
  background: linear-gradient(135deg, #0096EC 0%, #1699ED 100%);
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}

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

body.theme-vm .hle-subtitle {
  color: rgba(255,255,255,0.9);
  font-size: 1.2rem;
  margin-bottom: 24px;
}

body.theme-vm .hle-hero-intro {
  color: rgba(255,255,255,0.92);
}

body.theme-vm .hle-hero-intro em {
  font-style: italic;
}

/* Buttons */
body.theme-vm .hle-btn-cta {
  background: #FF5421;
  color: #fff;
  border-radius: 55px;
}

body.theme-vm .hle-btn-cta:hover {
  background: #e84a1a;
  box-shadow: 0 8px 24px rgba(255,84,33,0.3);
}

body.theme-vm .hle-btn-outline {
  border: 2px solid #0096EC;
  color: #0096EC;
  background: transparent;
  border-radius: 55px;
  font-size: 0.9rem;
  padding: 10px 24px;
}

body.theme-vm .hle-btn-outline:hover {
  background: #0096EC;
  color: #fff;
}

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

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

/* Honest section */
body.theme-vm .hle-honest {
  background: #f8fbfe;
}

body.theme-vm .hle-highlight {
  color: #1699ED;
}

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

body.theme-vm .hle-why-intro {
  color: #777;
}

body.theme-vm .hle-why-point {
  background: #f4f9fd;
  border: 1px solid #e0edf7;
}

/* Problem cards */
body.theme-vm .hle-card {
  background: #fff;
  border: 1px solid #e8f0f8;
  box-shadow: 0 2px 12px rgba(0,150,236,0.06);
}

body.theme-vm .hle-card-role {
  color: #0096EC;
}

body.theme-vm .hle-card blockquote {
  border-left-color: #0096EC;
  color: #777;
}

/* Guide */
body.theme-vm .hle-guide {
  background: #0096EC;
  color: #fff;
}

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

body.theme-vm .hle-stat {
  background: rgba(255,255,255,0.15);
}

body.theme-vm .hle-stat-value {
  color: #fff;
}

body.theme-vm .hle-family-bridge {
  background: rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.9);
}

body.theme-vm .hle-tagline {
  color: rgba(255,255,255,0.95);
}

/* Plan */
body.theme-vm .hle-plan {
  background: #fff;
}

body.theme-vm .hle-plan-intro {
  color: #777;
}

body.theme-vm .hle-phase-title {
  color: #0096EC;
}

body.theme-vm .hle-step {
  background: #f4f9fd;
  border: 1px solid #e0edf7;
}

body.theme-vm .hle-step-num {
  background: #0096EC;
  color: #fff;
}

body.theme-vm .hle-step h4 {
  color: #1699ED;
}

body.theme-vm .hle-step-meta {
  color: #0096EC;
}

body.theme-vm .hle-step-link {
  color: #0096EC;
}

body.theme-vm .hle-plan-note blockquote {
  border-left-color: #FF5421;
  color: #777;
}

/* Outcomes */
body.theme-vm .hle-outcome {
  background: #f4f9fd;
  border: 1px solid #e0edf7;
}

body.theme-vm .hle-outcome h3 {
  color: #1699ED;
}

/* Success */
body.theme-vm .hle-success {
  background: #f8fbfe;
}

body.theme-vm .hle-vision-list li::before {
  color: #0096EC;
}

body.theme-vm .hle-success blockquote {
  border-left-color: #0096EC;
  color: #777;
}

/* Proof */
body.theme-vm .hle-proof {
  background: #fff;
}

body.theme-vm .hle-logo-item {
  color: #333;
}

body.theme-vm .hle-testimonial {
  background: #f8fbfe;
  border: 1px solid #e8f0f8;
}

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

/* Blog */
body.theme-vm .hle-blog {
  background: #fff;
}

body.theme-vm .hle-blog-intro {
  color: #777;
}

body.theme-vm .hle-blog-card {
  background: #f8fbfe;
  border: 1px solid #e8f0f8;
}

body.theme-vm .hle-blog-tag {
  background: #e8f4fd;
  color: #0096EC;
}

body.theme-vm .hle-blog-link {
  color: #0096EC;
}

/* Failure */
body.theme-vm .hle-failure {
  background: #fff8f6;
}

body.theme-vm .hle-failure h2 {
  color: #c0392b;
}

body.theme-vm .hle-failure .hle-highlight {
  color: #c0392b;
}

/* CTA */
body.theme-vm .hle-cta {
  background: linear-gradient(135deg, #0096EC 0%, #0077bd 100%);
  color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}

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

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

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