/**
 * Mobile light mode footer fixes
 * Special overrides to ensure footer visibility on mobile devices in light mode
 */

/* Target specifically mobile devices */
@media (max-width: 767px) {
  /* Force dark background on footer in all modes */
  .site-footer {
    background-color: #111827 !important;
    color: white !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 70px !important; /* Extra space for mobile sticky elements */
  }
  
  /* Ensure all text elements in the footer are visible */
  .site-footer h1, 
  .site-footer h2, 
  .site-footer h3, 
  .site-footer h4, 
  .site-footer h5, 
  .site-footer h6 {
    color: white !important;
  }
  
  .site-footer p,
  .site-footer a,
  .site-footer span,
  .site-footer li {
    color: #e5e7eb !important;
  }
  
  /* Special treatment for specific elements */
  .site-footer .text-gray-300,
  .site-footer .text-gray-400,
  .site-footer .copyright {
    color: #e5e7eb !important;
  }
  
  /* Override any conflicting classes */
  .site-footer .text-white {
    color: white !important;
  }
  
  /* Fix specifically for light mode */
  @media (prefers-color-scheme: light) {
    .site-footer {
      background-color: #111827 !important;
    }
  }
}