/* static/css/overrides.css */
/* === TempoMaestro Theme Overrides === */

/* Force a specific background and text color for the entire page */
html, body {
  background: var(--bg-primary) !important;
  color: var(--text-primary);
}

/* Link Resets */
a, a:visited {
  color: inherit;
  text-decoration: none;
}
a:hover { text-decoration: none; }

/* Headings */
.section-title, h1, h2, h3 {
  font-weight: 800;
  letter-spacing: .2px;
}

/* ===== HEADER BAR STYLES ===== */
header {
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  background: rgba(15, 20, 23, 0.7); /* Semi-transparent background */
  -webkit-backdrop-filter: blur(8px); /* Blur effect for modern browsers */
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border-color);
  color: var(--text-primary);
}

/* Logged-in badge */
header span.text-xs {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
  border-radius: 8px;
}

/* Language toggle button */
header a[href*="/toggle_language"] {
  background: var(--accent-green) !important;
  color: #0f1417 !important;
  border-radius: 8px;
  font-weight: 600;
}
header a[href*="/toggle_language"]:hover {
  background: var(--accent-green-dark) !important;
}

/* TempoMaestro Logo: Two-tone text effect */
header nav a:first-child {
  display: inline-block;
  font-weight: 800 !important;
  font-size: 1.5rem !important;
  line-height: 1.2;
  letter-spacing: .3px;
  text-decoration: none;
  background-image: linear-gradient(90deg, #ffffff 0 48%, var(--accent-green) 48% 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
/* Fallback for older browsers */
@supports not (background-clip: text) {
  header nav a:first-child {
    color: #ffffff !important;
  }
}