/*
 * 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.
 */

/* Fixed navbar overlay for home page */
.navbar-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  /* Use a solid navy blue to match the background image */
  background-color: #001f3f !important; /* navy */
  border-bottom: none !important;
  transition: background-color .2s ease;
}

/* Ensure navbar content is visible over the background */
.navbar-overlay .navbar-brand,
.navbar-overlay .nav-link,
.navbar-overlay .btn {
  color: #fff !important;
}

/* Make toggler visible on narrow viewports */
.navbar-overlay .navbar-toggler {
  border-color: rgba(255,255,255,0.2);
}
.navbar-overlay .navbar-toggler-icon {
  filter: invert(1) contrast(200%);
}

/* Consistent top spacing for fixed navbar across all pages */
.navbar-spacer {
  height: 30px;
}

/* Give space at the top of the home background to account for fixed navbar */
.home-page .home-background {
  padding-top: 70px; /* adjust height if your navbar is taller/shorter */
}

/* Shared home background styles */
.home-background {
  background-size: 50%;
  background-position: center calc(50% + 5cm);
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2rem;
}

/* Auth card for login/signup forms */
.auth-card {
  background: rgba(255,255,255,0.95);
  padding: 1.25rem;
  border-radius: 0.5rem;
  max-width: 420px;
  width: 90%;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
}