/**
 * @file
 * MLT Landing Pages - Dark Mode Theme
 *
 * Premium dark theme similar to SmartOhm design.
 */

/* ============================================
   DARK MODE BASE
   ============================================ */
.mlt-lp--dark {
  background: var(--mlt-bg-dark);
  color: var(--mlt-text-light);
}

/* Hero Section - Dark */
.mlt-lp--dark .mlt-lp__hero {
  background: 
    radial-gradient(ellipse at 20% 20%, hsla(var(--mlt-primary-value), 0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 80%, hsla(var(--mlt-primary-value), 0.05) 0%, transparent 50%),
    linear-gradient(180deg, var(--mlt-bg-dark) 0%, var(--mlt-bg-dark-card) 100%);
}

.mlt-lp--dark .mlt-lp__hero-title {
  color: var(--mlt-text-light);
}

.mlt-lp--dark .mlt-lp__hero-buttons a:first-child,
.mlt-lp--dark .mlt-lp__hero-buttons .field__item:first-child a {
  background: var(--mlt-primary);
  color: var(--mlt-text-light);
  box-shadow: 0 4px 20px var(--mlt-glow-dim);
}

.mlt-lp--dark .mlt-lp__hero-buttons a:first-child:hover,
.mlt-lp--dark .mlt-lp__hero-buttons .field__item:first-child a:hover {
  box-shadow: 0 8px 30px var(--mlt-glow);
  transform: translateY(-3px);
}

.mlt-lp--dark .mlt-lp__hero-buttons a:nth-child(2),
.mlt-lp--dark .mlt-lp__hero-buttons .field__item:nth-child(2) a {
  background: transparent;
  border: 2px solid var(--mlt-bg-dark-border);
  color: var(--mlt-text-light);
}

.mlt-lp--dark .mlt-lp__hero-buttons a:nth-child(2):hover,
.mlt-lp--dark .mlt-lp__hero-buttons .field__item:nth-child(2) a:hover {
  border-color: var(--mlt-primary);
  color: var(--mlt-primary);
}

.mlt-lp--dark .mlt-lp__hero-badges img {
  filter: brightness(0) invert(1);
  opacity: 0.85;
}

.mlt-lp--dark .mlt-lp__hero-badges img:hover {
  opacity: 1;
  filter: brightness(0) invert(1) drop-shadow(0 0 10px var(--mlt-glow));
}

/* Trust Banner - Dark */
.mlt-lp--dark .mlt-lp__trust-banner {
  background: linear-gradient(135deg, hsla(var(--mlt-primary-value), 0.08) 0%, hsla(var(--mlt-primary-value), 0.03) 100%);
}

.mlt-lp--dark .mlt-lp__trust-item {
  background: var(--mlt-bg-dark-card);
}

.mlt-lp--dark .mlt-lp__trust-heading {
  color: var(--mlt-text-light);
}

/* Pathways - Dark */
.mlt-lp--dark .mlt-lp__pathways {
  background: var(--mlt-bg-dark-card);
}

.mlt-lp--dark .mlt-lp__section-title {
  color: var(--mlt-text-light);
}

.mlt-lp--dark .mlt-lp__pathway-card {
  background: var(--mlt-bg-dark);
}

.mlt-lp--dark .mlt-lp__pathway-heading {
  color: var(--mlt-text-light);
}

/* About - Dark */
.mlt-lp--dark .mlt-lp__about {
  background: var(--mlt-bg-dark);
}

.mlt-lp--dark .mlt-lp__block-content h2 {
  color: var(--mlt-text-light);
}

/* Stats - Dark */
.mlt-lp--dark .mlt-lp__stats {
  background: var(--mlt-bg-dark-card);
}

/* Services - Dark */
.mlt-lp--dark .mlt-lp__services {
  background: var(--mlt-bg-dark);
}

.mlt-lp--dark .mlt-lp__service-card {
  background: var(--mlt-bg-dark-card);
}

.mlt-lp--dark .mlt-lp__service-heading {
  color: var(--mlt-text-light);
}

/* Testimonials - Dark */
.mlt-lp--dark .mlt-lp__testimonials {
  background: var(--mlt-bg-dark-card);
}

.mlt-lp--dark .mlt-lp__testimonial-card {
  background: var(--mlt-bg-dark);
}

.mlt-lp--dark .mlt-lp__testimonial-name {
  color: var(--mlt-text-light);
}

/* CTA - Dark */
.mlt-lp--dark .mlt-lp__cta-section {
  background: 
    radial-gradient(ellipse at 50% 0%, hsla(var(--mlt-primary-value), 0.15) 0%, transparent 60%),
    var(--mlt-bg-dark-card);
}

.mlt-lp--dark .mlt-lp__cta h2 {
  color: var(--mlt-text-light);
}

.mlt-lp--dark .mlt-lp__cta-buttons a:first-child,
.mlt-lp--dark .mlt-lp__cta-buttons .field__item:first-child a {
  background: var(--mlt-primary);
  color: var(--mlt-text-light);
}

.mlt-lp--dark .mlt-lp__cta-buttons a:nth-child(2),
.mlt-lp--dark .mlt-lp__cta-buttons .field__item:nth-child(2) a {
  background: transparent;
  border: 2px solid var(--mlt-bg-dark-border);
  color: var(--mlt-text-light);
}

.mlt-lp--dark .mlt-lp__cta-contact-item {
  color: var(--mlt-text-light);
}

.mlt-lp--dark .mlt-lp__cta-contact-item a {
  color: var(--mlt-text-light);
}

/* ============================================
   FLOATING CARDS - DARK MODE SPECIFIC
   ============================================ */
.mlt-lp--dark .mlt-lp__floating-card {
  background: var(--mlt-bg-dark-card);
  border-color: var(--mlt-bg-dark-border);
}

/* Full Block - Dark */
.mlt-lp--dark .mlt-lp__full-block .mlt-lp__section-title {
  color: var(--mlt-text-light);
}

.mlt-lp--dark .mlt-lp__full-block-body {
  color: var(--mlt-text-light);
}

/* CTA Extras - Dark */
.mlt-lp--dark .mlt-lp__cta-list li {
  color: var(--mlt-text-light);
}

.mlt-lp--dark .mlt-lp__cta-badges img {
  filter: brightness(0) invert(1);
  opacity: 0.7;
}

.mlt-lp--dark .mlt-lp__cta-badges img:hover {
  opacity: 1;
}