/* Mobile Specific Fixes - Comprehensive Update */

/* Remove all orphaned text at top of mobile pages */
@media (max-width: 768px) {
  /* General orphaned text fixes */
  .hero + .section p:first-of-type,
  .hero + p,
  .header + p,
  section > p:first-of-type:not(.lead),
  .container > p:first-of-type:not(.lead),
  body > p:first-of-type:not(section p):not(.container p),
  main > p:first-of-type:not(section p):not(.container p),
  
  /* Specific fix for the revenue drivers text */
  body > p,
  .navbar + p,
  .header + p,
  p:not(.lead):not(.hero-content p):not(.section p):not(.container p):not(.card-body p):not(.testimonial-content p):not(.feature-content p):not(.cta-box p):not(.sidebar p):not(.footer p),
  
  /* Blog page orphaned text */
  .blog-header + p,
  .blog-content > p:first-of-type:not(.lead) {
    display: none !important;
  }
  
  /* Additional mobile optimizations */
  .hero {
    padding: 60px 0;
  }
  
  .hero h1 {
    font-size: 2rem;
  }
  
  .hero p {
    font-size: 1rem;
  }
  
  /* Fix for hero-section structure */
  .hero-section {
    padding-top: 30px;
  }
  
  /* Ensure proper spacing */
  .content-section {
    padding-top: 20px;
  }
}