/*
 * Globals
 */


/* Custom default button */
.btn-light,
.btn-light:hover,
.btn-light:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */
body {
  position: relative;                /* ← important */
  min-height: 100dvh;                /* better than 80vh in most cases */
  margin: 0;
  color: white;                      /* easier to read on dark backgrounds */
  text-shadow: 0 2px 8px rgba(0,0,0,0.8);
}

/* Create blurred background layer */
body::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('../../img/background.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(8px) brightness(0.85);  /* adjust blur + brightness as needed */
  z-index: -2;
}

/* Optional: subtle dark overlay for better text readability */
body::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: -1;
}

/* Your content stays sharp automatically */
main, header, footer {
  position: relative;
  z-index: 1;
}

.cover-container {
  max-width: 60em;
}


/*
 * Header
 */

.nav-masthead .nav-link {
  color: rgba(255, 255, 255, .5);
  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;
}


.form-signin {

  text-shadow: none;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-control {
  border-radius: 15px;
}

.form-select {
  border-radius: 15px;
}

.btn {
  border-radius: 15px;
}

.card {
  text-shadow: none;
}

.swal2-container {
  text-shadow: none;
}