/* ================================================
   partagez-votre-eclat.css — formulaire galerie
   ================================================ */

.share-wrap { max-width: 44rem; }

.share-form {
  background: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  padding: var(--space-4);
}
.share-form label { display: block; margin-bottom: var(--space-1); }
.share-form input,
.share-form textarea {
  width: 100%;
  padding: 10px 12px;
  margin-bottom: var(--space-3);
  font: inherit;
  line-height: 1.5;
  color: var(--color-text);
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
}
.share-form input:focus,
.share-form textarea:focus {
  outline: 2px solid var(--color-accent);
  border-color: var(--color-text-soft);
}
.share-form input[type="file"] { padding: 8px; }
.share-form .btn { width: 100%; }
.form-note { margin-top: var(--space-1); margin-bottom: var(--space-3); }

.alert-error {
  background: #f7e0da; color: #b0503c;
  padding: 10px 14px; border-radius: var(--radius);
  margin-bottom: var(--space-2);
}

/* succès */
.share-success {
  text-align: center;
  background: var(--color-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  padding: var(--space-5);
}
.share-success .modal-icon {
  width: 3.4rem; height: 3.4rem; margin: 0 auto var(--space-2);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.7rem; color: #5a8a5c; border: 2px solid #5a8a5c; background: var(--color-card);
}
.share-success p { color: var(--color-text-soft); max-width: 36rem; margin-inline: auto; }