/* Site-specific styles for Datemetrix */
:root {
 --site-primary: #6a1b9a;
 --site-secondary: #9333EA;
}

/* Override primary brand colors - CRITICAL NAVBAR FIX */
.navbar-datemetrix,
.navbar.navbar-datemetrix {
 background: linear-gradient(135deg, #6a1b9a 0%, #9333EA 100%) !important;
 background-image: linear-gradient(135deg, #6a1b9a 0%, #9333EA 100%) !important;
 box-shadow: 0 2px 10px rgba(107, 70, 193, 0.3) !important;
}

/* Ensure white text on purple navbar */
.navbar-datemetrix .nav-link,
.navbar-datemetrix .navbar-brand,
.navbar-datemetrix .navbar-toggler {
 color: #ffffff !important;
}

.navbar-datemetrix .social-icon {
 color: rgba(255, 255, 255, 0.9) !important;
}

/* Mobile navbar collapse fix */
@media (max-width: 991px) {
 .navbar-datemetrix .navbar-collapse {
  background: linear-gradient(135deg, #6a1b9a 0%, #9333EA 100%) !important;
  padding: 1rem;
  border-radius: 10px;
  margin-top: 10px;
 }
}

.btn-primary {
 background-color: var(--site-primary);
 border-color: var(--site-primary);
}

.btn-primary:hover {
 background-color: var(--site-secondary);
 border-color: var(--site-secondary);
}

/* CRITICAL: Fix header typography issues */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
 color: #2E86AB !important; /* DateMetrix blue */
 text-shadow: none !important;
 font-weight: 700;
}

/* Fix specific content area headers */
main h1, main h2, main h3, main h4,
.container h1, .container h2, .container h3, .container h4,
section h1, section h2, section h3, section h4 {
 color: #2E86AB !important;
 text-shadow: none !important;
}

/* Ensure readability */
p, .text-muted, .card-text {
 color: #333333 !important;
 text-shadow: none !important;
}

/* Fix banner text to remain white where needed */
.banner3-datemetrix h1,
.banner3-datemetrix h2,
.banner3-datemetrix h3,
.banner3-datemetrix p {
 color: #ffffff !important;
 text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7) !important;
}