/* ============================================================
   Tektician — WHY ERPNEXT page (page-id-8040) theme override
   Swaps navy+cyan → true dark + ruby red
   ============================================================ */

/* ── Base backgrounds ─────────────────────────────────────── */
body.page-id-8040,
body.page-id-8040 .e-con,
body.page-id-8040 .elementor-section,
body.page-id-8040 .e-con-full {
  background-color: #07080A !important;
}

/* Section alternating backgrounds */
body.page-id-8040 .section-alt {
  background-color: #0D0D0F !important;
}

/* ── Accent: cyan → ruby red ──────────────────────────────── */
body.page-id-8040 .section-label,
body.page-id-8040 .hero-eyebrow,
body.page-id-8040 .eyebrow {
  color: #6A6B6C !important;
  background: #141414 !important;
  border-color: #242728 !important;
}

/* Hero eyebrow dot — dot is a <span> in the HTML, no ::before needed */
body.page-id-8040 .hero-eyebrow::before {
  display: none !important;
}

/* Stats bar numbers */
body.page-id-8040 .stat-cell-num,
body.page-id-8040 .stat-num {
  color: #9B111E !important;
}

/* h1/h2 gradient text (cyan → red) */
body.page-id-8040 h1 em,
body.page-id-8040 h2 em,
body.page-id-8040 h3 em,
body.page-id-8040 .section-title em {
  font-style: normal !important;
  background: linear-gradient(90deg, #C41428, #9B111E, #6B0C14) !important;
  background-image: linear-gradient(90deg, #C41428, #9B111E, #6B0C14) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Primary button */
body.page-id-8040 .btn-primary,
body.page-id-8040 a.btn-primary {
  background: linear-gradient(135deg, #C41428, #9B111E) !important;
  background-image: linear-gradient(135deg, #C41428, #9B111E) !important;
  border-color: transparent !important;
  color: #ffffff !important;
}
body.page-id-8040 .btn-primary:hover {
  background: linear-gradient(135deg, #9B111E, #6B0C14) !important;
}

/* Why-cards (feature cards) */
body.page-id-8040 .why-card,
body.page-id-8040 .feature-card,
body.page-id-8040 .case-card {
  background: #141414 !important;
  border-color: #242728 !important;
}
body.page-id-8040 .why-icon,
body.page-id-8040 .feature-icon {
  background: #1A1A1A !important;
  border-color: #242728 !important;
}
body.page-id-8040 .why-icon svg,
body.page-id-8040 .feature-icon svg {
  color: #9B111E !important;
  stroke: #9B111E !important;
}

/* Dividers */
body.page-id-8040 .divider,
body.page-id-8040 hr {
  background: linear-gradient(90deg, #C41428, #9B111E) !important;
  border-color: transparent !important;
}

/* Comparison table */
body.page-id-8040 .compare-scroll,
body.page-id-8040 .compare-table {
  background: #0D0D0F !important;
  border-color: #242728 !important;
}
body.page-id-8040 .highlight,
body.page-id-8040 .erp-logo-cell,
body.page-id-8040 .erp-logo-name {
  color: #C41428 !important;
  border-color: rgba(196,20,40,0.3) !important;
}
body.page-id-8040 .check-yes,
body.page-id-8040 [class*="check-"]:not([class*="no"]) {
  color: #9B111E !important;
}

/* Section labels */
body.page-id-8040 .section-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #6A6B6C !important;
  margin-bottom: 12px !important;
  display: block !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* Stats bar background */
body.page-id-8040 .stats-bar {
  background: #0D0D0F !important;
  border-color: #242728 !important;
}

/* Industry cards */
body.page-id-8040 .industry-card,
body.page-id-8040 [class*="industry-"] {
  background: #141414 !important;
  border-color: #242728 !important;
}

/* Download / CTA strip */
body.page-id-8040 .cta-strip,
body.page-id-8040 .download-form-card {
  background: #141414 !important;
  border-color: #242728 !important;
}
body.page-id-8040 .dl-icon {
  color: #9B111E !important;
}

/* Case study tags */
body.page-id-8040 .case-tag {
  background: rgba(155,17,30,0.12) !important;
  border-color: rgba(155,17,30,0.25) !important;
  color: #C41428 !important;
}
body.page-id-8040 .case-stat {
  color: #9B111E !important;
}

/* Links */
body.page-id-8040 a[class*="btn-ghost"],
body.page-id-8040 .ghost-btn {
  border-color: #242728 !important;
  color: #F4F4F6 !important;
}

/* Stat bar accent border */
body.page-id-8040 .stat-cell {
  border-color: #242728 !important;
}

/* Remove leftover cyan backgrounds in page content only */
body.page-id-8040 .why-section [style*="0, 191, 255"],
body.page-id-8040 .why-section [style*="#00BFFF"],
body.page-id-8040 .why-section [style*="#00bfff"] {
  background-color: #9B111E !important;
  color: #ffffff !important;
}
/* ── Section background fix — overrides inline gradient on .why-section ── */
/* why-section-bg-fix */
body.page-id-8040 .why-section {
  background: #07080A !important;
  background-image: none !important;
}
body.page-id-8040 section,
body.page-id-8040 .why-section-alt {
  background-color: #07080A !important;
  background-image: none !important;
}

/* ── Comparison table SVG checkmarks (ERPNext highlight column) ────────── */
body.page-id-8040 td.highlight svg polyline,
body.page-id-8040 td.highlight svg path,
body.page-id-8040 td.highlight svg circle {
  stroke: #C41428 !important;
}

/* ── "Open Source" teal inline color fix ──────────────────────────────── */
body.page-id-8040 .erp-logo-cell span[style*="00E5CC"],
body.page-id-8040 .erp-logo-cell span[style*="00e5cc"] {
  color: #9B111E !important;
}

/* ── Remove lingering cyan inline styles ─────────────────────────────── */
body.page-id-8040 [style*="#00E5CC"],
body.page-id-8040 [style*="#00e5cc"],
body.page-id-8040 [style*="0, 229, 204"] {
  color: #9B111E !important;
}
/* ── Hero inline background fix (overrides background:#111827 on .hero) ── */
/* hero-inline-fix */
body.page-id-8040 .hero {
  background: #07080A !important;
  background-color: #07080A !important;
}
body.page-id-8040 .hero-grid {
  background-image: none !important;
}
/* ── Competitor column checkmarks → muted gray ─────────────────────────── */
/* competitor-checks-fix */
body.page-id-8040 .compare-table td:not(.highlight) svg polyline,
body.page-id-8040 .compare-table td:not(.highlight) svg path,
body.page-id-8040 .compare-table td:not(.highlight) svg circle {
  stroke: #555860 !important;
}

/* ── Any remaining cyan links or text ─────────────────────────────────── */
/* cyan text override — excludes btn-primary to avoid invisible text */
body.page-id-8040 a[style*="00BFFF"]:not(.btn-primary),
body.page-id-8040 a[style*="00bfff"]:not(.btn-primary),
body.page-id-8040 a[style*="00E5CC"]:not(.btn-primary) {
  color: #9B111E !important;
}
/* ── Global nav fix — match home page header style ──────────────────────── */
/* nav-fix */
body.page-id-8040 .menu-item-link {
  color: #ffffff !important;
}
body.page-id-8040 .menu-item-link:hover {
  color: #C41428 !important;
}
/* Restore Talk to Us button — red bg, white text */
body.page-id-8040 .elementor-element-cta99aa1 a,
body.page-id-8040 .lakit-nav-wrap a[style*="#00BFFF"],
body.page-id-8040 header a[style*="#00BFFF"],
body.page-id-8040 .e-n-header a[style*="#00BFFF"] {
  background: #9B111E !important;
  color: #ffffff !important;
}
/* ── Eyebrow pill + hero glow — final cyan cleanup ───────────────────────── */
/* eyebrow-glow-fix */

/* Eyebrow background/border/color (inline rgba not caught by [style*="#00BFFF"]) */
body.page-id-8040 .hero-eyebrow {
  background: rgba(155,17,30,0.08) !important;
  border: 1px solid rgba(155,17,30,0.25) !important;
  color: #9C9C9D !important;
}

/* Pulsing dot inside eyebrow */
body.page-id-8040 .hero-eyebrow span {
  background: #9B111E !important;
  box-shadow: 0 0 6px rgba(155,17,30,0.6) !important;
}

/* Hero glow — cyan radial gradient removed */
body.page-id-8040 .hero-glow {
  background: radial-gradient(ellipse, rgba(155,17,30,0.08) 0%, transparent 70%) !important;
}

/* Ensure btn-primary text is always white (beat any conflicting rules) */
body.page-id-8040 a.btn-primary,
body.page-id-8040 .btn-primary {
  color: #ffffff !important;
  background: linear-gradient(135deg, #C41428, #9B111E) !important;
}