/* SwoopForm Universal Mobile CSS */

@media(max-width:768px){

  /* NAV - only hide wordmark on very small screens */
  nav{padding:0 12px !important;gap:6px !important;}
  .nav-title{display:none !important;}
  .nav-sep{display:none !important;}

  /* PLAN BANNER */
  #plan-banner{flex-direction:column !important;align-items:flex-start !important;gap:6px !important;padding:10px 14px !important;}
  #plan-banner a{width:100% !important;text-align:center !important;display:block !important;}

  /* GRIDS - stack on mobile */
  .grid2{grid-template-columns:1fr !important;}

  /* INPUTS - prevent zoom on iOS */
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="search"],
  textarea,select{font-size:16px !important;}

  /* MODALS */
  .modal-box{width:95vw !important;max-width:none !important;padding:20px 16px !important;}
  .modal-overlay{padding:10px !important;}

  /* TABLES scroll horizontally */
  .table-wrap{overflow-x:auto !important;}
}

@media(max-width:480px){
  /* Hide nav links on very small screens */
  .nav-links{display:none !important;}
}