/* Fix for mobile header overlapping page titles */
@media (max-width: 767.98px) {
  /* Push down the hero text content on mobile */
  .hero .hero-text {
    padding-top: 80px !important; /* Header height + buffer */
  }
  
  /* Alternative: target the h1 directly in hero sections */
  .hero .hero-text h1 {
    margin-top: 5px !important;
  }
  
  /* Add margin to content area on mobile */
  .content {
    margin-top: 20px !important;
  }
  
  /* Ensure header has proper z-index */
  .header-fixed {
    z-index: 1050 !important;
  }
}