/**
 * Accessibility Enhancement CSS
 * This file improves color contrast ratios to meet WCAG 2.1 AA standards
 * Created to fix issues flagged by Google PageSpeed Insights
 */

/* Fix default text colors with better contrast */
body {
  color: #333333; /* Darker base text color */
}

/* Fix gray text used in paragraphs and other elements */
.feature-card p,
.contact-info,
p,
.text-muted,
.card-text,
footer,
.notification-text,
.small-text {
  color: #545454 !important; /* Darker gray instead of #6c757d for better contrast */
}

/* Fix footer contrast issues */
footer {
  color: #333333;
}

footer a {
  color: #0056b3 !important; /* Darker blue for links */
}

footer a:hover {
  color: #003d80 !important; /* Even darker blue for hover state */
}

/* Fix light backgrounds with text */
.bg-light,
.card-footer,
.notification-footer {
  background-color: #f0f0f0 !important; /* Slightly darker than #f8f9fa */
}

.notification-footer {
  color: #333333 !important;
}

/* Make sure buttons have proper contrast */
.btn-outline-secondary {
  color: #5a5a5a !important;
  border-color: #5a5a5a !important;
}

/* Fix subtle text and background combinations */
.text-secondary {
  color: #495057 !important; /* Darker secondary text */
}

/* Fix form placeholder text */
::placeholder {
  color: #717171 !important;
  opacity: 1 !important; /* Override browser default opacity */
}

/* Fix utility text colors */
.text-muted {
  color: #595959 !important;
}

.text-light-muted {
  color: #4e4e4e !important;
}

/* Fix badge and tag contrast */
.badge-light, .badge-secondary {
  color: #212529 !important; 
  background-color: #e2e2e2 !important;
}

/* Fix alert text contrast */
.alert-light {
  color: #333333 !important;
  background-color: #f0f0f0 !important;
}

/* Fix light table elements */
.table-light td, 
.table-light th {
  color: #333333 !important;
}

/* Fix navbar light text */
.navbar-light .navbar-nav .nav-link {
  color: #333333 !important;
}

/* Fix breadcrumb items */
.breadcrumb-item {
  color: #545454 !important;
}

/* Fix light buttons */
.btn-light {
  color: #333333 !important;
  background-color: #e9e9e9 !important;
  border-color: #dddddd !important;
}

/* Fix pagination */
.page-link {
  color: #0056b3 !important;
}

/* Improve contrast in tabs */
.nav-tabs .nav-link {
  color: #333333 !important;
}

/* Fix card header and footer */
.card-header, .modal-header {
  color: #333333 !important;
}

/* Improve contrast for inline code */
code {
  color: #b30000 !important; /* Darker red */
}

/* Make sure form inputs have good contrast */
.form-control,
.form-select {
  color: #333333 !important;
}

/* Fix border colors for better contrast with backgrounds */
.border-light {
  border-color: #d1d1d1 !important;
}

/* Fix alert warning colors */
.alert-warning {
  color: #664d03 !important;
  background-color: #fff3cd !important;
}

/* Fix mobile contrast issues specifically */
@media (max-width: 768px) {
  .small-text,
  .mobile-footer-text,
  .mobile-menu-link {
    color: #454545 !important;
  }
  
  .card-footer-mobile {
    background-color: #ececec !important;
  }
}