/* CSS for Bootstrap Cover Page Example */
/* Should be saved in the root style.css file */

/* Base structure adjustments */
html,
body {
  height: 100%;
  /* Style often assumes dark theme applied via body classes */
  /* background-color: #333; /* Example if bg-dark isn't used on body */
}

body {
  display: flex; /* Enables flexbox alignment */
  /* Vertical and Horizontal centering is typically handled by the .cover-container and its parent */
  color: #fff; /* Default text color for dark theme */
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 0rem rgba(0, 0, 0, .5);
}

/* Main container for centering content */
.cover-container {
  max-width: 42em;
  /* Requires d-flex, h-100, mx-auto, text-center classes on itself */
  /* Needs parent (like body or another div) with display:flex, align-items:center, justify-content:center */
}


/* Header/Navigation styling */
.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

.lead {
  width: 500px;
}

/* Custom default button override (if needed, often handled by btn-secondary now) */
/* .btn-light,           */
/* .btn-light:hover,     */
/* .btn-light:focus {    */
/* color: #333;        */
/* text-shadow: none;  */
/* }                     */


/* --- Styles for form status messages (Keep these for modal) --- */
/* Ensure these are readable against modal background (usually light) */
#form-status {
  margin-top: 1.5em;
  padding: 1em;
  border-radius: 4px;
  text-shadow: none; /* Disable body text-shadow for readability */
  text-align: left; /* Reset text align if needed */
}

#form-status.success {
  background-color: #d1e7dd; /* Bootstrap success background */
  color: #0f5132; /* Bootstrap success text */
  border: 1px solid #badbcc;
}

#form-status.error {
  background-color: #f8d7da; /* Bootstrap danger background */
  color: #842029; /* Bootstrap danger text */
  border: 1px solid #f5c2c7;
}
/* --- End Status Styles --- */