/**
 * DataFlows Mobile Responsive Fixes
 * These styles help ensure consistent display across all devices
 */

/* Base mobile fixes */
@media screen and (max-width: 767px) {
  /* Force proper sizing */
  html, body {
    width: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  
  /* Use viewport units for height calculations */
  .full-height {
    height: 100vh; /* Fallback */
    height: calc(var(--vh, 1vh) * 100);
  }
  
  /* Fix text sizing */
  h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  
  h2 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
  
  h3 {
    font-size: 24px !important;
    line-height: 1.2 !important;
  }
  
  p {
    font-size: 16px !important;
  }
  
  /* Fix spacing */
  .section {
    padding: 40px 15px !important;
  }
  
  /* Fix buttons */
  button, .button {
    width: 100%;
    max-width: none;
    display: block;
  }
  
  /* Fix column layout */
  .column, .col {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* iPhone specific fixes */
@media screen and (max-width: 480px) {
  .ios-device input, 
  .ios-device textarea,
  .ios-device select {
    font-size: 16px !important; /* Prevents iOS zoom on focus */
  }
}

/* Fix for iPad and tablets */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tablet-fix {
    width: 100% !important;
  }
}