/*!
 * Landing card polish — new filename on purpose.
 * Nginx caches /css/ as immutable and ignores ?v=, so query-string bumps
 * never reach staging. This sheet must keep a unique path.
 *
 * Applies to BOTH the source #modules-grid / gateway cards AND the
 * #erpLandingCarousels copies, so the photos and top-left coloured icons
 * surface even when the category carousel has not reparented yet.
 */

html body.erp-body #landing .erp-fcard,
html[data-active-module="landing"] body.erp-body #landing .erp-fcard,
html body.erp-body #landing .unit-card,
html[data-active-module="landing"] body.erp-body #landing .unit-card,
#modules-grid.erp-featured-row--image-cards .erp-fcard,
#erpLandingCarousels .erp-fcard,
#erpLandingCarousels .unit-card {
  padding: 20px !important;
}

html body.erp-body #landing .erp-fcard .erp-fcard-content,
html[data-active-module="landing"] body.erp-body #landing .erp-fcard .erp-fcard-content,
html body.erp-body #landing .unit-card .unit-card-body,
html[data-active-module="landing"] body.erp-body #landing .unit-card .unit-card-body,
#modules-grid .erp-fcard-content,
#erpLandingCarousels .erp-fcard-content,
#erpLandingCarousels .unit-card-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: none !important;
}

html body.erp-body #landing .erp-fcard .erp-fcard-icon:not(.zuto-lockup-plate),
html[data-active-module="landing"] body.erp-body #landing .erp-fcard .erp-fcard-icon:not(.zuto-lockup-plate),
html body.erp-body #landing .unit-card .unit-icon-wrapper:not(.zuto-lockup-plate),
html[data-active-module="landing"] body.erp-body #landing .unit-card .unit-icon-wrapper:not(.zuto-lockup-plate),
#modules-grid .erp-fcard-icon:not(.zuto-lockup-plate),
#erpLandingCarousels .erp-fcard-icon:not(.zuto-lockup-plate),
#erpLandingCarousels .unit-icon-wrapper:not(.zuto-lockup-plate) {
  --icon-ink: var(--module-accent, var(--fcard-accent, #38bdf8));
  align-self: flex-start !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--icon-ink) !important;
  background-color: #05070f !important;
  background-image: linear-gradient(
    160deg,
    color-mix(in srgb, var(--icon-ink) 28%, #05070f) 0%,
    #05070f 100%
  ) !important;
  border: 1px solid color-mix(in srgb, var(--icon-ink) 46%, transparent) !important;
  box-shadow: 0 8px 20px rgb(2 6 23 / 42%) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.erp-body #landing .erp-fcard .erp-fcard-icon:not(.zuto-lockup-plate) i,
html[data-active-module="landing"] body.erp-body #landing .erp-fcard .erp-fcard-icon:not(.zuto-lockup-plate) i,
html body.erp-body #landing .unit-card .unit-icon-wrapper:not(.zuto-lockup-plate) i,
html[data-active-module="landing"] body.erp-body #landing .unit-card .unit-icon-wrapper:not(.zuto-lockup-plate) i,
#modules-grid .erp-fcard-icon:not(.zuto-lockup-plate) i,
#erpLandingCarousels .erp-fcard-icon:not(.zuto-lockup-plate) i,
#erpLandingCarousels .unit-icon-wrapper:not(.zuto-lockup-plate) i {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}

html body.erp-body #landing .fcard-analytics,
html[data-active-module="landing"] body.erp-body #landing .fcard-analytics,
#modules-grid .fcard-analytics,
#erpLandingCarousels .fcard-analytics {
  --module-accent: #6366f1;
  --card-photo: url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=640&q=70");
  background-image: linear-gradient(
      180deg,
      rgb(2 6 23 / 12%) 0%,
      rgb(2 6 23 / 32%) 44%,
      rgb(2 6 23 / 78%) 76%,
      rgb(2 6 23 / 94%) 100%
    ),
    var(--card-photo) !important;
}

html body.erp-body #landing .unit-pos,
html[data-active-module="landing"] body.erp-body #landing .unit-pos,
#erpLandingCarousels .unit-pos {
  --module-accent: #0284c7;
  --card-photo: url("https://images.unsplash.com/photo-1556741533-6e6a62bd8b49?auto=format&fit=crop&w=640&q=70");
  background-image: linear-gradient(
      180deg,
      rgb(2 6 23 / 12%) 0%,
      rgb(2 6 23 / 32%) 44%,
      rgb(2 6 23 / 78%) 76%,
      rgb(2 6 23 / 94%) 100%
    ),
    var(--card-photo) !important;
}

html body.erp-body #landing .unit-storefront,
html[data-active-module="landing"] body.erp-body #landing .unit-storefront,
#erpLandingCarousels .unit-storefront {
  --module-accent: #0ea5e9;
  --card-photo: url("https://images.unsplash.com/photo-1467232004584-a241de8bcf5d?auto=format&fit=crop&w=640&q=70");
  background-image: linear-gradient(
      180deg,
      rgb(2 6 23 / 12%) 0%,
      rgb(2 6 23 / 32%) 44%,
      rgb(2 6 23 / 78%) 76%,
      rgb(2 6 23 / 94%) 100%
    ),
    var(--card-photo) !important;
}

html body.erp-body #landing .unit-prints,
html body.erp-body #landing .unit-synth-prints,
html[data-active-module="landing"] body.erp-body #landing .unit-prints,
html[data-active-module="landing"] body.erp-body #landing .unit-synth-prints,
#erpLandingCarousels .unit-prints,
#erpLandingCarousels .unit-synth-prints {
  --module-accent: #0ea5e9;
  --card-photo: url("https://images.unsplash.com/photo-1773525912431-ee1eff5e1ab9?auto=format&fit=crop&w=640&q=70");
  background-image: linear-gradient(
      180deg,
      rgb(2 6 23 / 12%) 0%,
      rgb(2 6 23 / 32%) 44%,
      rgb(2 6 23 / 78%) 76%,
      rgb(2 6 23 / 94%) 100%
    ),
    var(--card-photo) !important;
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-about-band,
footer.elinom-footer .footer-about-band {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.4rem !important;
  padding: 0 !important;
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-quick-row .footer-about-band,
footer.elinom-footer .footer-quick-row .footer-about-band {
  flex: 1 1 auto !important;
  min-width: 12rem !important;
  margin: 0 !important;
  max-width: none !important;
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-about-band h4,
footer.elinom-footer .footer-about-band h4 {
  margin: 0 !important;
  color: #e8eef7 !important;
  font-size: 1.08rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
}

html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-about-band .footer-desc,
footer.elinom-footer .footer-about-band .footer-desc {
  margin: 0 !important;
}

@media (max-width: 720px) {
  html[data-active-module="landing"] body.erp-body footer.elinom-footer .footer-about-band,
  footer.elinom-footer .footer-about-band {
    align-items: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}