/* Form input styling for floating labels and required notation */
.form-floating > .form-control:required ~ label::before {
  content: "*";
  position: absolute;
  right: 0.75rem;
  color: var(--bs-danger);
  font-weight: 700;
  line-height: 1;
  pointer-events: none;
  z-index: 3;
}

.form-floating > .form-control ~ label {
  padding-right: 1.5rem;
}

.form-control:hover {
  border-color: var(--bs-emphasis-color);
}

form.editForm {
    padding: 2rem;
    border-radius: 1rem;
}

/* Navbar styling */
body > nav.navbar > div.container-fluid > a.navbar-brand > img {
  height: 2rem;
}

body > nav.navbar > div.container-fluid  ul > li.dropdown svg {
  height: 1rem;
  width: 1rem;
}

body > nav.navbar {
  z-index: 150;
  box-shadow: 0px 0.05rem 0.5rem 0px black;
}

button.collapse-toggle {
  transition: transform 0.35s ease-in-out;
}

button.collapse-toggle:not(.collapsed) {
  transform: rotate(-180deg); /* Rotates the chevron up when the button is NOT collapsed */
}

/* Styles for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* End Alert Styling */

body {
  background-image: url("https://www.travelandleisure.com/thmb/eV7Kei0oaGrG8iCh5SxubxBuFuQ=/1500x0/filters:no_upscale():max_bytes(150000):strip_icc()/TAL-glacier-lead-image-GLACIERNP0824-e7db370b556a4415b4172e749d1ab8a3.jpg");
  background-repeat: no-repeat; /* Prevents the image from tiling */
  background-size: cover; /* Ensures the image covers the entire element */
  background-position: center; /* Centers the image */
  background-attachment: fixed; /* Keeps image fixed during scroll (optional) */
  /* Add padding to the body or main content to prevent overlap */
  /* padding-bottom: 60px; Adjust to footer's height */
}

footer.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: var(--bs-secondary-bg);
}