/**
 * Kundregistrering - mobil (plan Fas 4.1)
 * Formulär en kolumn, stora fält och knappar 44px
 */

@media (max-width: 768px) {
  .main-content {
    padding: calc(80px + env(safe-area-inset-top)) 1rem 2rem !important;
    padding-bottom: calc(2rem + env(safe-area-inset-bottom)) !important;
    align-items: flex-start;
  }

  .registration-container {
    padding: 1.5rem 1rem !important;
    margin: 0.5rem 0 !important;
  }

  .registration-header h1 {
    font-size: 1.5rem !important;
  }

  .registration-header p {
    font-size: 1rem !important;
  }

  #customerRegistrationForm .form-row,
  #customerRegistrationForm .grid {
    grid-template-columns: 1fr !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0;
  }

  #customerRegistrationForm input,
  #customerRegistrationForm select,
  #customerRegistrationForm textarea {
    min-height: 44px !important;
    padding: 12px 16px !important;
    font-size: 1rem !important;
  }

  #customerRegistrationForm textarea {
    min-height: 100px !important;
  }

  #customerRegistrationForm button[type="submit"],
  #customerRegistrationForm .submit-btn,
  #customerRegistrationForm .social-btn {
    min-height: 44px !important;
    padding: 12px 20px !important;
    font-size: 1rem !important;
  }

  .social-btn {
    min-height: 44px !important;
    padding: 12px 20px !important;
  }
}

@media (max-width: 480px) {
  .registration-container {
    padding: 1rem 0.75rem !important;
  }
}