/*!
 * Landing footer alignment + coloured marks.
 * Unique filename: nginx caches /css/ immutable and ignores ?v=.
 */

html[data-active-module="landing"] body.erp-body footer.elinom-footer {
  --ef-brand-grad: linear-gradient(
    90deg,
    #38bdf8 0%,
    #6366f1 32%,
    #f472b6 68%,
    #f59e0b 100%
  );
  --ef-cols: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr);
  --ef-gap-x: 1.25rem;
  --ef-gap-y: 1.5rem;
}

/* Beat the white wordmark flatten in erp-home-footer.css. */
html[data-active-module="landing"] body.erp-body footer.elinom-footer .brand-identity .erp-logo-gradient-text,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .brand-identity .lp-is-1c40a8ae,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .brand-identity .lp-is-01108264,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-about-band h4 .erp-logo-gradient-text,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-legal .erp-logo-gradient-text,
html[data-active-module="landing"] body.erp-body footer.elinom-footer a .erp-logo-gradient-text,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .erp-actions-band-item .erp-logo-gradient-text,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .erp-logo-gradient-text {
  display: inline-block !important;
  background: var(--ef-brand-grad) !important;
  background-image: var(--ef-brand-grad) !important;
  background-size: 100% 100% !important;
  background-position: 0 0 !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: none !important;
}

/* Short "Elinom" still has to show all four stops, not only cyan. */
html[data-active-module="landing"] body.erp-body footer.elinom-footer .brand-identity .lp-is-1c40a8ae,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-about-band h4 .erp-logo-gradient-text,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-legal .erp-logo-gradient-text,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .erp-actions-band-item .erp-logo-gradient-text {
  background-image: linear-gradient(
    90deg,
    #38bdf8 0%,
    #6366f1 18%,
    #f472b6 48%,
    #f59e0b 100%
  ) !important;
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .brand-identity > svg {
  filter: drop-shadow(0 4px 14px rgba(99, 102, 241, 0.45)) !important;
}

/* Shared 5-column track: brand/about, chips, and link columns line up. */
@media (min-width: 1101px) {
  html[data-active-module="landing"] body.erp-body footer.elinom-footer {
    text-align: left !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-top-grid,
  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-content,
  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-content--design,
  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-quick-row {
    display: grid !important;
    grid-template-columns: var(--ef-cols) !important;
    column-gap: var(--ef-gap-x) !important;
    row-gap: var(--ef-gap-y) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-top-grid {
    align-items: start !important;
    margin-bottom: 1.25rem !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-brand-bar {
    grid-column: 1 / 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-about-band,
  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-top-grid .footer-about-band {
    grid-column: 3 / 6 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0.4rem !important;
    margin: 0 !important;
    padding: 0.7rem 0 0 !important;
    max-width: none !important;
    text-align: left !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-quick-row {
    align-items: center !important;
    margin: 0 0 1.75rem !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-quick-row .footer-brand-actions.erp-actions-band {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.7rem !important;
    width: 100% !important;
    margin: 0 !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-content--design > .footer-section {
    min-width: 0 !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-content.footer-content--design > .footer-section.footer-col-offices,
  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-content.footer-content--design > .footer-section.footer-col-certs-social {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-content.footer-content--design > .footer-section.footer-col-certs-social .footer-social-lockup {
    margin-top: auto !important;
    min-height: 5.125rem !important;
    justify-content: flex-start !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-content--design > .footer-section > h4:first-child {
    min-height: 1.7rem !important;
    height: 1.7rem !important;
    margin-top: 0 !important;
    margin-bottom: 1.1rem !important;
    display: flex !important;
    align-items: center !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-col-solutions a {
    white-space: nowrap !important;
  }

  /* Copyright / legal right-aligned in the footer bar */
  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-bottom,
  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-bottom--legal-end {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    margin-top: 1.25rem !important;
    width: 100% !important;
    grid-template-columns: none !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-bottom .footer-legal,
  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-bottom .footer-legal-links,
  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-legal-end {
    grid-column: auto !important;
    width: auto !important;
    max-width: 100% !important;
    text-align: right !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-bottom .footer-legal-links {
    justify-content: flex-end !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0.35rem 1rem !important;
  }
}

@media (max-width: 1100px) {
  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-top-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 1.1rem !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-about-band,
  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-top-grid .footer-about-band {
    align-items: center !important;
    text-align: center !important;
    margin: 0 !important;
    max-width: 40rem !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-quick-row {
    display: flex !important;
    justify-content: center !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-quick-row .footer-brand-actions.erp-actions-band {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
}

/* Coloured footer icons (chips, mail, certs). SOC 2 lock stays lavender. */
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-quick-row .erp-actions-band-item:nth-child(1) i,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-quick-row a[href*="help-centre"] i {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-quick-row .erp-actions-band-item:nth-child(2) i,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-quick-row a[href*="/docs/"] i {
  color: #6366f1 !important;
  -webkit-text-fill-color: #6366f1 !important;
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-quick-row .erp-actions-band-item:nth-child(3) i,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-quick-row a[href*="sales"] i {
  color: #f472b6 !important;
  -webkit-text-fill-color: #f472b6 !important;
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-quick-row .erp-actions-band-item:nth-child(4) i,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-quick-row a[href*="about"] i {
  color: #f59e0b !important;
  -webkit-text-fill-color: #f59e0b !important;
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-contact-emails a i,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-contact-emails i.fa-envelope,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-contact-emails i.lp-is-5ecafa14 {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-cert.footer-cert--column span i.fa-shield-halved,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-cert span:nth-child(1) i {
  color: #38bdf8 !important;
  -webkit-text-fill-color: #38bdf8 !important;
  filter: drop-shadow(0 0 6px rgba(56, 189, 248, 0.35));
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-cert.footer-cert--column span i.fa-lock,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-cert span:nth-child(2) i,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-cert i.fa-lock {
  color: #c0c1ff !important;
  -webkit-text-fill-color: #c0c1ff !important;
  filter: drop-shadow(0 0 6px rgba(192, 193, 255, 0.35));
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-cert.footer-cert--column span i.fa-check-circle,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-cert span:nth-child(3) i {
  color: #34d399 !important;
  -webkit-text-fill-color: #34d399 !important;
  filter: drop-shadow(0 0 6px rgba(52, 211, 153, 0.35));
}