.elementor-198 .elementor-element.elementor-element-4af6b08{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-4a07cc8 *//* ====== Palette & base ====== */
:root{
  --primary:#0660AB;
  --ring:#BFD9F1;
  --ink:#0F172A;
  --muted:#475569;
  --bg:#F5F7FA;
}

/* wrapper */
.user-registration.ur-frontend-form{
  max-width: 680px;
  margin: 24px auto;
  background: #fff;
  border: 1px solid #E5E7EB;
  border-radius: 16px;
  padding: clamp(18px,3vw,28px);
  box-shadow: 0 10px 30px -15px rgba(6,96,171,.18);
  font-family: "Jost", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--ink);
}

/* grid: 2 colonne desktop, una su mobile */
.user-registration .ur-form-row{
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.user-registration .ur-form-grid{
  flex: 1 1 48%;
}

/* forziamo il 100% su mobile, ignorando width inline */
@media (max-width: 640px){
  .user-registration .ur-form-grid{ flex-basis:100% !important; width:100% !important; }
}

/* label */
.user-registration .ur-label{
  display:block;
  font-weight:700;
  font-size: 14px;
  color: var(--primary);
  margin: 0 0 6px;
  letter-spacing:.2px;
}
.user-registration .required{ color:#e11d48; }

/* input field */
.user-registration .input-wrapper,
.user-registration .password-input-group{
  display:block;
}

.user-registration input.input-text,
.user-registration input.input-email,
.user-registration input.input-password{
  width:100%;
  appearance:none;
  background:#fff;
  border:1.5px solid var(--ring);
  border-radius: 12px;
  padding: 12px 14px;
  font-size:15px;
  line-height:1.35;
  color:var(--ink);
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.user-registration input::placeholder{ color:#9AA6B2; }

/* focus ring */
.user-registration input:focus{
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 4px rgba(6,96,171,.13);
}

/* stati errore (User Registration plugin aggiunge .woocommerce-invalid o .ur-error) */
.user-registration .form-row.woocommerce-invalid input,
.user-registration .form-row.ur-error input{
  border-color:#f43f5e;
  box-shadow: 0 0 0 4px rgba(244,63,94,.12);
}

/* help text / note */
.user-registration .description,
.user-registration .ur-field-item small{
  display:block;
  margin-top:8px;
  font-size:12px;
  color:var(--muted);
}

/* bottone submit */
.user-registration .ur-button-container{
  margin-top: 10px;
}

.user-registration .ur-submit-button,
.user-registration .ur-button-container .button,
.user-registration .btn.submit{
  width:100%;
  border:0;
  border-radius: 12px;
  background:var(--primary);
  color:#fff;
  font-weight:700;
  padding: 14px 16px;
  cursor:pointer;
  transition: transform .06s ease, filter .15s ease, box-shadow .15s ease;
  box-shadow: 0 10px 20px -12px rgba(6,96,171,.35);
}
.user-registration .ur-submit-button:hover{ filter:brightness(.96); }
.user-registration .ur-submit-button:active{ transform: translateY(1px); }
.user-registration .ur-submit-button[disabled]{ opacity:.6; cursor:not-allowed; }

/* allineamento messaggi globali del plugin */
.user-registration .woocommerce-error,
.user-registration .woocommerce-message,
.user-registration .ur-message{
  margin: 10px 0 0;
  border-radius: 12px;
  border:1px solid #E2E8F0;
  padding:12px 14px;
  background:#F8FAFC;
  color:var(--ink);
}

/* rifiniture */
.user-registration .form-row{ margin-bottom: 10px; }
.user-registration .input-form-field-icons{ width:100%; } /* mantiene full width nei campi password *//* End custom CSS */