/* Billing & Shipping Form Styles – Phase 5 P1 */

.section-title {
  margin-bottom: 1rem;
  padding-left: 0.5rem;
  border-left: 4px solid #006837;
  font-weight: 700;
  font-size: 1.25rem;
  color: #006837;
}

.form-grid {
  /* Remove grid layout to let Bootstrap handle column layout */
  display: block;
}

@media (min-width: 768px) {
  .form-grid .row {
    display: flex;
    flex-wrap: wrap;
  }
  
  .form-grid .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.input--brand {
  border: 1px solid #ced4da;
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  width: 100%;
  font-size: 1rem;
  transition: border-color .2s, box-shadow .2s;
}

.input--brand:focus {
  outline: none;
  border-color: #13560c;
  box-shadow: 0 0 0 2px rgba(0,104,55,.2);
}

.btn-brand {
  background: #006837;
  border: none;
  border-radius: 6px;
  color: #fff;
  padding: 0.55rem 1.2rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .2s;
}

.btn-brand:hover {
  background: #00502c;
}

.toggle-copy {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.form-submit-wrapper {
  margin-top: 2rem;
  text-align: center;
  width: 100%;
  clear: both;
}

@media (max-width: 767px) {
  .form-submit-wrapper {
    margin-top: 1.5rem;
  }
}