/* Hover effect for header navigation buttons */
.header-nav-btn:hover {
  color: #d4e300 !important; /* Ensure text stays white or changes to a brighter white */
  /* background-color: rgb(255, 251, 2); Subtle white background with transparency */
  border-radius: 0.8rem; /* Slightly rounded corners */
  transition: background-color 0.5s ease-in-out; /* Smooth transition */
}

/* Cookie Banner Styles */
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f8f9fa; /* Light gray background */
  border-top: 2px solid #007bff; /* Blue accent */
  box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.18);
  padding: 15px;
  text-align: center;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  font-family: Arial, sans-serif;
}

.cookie-banner button {
  margin: 0 10px;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}

.cookie-banner button:first-of-type {
  background-color: #28a745; /* Green for accept */
  color: white;
}

.cookie-banner button:first-of-type:hover {
  background-color: #218838;
}

.cookie-banner button:last-of-type {
  background-color: #dc3545; /* Red for reject */
  color: white;
}

.cookie-banner button:last-of-type:hover {
  background-color: #c82333;
}

.cookie-banner .cookie-text {
  display: block; /* Make it a block element so margin-bottom works */
  margin-bottom: 10px; /* Adjust this value for more or less space */
}

.cookie-banner .cookie-buttons {
  margin-top: 5px; /* Optional: Add a little space above buttons if needed */
}

/* Cookie Rejection Page Styles */
/* The body styles will be moved to a specific class */

.cookie-required-container {
  text-align: center;
  background: white;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  max-width: 500px;
  width: 90%;
}

.cookie-required-container h1 {
  color: #dc3545; /* Red for emphasis */
  margin-bottom: 20px;
}

.cookie-required-container p {
  margin-bottom: 30px;
  font-size: 16px;
}

.cookie-required-container a,
.cookie-required-container button { /* Apply styles to both link and button */
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s;
  border: none; /* Ensure button has no default border */
  cursor: pointer;
  margin: 5px; /* Add some margin between button and link */
}

.cookie-required-container a:hover,
.cookie-required-container button:hover {
  background-color: #0056b3;
}

/* Cookie Overlay Styles */
/* .cookie-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
  /* z-index: 999; Lower than the banner (1000), higher than page content */
  /* cursor: not-allowed; Indicate that interaction is blocked */
/* } */