/*!
 * Landing chrome — unique filename (nginx caches /css/ immutable).
 * Hero copy aligns with KPI cards, ENG is uppercase, search is a bit wider.
 */

/* Desktop split hero: left copy top matches the right stat-card top. */
@media (min-width: 1100px) {
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-inner,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner {
    align-items: start !important;
    align-content: start !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content,
  html[data-active-module="landing"] body.erp-body #landing.module-section .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content,
  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-cc-dashboard {
    align-self: start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-hero.erp-hero--command-center .erp-hero-inner > .erp-hero-content .erp-hero-eyebrow {
    margin-top: 0 !important;
  }
}

/* Desktop search: a little wider, without crowding Login / Eng. */
@media (min-width: 901px) {
  html[data-active-module="landing"] body.erp-body #navbar #util-bar #utilAiSearchSlot,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-ai-search-slot {
    width: clamp(12.25rem, 15.5vw, 15.25rem) !important;
    min-width: 12.25rem !important;
    max-width: 15.25rem !important;
    flex: 0 0 auto !important;
  }

  html[data-active-module="landing"] body.erp-body #navbar #util-bar #us-trigger,
  html[data-active-module="landing"] body.erp-body #navbar #util-bar .us-trigger,
  html[data-active-module="landing"] body.erp-body #navbar #utilAiSearchSlot .us-trigger {
    width: 100% !important;
  }
}

/* Language trigger lettering is a 3-letter capital code: ENG. */
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,
html[data-active-module="landing"] body.erp-body #navbar #util-bar .util-lang-btn,
html body.erp-body #navbar #util-bar #currentLangText,
html body.erp-body #navbar #util-bar .elinom-lang-label {
  text-transform: uppercase !important;
}