/* ═══════════════════════════════════════════════════
   Alternative Theme — "Dark Elegance"
   Palette: Slate #4C5866 · Mauve #8F4162 · Burgundy #5F3B44
   Loaded AFTER styles.css to override CSS variables
   ═══════════════════════════════════════════════════ */

:root {
  /* ─── Core palette ─── */
  --yellow: #c8567a;          /* mauve-rose for CTA */
  --yellow-dark: #a8445f;
  --yellow-glow: rgba(143,65,98,0.2);
  --blue: #8F4162;            /* mauve as primary accent */
  --blue-dark: #7a3755;
  --bg: #ffffff;
  --bg-alt: #f5f3f4;          /* warm grey tint */
  --bg-dark: #4C5866;         /* dark slate */
  --bg-dark-deep: #3a4450;
  --border: rgba(76,88,102,0.10);
  --border-yellow: rgba(143,65,98,0.3);
  --text: #1a1a2e;
  --text-heading: #4C5866;    /* slate headings */
  --muted: #7a7d85;
  --green: #5fa07a;           /* muted sage green */
  --red-err: #c44b5c;
  --amber: #c78a4e;

  /* ─── Shadows — warmer ─── */
  --shadow-sm: 0 4px 14px rgba(76,88,102,0.08);
  --shadow-md: 0 8px 28px rgba(76,88,102,0.12);
  --shadow-lg: 0 16px 36px -8px rgba(76,88,102,0.18);
  --shadow-btn: 0 12px 28px -6px rgba(143,65,98,0.25);
}

/* ─── SCROLLBAR ─── */
::-webkit-scrollbar-thumb { background: #4C5866; }
::-webkit-scrollbar-thumb:hover { background: #8F4162; }

/* ─── NAV LOGO COLORS ─── */
.nav-logo { color: #4C5866; }
.nav-logo span { color: #8F4162; }

/* ─── CTA BUTTON OVERRIDE — gradient mauve ─── */
.btn-yellow {
  background: linear-gradient(135deg, #8F4162 0%, #a85478 100%);
  color: #fff;
  box-shadow: 0 8px 24px -6px rgba(143,65,98,0.35);
}
.btn-yellow:hover {
  background: linear-gradient(135deg, #a85478 0%, #c06690 100%);
  box-shadow: 0 12px 32px -6px rgba(143,65,98,0.45);
}

/* ─── BLUE BUTTON — now burgundy toned ─── */
.btn-blue {
  background: rgba(95,59,68,0.08);
  color: #5F3B44;
  border-color: rgba(95,59,68,0.25);
}
.btn-blue:hover {
  background: #5F3B44;
  color: #fff;
  border-color: #5F3B44;
}

/* ─── OUTLINE BUTTON ─── */
.btn-outline {
  border-color: rgba(76,88,102,0.25);
  color: #4C5866;
}
.btn-outline:hover {
  background: rgba(76,88,102,0.06);
  border-color: #4C5866;
}

/* ─── NAV CTA ─── */
.nav-cta {
  background: linear-gradient(135deg, #8F4162, #a85478);
  color: #fff;
}
.nav-cta:hover {
  background: linear-gradient(135deg, #a85478, #c06690);
}

/* ─── URGENCY BAR ─── */
.urgency-bar {
  background: linear-gradient(90deg, #5F3B44 0%, #4C5866 100%);
}

/* ─── HERO ─── */
.hero h1 .highlight {
  background: linear-gradient(135deg, rgba(143,65,98,0.15), rgba(143,65,98,0.08));
  color: #8F4162;
}

/* ─── SECTION LABELS ─── */
.section-label {
  background: rgba(143,65,98,0.08);
  color: #8F4162;
  border-color: rgba(143,65,98,0.2);
}

/* ─── SERVICE CARDS ─── */
.service-card:hover {
  border-color: rgba(143,65,98,0.3);
  box-shadow: 0 12px 32px rgba(143,65,98,0.12);
}
.service-card-title { color: #4C5866; }
.service-card-num {
  color: rgba(143,65,98,0.15);
}

/* ─── PROCESS STEPS ─── */
.step-num {
  background: linear-gradient(135deg, #4C5866, #5F3B44);
  color: #fff;
}

/* ─── CASE CARDS ─── */
.case-card:hover {
  border-color: rgba(143,65,98,0.3);
}
.case-tag {
  background: rgba(143,65,98,0.1);
  color: #8F4162;
  border-color: rgba(143,65,98,0.25);
}
.case-metric-val { color: #4C5866; }

/* ─── PLATFORM CARDS ─── */
.platform-card:hover {
  border-color: rgba(76,88,102,0.3);
  box-shadow: 0 8px 24px rgba(76,88,102,0.12);
}

/* ─── CROSS-SELL ─── */
.cross-sell {
  background: linear-gradient(135deg, #4C5866 0%, #3a4450 100%);
}

/* ─── TRUST ROW ─── */
.trust-item-icon {
  background: rgba(143,65,98,0.1);
  color: #8F4162;
}

/* ─── FAQ ─── */
.faq-item.active .faq-q {
  color: #8F4162;
}
.faq-toggle {
  color: #8F4162;
}

/* ─── PRICING BANNER ─── */
.pricing-banner {
  background: linear-gradient(135deg, #4C5866 0%, #5F3B44 100%);
}

/* ─── RISK SECTION ─── */
.risk-section {
  background: linear-gradient(135deg, #4C5866, #3a4450);
}
.risk-num-val { color: #c8567a; }

/* ─── LEAD FORM ─── */
.lead-form button[type="submit"] {
  background: linear-gradient(135deg, #8F4162, #a85478);
}
.lead-form button[type="submit"]:hover {
  background: linear-gradient(135deg, #a85478, #c06690);
}
.lead-tg-link {
  background: rgba(143,65,98,0.08);
  border-color: rgba(143,65,98,0.2);
  color: #8F4162;
}
.lead-tg-link:hover {
  background: rgba(143,65,98,0.15);
}

/* ─── FAB ─── */
.fab-trigger {
  background: linear-gradient(135deg, #8F4162, #5F3B44);
}
.fab-trigger:hover {
  background: linear-gradient(135deg, #a85478, #7a4d56);
}

/* ─── FOOTER ─── */
.footer { background: #4C5866; }
.footer-logo span { color: #c8567a; }

/* ─── DROPDOWN ─── */
.dropdown-menu {
  border-color: rgba(76,88,102,0.1);
}
.dropdown-item:hover {
  background: rgba(143,65,98,0.06);
  color: #8F4162;
}

/* ─── CASES PAGE TAGS ─── */
.case-full-tag {
  background: rgba(143,65,98,0.1);
  color: #8F4162;
  border-color: rgba(143,65,98,0.25);
}
.case-full-metric.highlight {
  background: #4C5866;
}
.case-full-metric.highlight .case-full-metric-val { color: #c8567a; }
.case-timeline-num {
  background: #8F4162;
}

/* ─── PRICES PAGE ─── */
.plan-popular .plan-badge {
  background: linear-gradient(135deg, #8F4162, #a85478);
}
.plan-popular {
  border-color: rgba(143,65,98,0.4);
}
.plan-price { color: #4C5866; }
.plan-cta {
  background: linear-gradient(135deg, #8F4162, #a85478);
  color: #fff;
}
.plan-cta:hover {
  background: linear-gradient(135deg, #a85478, #c06690);
}

/* ─── ENHANCED ANIMATIONS ─── */
@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(143,65,98,0.3); }
  50% { box-shadow: 0 0 20px 4px rgba(143,65,98,0.15); }
}

.btn-yellow {
  animation: pulse-glow 3s ease-in-out infinite;
}
.btn-yellow:hover {
  animation: none;
}

/* Subtle gradient border on cards on hover */
.service-card::before,
.case-full::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(135deg, rgba(143,65,98,0.3), rgba(95,59,68,0.1), transparent);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.service-card { position: relative; }
.case-full { position: relative; }
.service-card:hover::before,
.case-full:hover::before {
  opacity: 1;
}

/* Smoother fade-in with slight scale */
.fade-in {
  opacity: 0;
  transform: translateY(24px) scale(0.98);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.fade-in.visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Hero accent line */
.cases-hero-title .accent { color: #8F4162; }

/* ─── MOBILE NAV LOGO ─── */
.footer-logo { color: #fff; }
.footer-logo span { color: #c8567a; }

/* ─── HL (highlight spans) ─── */
.hl { color: #c8567a; }