/* Custom styles for the shipping form */

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.card {
  border-radius: 0.75rem;
}

.btn-outline-secondary {
  transition: all 0.15s ease-in-out;
}

.btn-check:checked + .btn-outline-secondary {
  background-color: #0d6efd;
  color: #fff;
  border-color: #0d6efd;
}

.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Smaller text for invalid-feedback inside inline elements */
.invalid-feedback {
  font-size: 0.875rem;
}

/* Ensure consistent button sizing */
.btn-primary,
.btn-outline-secondary {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  padding: 0.65rem 1.25rem !important;
  border-radius: 0.75rem !important;
}

/* Ensure consistent input field sizing */
.form-control {
  font-size: 1.1rem !important;
  padding: 0.6rem 0.85rem !important;
  border-radius: 0.5rem !important;
  border: 1.5px solid #e2e8f0 !important;
  transition: all 0.15s ease-in-out !important;
}

/* Force consistent sizing for Request New Code button specifically */
#requestNewCodeBtn {
  padding: 0.65rem 1.25rem !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  border-radius: 0.75rem !important;
}

/* Override Bootstrap validation colors */
.was-validated .form-check-input:valid,
.form-check-input.is-valid,
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: inherit !important;
  border-color: #dee2e6 !important;
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color: #0d6efd !important;
  border-color: #0d6efd !important;
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .form-select:valid,
.form-select.is-valid {
  border-color: #dee2e6 !important;
  color: inherit !important;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
  border-color: #0d6efd !important;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}