/**
 * Footer fix for visibility in all color schemes and devices
 */

/* Base styles for footer to ensure visibility */
.site-footer {
  background-color: var(--dark-color) !important;
  color: #ffffff !important;
  visibility: visible !important;
  display: block !important;
  position: relative !important;
  z-index: 100 !important;
  opacity: 1 !important;
}

/* Fix for text colors in footer regardless of color scheme */
.site-footer h4,
.site-footer p,
.site-footer a,
.site-footer span,
.site-footer div,
.site-footer ul,
.site-footer li {
  color: #ffffff !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Specific styles for gray-colored text */
.site-footer .text-gray-300,
.site-footer .text-gray-400,
.site-footer .copyright,
.site-footer .text-center.text-gray-400,
.site-footer .footer-menu li a {
  color: #e5e7eb !important;
}

/* Mobile-specific fixes */
@media (max-width: 767px) {
  .site-footer {
    margin-top: 2rem !important;
    padding-bottom: 6rem !important; /* Extra padding for sticky mobile elements */
  }
  
  .site-footer .container {
    padding: 1.5rem !important;
  }
}

/* Light mode specific overrides */
@media (prefers-color-scheme: light) {
  .site-footer.bg-dark {
    background-color: var(--dark-color) !important;
  }
  
  /* Ensure all text is visible in light mode */
  .site-footer h4 {
    color: #ffffff !important;
  }
  
  .site-footer p,
  .site-footer a,
  .site-footer .text-gray-300,
  .site-footer .text-gray-400 {
    color: #e5e7eb !important;
  }
}