/*!
 * Landing chrome — unique filename (nginx caches /css/ immutable).
 * Brand-gradient Login orb, uniform util gaps, full Eng, gradient wordmark.
 */

/* ── Footer: Connect With Us shares Ireland's row ───────────────────── */
@media (min-width: 901px) {
  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 {
    align-items: stretch !important;
    place-items: stretch stretch !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;
    align-self: stretch !important;
    height: 100% !important;
    min-height: 100% !important;
    overflow: visible !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-col-offices .footer-contact-phones {
    display: none !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 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    margin-top: auto !important;
    flex: 0 0 auto !important;
    min-height: 6.95rem !important;
    overflow: visible !important;
  }

  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-col-certs-social .footer-social-heading,
  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-section h4.lp-is-02a008fb {
    margin-top: 0 !important;
    margin-bottom: 0.55rem !important;
  }
}

/* One horizontal row: Facebook, X, LinkedIn, Instagram, YouTube. */
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-col-certs-social .footer-social-row,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-social-row.social-links,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-social-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.32rem !important;
  width: max-content !important;
  max-width: none !important;
  margin-top: 0 !important;
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-social-row a,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-section .footer-social-row a,
html[data-active-module="landing"] body.erp-body .footer .footer-section .footer-social-row a {
  width: 1.85rem !important;
  height: 1.85rem !important;
  min-width: 1.85rem !important;
  max-width: 1.85rem !important;
  flex: 0 0 1.85rem !important;
}

/* ── Circular Login using the exact Elinom brand stops (E-mark + login CTA) ─ */
html body.erp-body #navbar #util-bar .nav-auth-buttons #loginBtn.util-btn,
html body.erp-body #navbar #util-bar #loginBtn,
html[data-active-module="landing"] body.erp-body #navbar #util-bar .nav-auth-buttons #loginBtn.util-btn,
html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn {
  --erp-login-grad: linear-gradient(120deg, #38bdf8 0%, #6366f1 34%, #f472b6 67%, #f59e0b 100%);
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--erp-login-grad) !important;
  background-image: var(--erp-login-grad) !important;
  background-size: 100% 100% !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow:
    0 0 0 2px rgb(56 189 248 / 28%),
    0 8px 18px rgb(99 102 241 / 28%),
    0 4px 12px rgb(245 158 11 / 22%) !important;
  overflow: hidden !important;
  gap: 0 !important;
  flex: 0 0 48px !important;
}

html body.erp-body #navbar #util-bar #loginBtn.erp-login-orb--out,
html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn.erp-login-orb--out {
  --erp-login-grad: linear-gradient(120deg, #fb7185 0%, #e879f9 48%, #f59e0b 100%);
}

html body.erp-body #navbar #util-bar #loginBtn::before,
html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn::before {
  content: "" !important;
  position: absolute !important;
  inset: 11px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 0 0 2px rgb(255 255 255 / 18%) !important;
  z-index: 1 !important;
}

html body.erp-body #navbar #util-bar #loginBtn .erp-login-orb-label {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

html body.erp-body #navbar #util-bar #loginBtn .erp-login-lock,
html body.erp-body #navbar #util-bar #loginBtn .fa-lock,
html body.erp-body #navbar #util-bar #loginBtn .fa-lock-open,
html body.erp-body #navbar #util-bar #loginBtn .fa-sign-out-alt,
html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn .erp-login-lock,
html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn .fa-lock {
  position: relative !important;
  z-index: 3 !important;
  color: #e11d48 !important;
  -webkit-text-fill-color: #e11d48 !important;
  font-size: 0.92rem !important;
  line-height: 1 !important;
}

html body.erp-body #navbar #util-bar #loginBtn .erp-login-orb-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

html body.erp-body #navbar #util-bar #loginBtn:hover,
html[data-active-module="landing"] body.erp-body #navbar #util-bar #loginBtn:hover {
  transform: scale(1.06) !important;
  filter: brightness(1.06);
}

/*
 * Uniform gap across Login / avatar / bell / Eng.
 * Kill the -16px Eng shift that clips the language code.
 */
html[data-active-module="landing"] body.erp-body #navbar,
html[data-active-module="landing"] body.erp-body #navbar #util-bar,
html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner {
  overflow: visible !important;
}

html[data-active-module="landing"] body.erp-body #navbar #util-bar,
html body.erp-body #navbar #util-bar {
  padding-right: 1.15rem !important;
  box-sizing: border-box !important;
}

html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner,
html body.erp-body #navbar #util-bar .util-bar-inner {
  gap: 0.85rem !important;
  padding-right: 0.85rem !important;
}

html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > .nav-auth-buttons,
html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > #navUserChip,
html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > #navNotifWrap,
html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > .util-lang-wrap,
html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > #utilLangWrapper,
html body.erp-body #navbar #util-bar .util-bar-inner > .nav-auth-buttons,
html body.erp-body #navbar #util-bar .util-bar-inner > #navUserChip,
html body.erp-body #navbar #util-bar .util-bar-inner > #navNotifWrap,
html body.erp-body #navbar #util-bar .util-bar-inner > .util-lang-wrap,
html body.erp-body #navbar #util-bar .util-bar-inner > #utilLangWrapper {
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
}

html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > .util-lang-wrap,
html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-bar-inner > #utilLangWrapper,
html body.erp-body #navbar #util-bar .util-lang-wrap,
html body.erp-body #navbar #util-bar #utilLangWrapper {
  min-width: max-content !important;
  max-width: none !important;
  transform: none !important;
  margin-right: 0.25rem !important;
}

html[data-active-module="landing"] body.erp-body #navbar #util-bar .elinom-lang-btn,
html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-lang-btn,
html[data-active-module="landing"] body.erp-body #navbar #util-bar #currentLangDisplay,
html[data-active-module="landing"] body.erp-body #navbar #util-bar #currentLangText,
html[data-active-module="landing"] body.erp-body #navbar #util-bar .elinom-lang-label {
  overflow: visible !important;
  max-width: none !important;
  min-width: max-content !important;
  width: auto !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
  flex-shrink: 0 !important;
}

/* Header + footer Elinom wordmarks: full cyan → indigo → pink → amber. */
html[data-active-module="landing"] body.erp-body #navbar a.logo .erp-logo-gradient-text,
html[data-active-module="landing"] body.erp-body #navbar a.logo .lp-is-b8209fbb,
html[data-active-module="landing"] body.erp-body #navbar a.logo .notranslate,
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 .erp-logo-gradient-text {
  background: linear-gradient(
    90deg,
    #38bdf8 0%,
    #6366f1 32%,
    #f472b6 68%,
    #f59e0b 100%
  ) !important;
  background-image: linear-gradient(
    90deg,
    #38bdf8 0%,
    #6366f1 32%,
    #f472b6 68%,
    #f59e0b 100%
  ) !important;
  background-size: 100% 100% !important;
  background-position: 0 50% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: none !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;
}

/* Keep Elinom Connect on the main nav at every desktop width. */
html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.connect-li,
html body.erp-body #navbar #navMenu > li.connect-li {
  display: list-item !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
}

html[data-active-module="landing"] body.erp-body #navbar #navMenu > li.connect-li > a,
html body.erp-body #navbar #navMenu > li.connect-li > a {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}