/* =========================================================
   JM Motors — Form "Vendi la tua auto" [jm_vendi_auto]
   Font: Montserrat | Palette: #0d0d0d / #161616 / #e8ff01
   ========================================================= */

.jsf-wrap * { box-sizing: border-box; }

.jsf-wrap {
  font-family: 'Montserrat', sans-serif;
  color:       #f0f0f0;
  max-width:   760px;
  margin:      0 auto;
}

.jsf-form { display: flex; flex-direction: column; gap: 32px; }

.jsf-section__title {
  font-size:      12px;
  font-weight:    700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color:          #e8ff01;
  margin:         0 0 16px;
}

.jsf-grid {
  display:               grid;
  grid-template-columns: 1fr 1fr;
  gap:                   16px;
}

.jsf-field { display: flex; flex-direction: column; gap: 8px; }
.jsf-field--full { grid-column: 1 / -1; }

.jsf-field label {
  font-size:      11px;
  font-weight:    700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color:          #888;
}

.jsf-field input,
.jsf-field select,
.jsf-field textarea {
  background:      #161616 !important;
  border:          1px solid #2a2a2a !important;
  color:           #f0f0f0 !important;
  border-radius:   4px !important;
  padding:         14px 16px !important;
  font-size:       14px !important;
  font-family:     'Montserrat', sans-serif !important;
  font-weight:     500 !important;
  outline:         none !important;
  width:           100%;
  box-shadow:      none !important;
  transition:      border-color .15s;
}
.jsf-field input:focus,
.jsf-field select:focus,
.jsf-field textarea:focus { border-color: #e8ff01 !important; }
.jsf-field input::placeholder,
.jsf-field textarea::placeholder { color: #666; }
.jsf-field textarea { resize: vertical; }

.jsf-submit {
  display:         block !important;
  width:           100% !important;
  background:      #e8ff01 !important;
  color:           #0d0d0d !important;
  border:          none !important;
  border-radius:   4px !important;
  box-shadow:      none !important;
  text-shadow:     none !important;
  padding:         16px 24px !important;
  margin:          0;
  font-family:     'Montserrat', sans-serif !important;
  font-size:       13px !important;
  font-weight:     700 !important;
  text-transform:  uppercase !important;
  letter-spacing:  1.5px;
  text-align:      center;
  cursor:          pointer;
  transition:      opacity .15s;
}
.jsf-submit:hover,
.jsf-submit:focus    { background: #e8ff01 !important; color: #0d0d0d !important; opacity: .9; }
.jsf-submit:disabled { opacity: .5 !important; cursor: not-allowed; }

.jsf-disclaimer {
  font-size:  12px;
  color:      #555;
  text-align: center;
  margin:     0;
}

.jsf-message {
  padding:       14px 18px;
  border-radius: 6px;
  font-size:     14px;
  font-weight:   500;
  margin-bottom: 24px;
}
.jsf-message--success { background: rgba(232,255,1,.08); border: 1px solid #e8ff01; color: #e8ff01; }
.jsf-message--error   { background: rgba(220,0,50,.08);  border: 1px solid #e05;    color: #e05; }

@media (max-width: 600px) {
  .jsf-grid { grid-template-columns: 1fr; }
  .jsf-field--full { grid-column: 1; }
}