/*!
 * Landing chrome — unique filename (nginx caches /css/ immutable).
 * Footer office cards use painted country flags, not ISO letter fallbacks.
 */

html[data-active-module="landing"] body.erp-body footer.elinom-footer .office-flag,
html body.erp-body footer.elinom-footer .office-flag,
html[data-active-module="landing"] body.erp-body .footer .office-flag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.85rem !important;
  height: 1.3rem !important;
  min-width: 1.85rem !important;
  min-height: 1.3rem !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  border-radius: 3px !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  margin-top: 2px !important;
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .office-flag img,
html[data-active-module="landing"] body.erp-body footer.elinom-footer .office-flag svg,
html body.erp-body footer.elinom-footer .office-flag img,
html body.erp-body footer.elinom-footer .office-flag svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .office-flag--us,
html body.erp-body footer.elinom-footer .office-flag--us {
  background-image: url("/assets/flags/us.svg") !important;
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .office-flag--gb,
html body.erp-body footer.elinom-footer .office-flag--gb {
  background-image: url("/assets/flags/gb.svg") !important;
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .office-flag--ie,
html body.erp-body footer.elinom-footer .office-flag--ie {
  background-image: url("/assets/flags/ie.svg") !important;
}

/* Emoji / letter fallbacks when a page still uses regional-indicator text. */
html body.erp-body footer.elinom-footer .footer-offices .footer-office-card:nth-child(1) .office-flag:not(:has(img)):not(:has(svg)):not(.office-flag--us):not(.office-flag--gb):not(.office-flag--ie) {
  background-image: url("/assets/flags/us.svg") !important;
}

html body.erp-body footer.elinom-footer .footer-offices .footer-office-card:nth-child(2) .office-flag:not(:has(img)):not(:has(svg)):not(.office-flag--us):not(.office-flag--gb):not(.office-flag--ie) {
  background-image: url("/assets/flags/gb.svg") !important;
}

html body.erp-body footer.elinom-footer .footer-offices .footer-office-card:nth-child(3) .office-flag:not(:has(img)):not(:has(svg)):not(.office-flag--us):not(.office-flag--gb):not(.office-flag--ie) {
  background-image: url("/assets/flags/ie.svg") !important;
}

@media (max-width: 900px) {
  html[data-active-module="landing"] body.erp-body footer.elinom-footer .office-flag,
  html body.erp-body footer.elinom-footer .office-flag {
    width: 1.75rem !important;
    height: 1.22rem !important;
    min-width: 1.75rem !important;
    min-height: 1.22rem !important;
  }
}
