/* ========================================
   NOMADS FORMS – Inputs, Labels, Validation
   Inspiré du modal profil: Simple, avec astérisques requis
   ======================================== */

   .nomads-form {
    display: flex;
    flex-direction: column;
    gap: var(--nomads-spacing-md);
  }

  .nomads-form__group {
    display: flex;
    flex-direction: column;
    gap: var(--nomads-spacing-sm);
  }

  .nomads-form__label {
    font-weight: var(--nomads-fw-bold);
    color: var(--nomads-text);
    font-size: var(--nomads-fs-label);
  }

  .nomads-form__label--required::after {
    content: "*";
    color: var(--nomads-error);
    margin-left: 0.25rem;
  }

  .nomads-form__input {
    padding: 0.5rem;
    border: 1px solid var(--nomads-border);
    border-radius: var(--nomads-radius);
    font-size: var(--nomads-fs-label);
    transition: var(--nomads-transition);
  }

  .nomads-form__input:focus {
    outline: none;
    border-color: var(--nomads-primary);
    box-shadow: 0 0 0 2px color-mix(in oklch, var(--nomads-primary), transparent 80%);
  }

  .nomads-form__input--error {
    border-color: var(--nomads-error);
  }

  .nomads-form__input--error:focus { box-shadow: 0 0 0 2px color-mix(in oklch, var(--nomads-error), transparent 80%); }

  .nomads-form__tip {
    font-size: var(--nomads-fs-tip);
    color: var(--nomads-text-muted);
    margin-top: var(--nomads-spacing-sm);
  }