/*
  Legacy typography/spacing utility overrides.

  Many pages still use shared class names (e.g. text-white, text-center, font-weight-bold).
  Tailwind generates similar utilities without !important, and style.min.css often loads
  after Tailwind and wins the cascade. This thin file restores those utilities with
  !important so legacy screens stay visually correct.

  Prefer migrating surfaces to Tailwind primitives / src/components/ui over growing this file.
*/

.text-white {
  color: #fff !important;
}

.text-black {
  color: #000 !important;
}

.text-primary {
  color: #ff6b00 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

/*
  Admin table action icons.

  Tailwind Preflight sets svg { display: block }. Combined with the legacy
  .action-col { width: 50px }, edit/copy buttons wrap onto two centered lines
  and look diagonally staggered. Keep icons in one horizontal row.
*/
.action-col {
  width: auto !important;
  min-width: 4.5rem !important;
  white-space: nowrap !important;
}

.action-col > button,
.action-col > a,
.action-col button,
.action-col a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
}

.action-col button + button,
.action-col a + button,
.action-col button + a,
.action-col a + a {
  margin-left: 0.5rem !important;
}

.action-col svg {
  display: inline-block !important;
  vertical-align: middle !important;
}

/*
  Header global search suggestions.

  After Bootstrap removal, .dropdown-menu no longer defaults to position:absolute.
  Inside .header-autocomplete-search (display:flex + pill radius), a static
  suggestions panel expands the search bar into a giant white oval.
*/
.header-autocomplete-search {
  position: relative !important;
}

.header-search .header-search-dd .dropdown-menu,
.header-14 .header-search .header-search-dd .dropdown-menu,
.advance-search-block .header-search-dd .dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin-top: 0.4rem !important;
  z-index: 10501 !important;
}

.header-search .header-search-wrapper {
  overflow: visible !important;
}