/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
a.active,
.nav-link.active {
  font-weight: bold;
}

#navbar .nav-link.active {
  border-bottom: 2px solid black;
}

.poppins-500 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-600 {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-700 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.dropdown-toggle.dropdown-compact::after {
  margin-left: 0px;
}

.smaller {
  font-size: 0.8rem;
}

.smallest {
  font-size: 0.6rem;
}

#navbar .view-dropdown-menu {
  min-width: min(18rem, calc(100vw - 2rem));
  max-width: calc(100vw - 1rem);
}

@media (min-width: 576px) {
  #navbar .view-dropdown-menu {
    min-width: 16rem;
    max-width: none;
    width: max-content;
  }

  #navbar .view-dropdown-menu .form-check-label {
    white-space: nowrap;
  }
}

@media (min-width: 992px) {
  #navbar .view-dropdown-menu {
    min-width: 18rem;
  }
}