/* ==== Form styles: mobile-friendly selects & improved accessibility ==== */

.form-select-mobile {
  font-size: 16px;              /* estää iOS-autozoomin ja parantaa luettavuutta */
}

@media (max-width: 576px) {
  .form-select-mobile {
    font-size: 16px;            
    line-height: 1.4;
    padding: 0.6rem 0.75rem;    
    min-height: 44px;           
  }

  .form-select-mobile option {
    font-size: 16px;
  }
}

/* Stronger specificity for Bootstrap selects */
.form-select.form-select-mobile,
select.form-select-mobile {
  font-size: 16px;
}

@media (max-width: 576px) {
  .form-select.form-select-mobile,
  select.form-select-mobile {
    font-size: 16px;
    line-height: 1.4;
    padding: 0.6rem 0.75rem;
    min-height: 44px;
  }

  .form-select-mobile option { 
    font-size: 16px; 
  }
}

/* === Narrow form container for desktop === */
.form-narrow {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
  padding: 1.5rem;
  border-radius: 12px;

  box-shadow: 0 0 25px rgba(0,0,0,0.24);
}
@media (max-width: 576px) {
  .form-narrow {
    max-width: 100%;
  }
}

/* Spacing between form rows */
.form-row-spaced {
  margin-bottom: 0.75rem;
}

/* Rounded corners for all basic form inputs */
input.form-control,
select.form-select,
textarea.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="file"] {
  border-radius: 15px;
}