/* ====== DEMO SITE OVERRIDE ====== */

/* Make it immediately obvious */
body {
  background-color: #fdf4dc !important; /* light yellow background */
  color: #222 !important;
}

/* Header / top bar */
header, .site-header, #masthead, .bb-header, .navbar {
  background-color: #003366 !important; /* dark blue */
  color: #fff !important;
}

header a, .site-header a, .navbar a {
  color: #fff !important;
}

/* Buttons */
button, input[type="submit"], .button, .wp-block-button__link, .mepr-submit {
  background-color: #ff6600 !important; /* bright orange */
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  text-transform: uppercase !important;
}

button:hover, input[type="submit"]:hover, .button:hover, .wp-block-button__link:hover, .mepr-submit:hover {
  background-color: #ff8533 !important;
}

/* Links */
a {
  color: #e60073 !important; /* magenta */
}

a:hover {
  color: #cc005f !important;
}

/* Page headers and titles */
h1, h2, h3, h4, h5, h6 {
  color: #003366 !important;
  text-transform: uppercase !important;
}

/* Footer */
footer, .site-footer {
  background-color: #222 !important;
  color: #eee !important;
}

footer a {
  color: #ffcc00 !important;
}

footer a:hover {
  color: #fff !important;
}

/* Optional: Add a fixed "DEMO SITE" label */
body::before {
  content: "DEMO SITE";
  position: fixed;
  top: 10px;
  right: 10px;
  background: red;
  color: white;
  font-weight: bold;
  padding: 5px 10px;
  z-index: 9999;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

/* Optional: make all images slightly grayscale to distinguish */
img {
  filter: grayscale(40%);
}