/* ==========================================================
   footer.css
   Styles for the site footer (views/layout/footer.php).
   Scoped under .site-footer to avoid leaking onto other UI.
   ========================================================== */
.site-footer a.footer-link {
  color: #fff;
  text-decoration: none;
}
.site-footer a.footer-link:hover {
  color: #fff;
  text-decoration: underline;
}
/* Faded white (used by © line + bottom links) */
.site-footer .footer-muted {
  color: rgba(255, 255, 255, .7);
}
.site-footer a.footer-muted-link {
  color: rgba(255, 255, 255, .7) !important;
  text-decoration: none;
}
.site-footer a.footer-muted-link:hover {
  color: #fff !important;
  text-decoration: underline;
}

/* ==========================================================
   Newsletter input
   Bootstrap's default .form-control is white bg with a near-
   black placeholder, which reads poorly against the dark
   footer. These rules theme the input to match the footer
   surface: transparent-dark bg, white typed text, muted-
   white placeholder. The Subscribe button (btn-light) is
   intentionally left as-is for contrast.
   ========================================================== */

.site-footer .form-control {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

.site-footer .form-control:focus {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.6);
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.15);
}

.site-footer .form-control::placeholder {
  color: rgba(255, 255, 255, 0.7);
  opacity: 1; /* Firefox defaults to 0.5; force full opacity for legibility */
}

/* Block browser autofill from painting the field yellow with dark text */
.site-footer .form-control:-webkit-autofill,
.site-footer .form-control:-webkit-autofill:hover,
.site-footer .form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.1) inset;
  caret-color: #fff;
  transition: background-color 9999s ease-in-out 0s;
}