/* Formulaires du site (contact, avis) : includes/forms.php, js/forms.js. Les couleurs des champs et du bouton
   viennent des styles communs (css/components.css) ; ici, la mise en page et les messages. */
.altaira-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 var(--wp--preset--spacing--30, 1.5rem);
}

.altaira-form__field {
  display: flex;
  flex-direction: column;
  margin: 0 0 1.25rem;
}

/* Nom et e-mail côte à côte ; le message et le bouton sur toute la largeur. */
.altaira-form__field--message,
.altaira-form button[type='submit'],
.altaira-form__status {
  grid-column: 1 / -1;
}

@media (max-width: 600px) {
  .altaira-form {
    grid-template-columns: 1fr;
  }
}

.altaira-form label {
  font-weight: 600;
  margin-bottom: 0.4rem;
}

.altaira-form label span {
  color: var(--altaira-keyword);
}

.altaira-form button[type='submit'] {
  width: 100%;
  border: 0;
  color: var(--altaira-button-text);
}

.altaira-form button[type='submit']:disabled {
  opacity: 0.7;
}

/* Erreur : un texte sous le champ, et une bordure (jamais la couleur seule). */
.altaira-form__error:not(:empty) {
  margin-top: 0.35rem;
  color: var(--altaira-keyword);
}

.altaira-form__error:not(:empty)::before {
  content: '⚠ ';
}

.altaira-form [aria-invalid='true'] {
  border-width: 2px !important;
  border-color: var(--altaira-keyword) !important;
}

.altaira-form__status:not(:empty) {
  margin-top: 1rem;
  font-weight: 600;
}

.altaira-form__thanks::before {
  content: '✓ ';
}

/* Champ piège : hors de la vue et du parcours, sans display:none (que certains robots savent ignorer). */
.altaira-form__trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Sous un article : « en discuter » (includes/discussion.php), séparé du texte et des notes. */
.altaira-discussion {
  margin-top: var(--wp--preset--spacing--60, 3rem);
  padding-top: var(--wp--preset--spacing--40, 2rem);
  border-top: 1px solid var(--sydney-global-color-8);
}

.altaira-discussion__note {
  color: var(--altaira-muted-text);
}