/* --- Site Notification Banner --- */
.site-notification {
  background-color: #2c3e50; /* A modern, dark blue background */
  color: #ffffff; /* White text for high contrast */
  padding: 12px 5px 20px 20px; /* Adds space around the text (top/bottom and left/right) */
  text-align: center; /* Centers the text */
  position: sticky; /* Makes the banner stick to the top */
  top: 0; /* Aligns it to the very top of the viewport */
  width: 100%; /* Ensures it spans the full width */
  z-index: 1000; /* Keeps the banner on top of other content */
  font-family: sans-serif; /* A clean, readable font */
  box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Adds a subtle shadow */
}

/* --- Styling for the paragraph inside the banner --- */
.site-notification p {
  margin: 0; /* Removes default paragraph margin */
  font-size: 1rem; /* Sets a standard font size */
}

/* --- Styling for the link inside the banner --- */
.site-notification a {
  color: #3498db; /* A bright, clear blue for the link */
  font-weight: bold; /* Makes the link text stand out */
  text-decoration: underline; /* Underlines the link for clarity */
}

/* Optional: Change link color on hover for better user experience */
.site-notification a:hover {
  color: #5dade2;
}