html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* ========================================
   LAYOUT: Content Area Adjustments
   ======================================== */
/* Override theme's .content padding-top to remove gap above hero headers
   Theme default: padding: calc(var(--phoenix-navbar-top-height) + 2rem) ...
   which equals calc(4rem + 2rem) = 6rem (96px)
   We only need the navbar height for spacing */
.content {
  padding-top: var(--phoenix-navbar-top-height);
}

/* ========================================
   MOBILE: Hide Scrollbars
   ======================================== */
@media (max-width: 991px) {
  /* Hide scrollbar for Chrome, Safari and Opera */
  *::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  * {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

  /* Ensure body and html still scroll */
  html,
  body {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: auto;
    overflow-x: hidden;
  }

  html::-webkit-scrollbar,
  body::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbars on all scrollable containers */
  .modal-body::-webkit-scrollbar,
  .offcanvas-body::-webkit-scrollbar,
  .dropdown-menu::-webkit-scrollbar,
  .overflow-auto::-webkit-scrollbar,
  .overflow-scroll::-webkit-scrollbar {
    display: none;
  }

  .modal-body,
  .offcanvas-body,
  .dropdown-menu,
  .overflow-auto,
  .overflow-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

/* ========================================
   SEARCH FILTER BAR
   ======================================== */
.search-filter-bar .search-filter-toggle {
    white-space: nowrap;
}

.search-filter-bar .search-filter-badge {
    font-size: 0.65rem;
    padding: 0.2em 0.45em;
}

.search-filter-bar .card-body .form-label {
    color: var(--bs-secondary);
}