/* ==========================================================================
   Inner pages (legal pages, « Renoncer au contrat ici ») — main-site look
   ========================================================================== */

.inner {
  padding: calc(var(--nav-height) + var(--space-2xl)) 0 var(--space-4xl);
}

/* --- Legal text --- */

.legal__title {
  font-size: var(--fs-2xl);
  margin-bottom: var(--space-xl);
}

.legal__body {
  font-size: var(--fs-base);
  overflow-wrap: break-word;
}

.legal__body h2 {
  font-size: var(--fs-xl);
  margin: var(--space-2xl) 0 var(--space-md);
  padding-top: var(--space-lg);
  border-top: 1px solid rgba(197, 165, 90, 0.45);
}

.legal__body h3 {
  font-size: var(--fs-lg);
  margin: var(--space-xl) 0 var(--space-sm);
}

.legal__body p,
.legal__body ul,
.legal__body ol,
.legal__body blockquote {
  margin-bottom: var(--space-md);
}

.legal__body ul,
.legal__body ol {
  padding-left: 1.4em;
}

.legal__body li {
  margin-bottom: var(--space-xs);
}

.legal__body li::marker {
  color: var(--color-terracotta);
}

.legal__body blockquote {
  padding: var(--space-md) var(--space-lg);
  background: var(--color-beige);
  border-left: 3px solid var(--color-gold);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.legal__body blockquote p {
  margin-bottom: var(--space-xs);
}

.legal__body a,
.withdraw a {
  color: var(--color-terracotta-dark);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Identity field still empty in « Informations légales » */
.todo-mark {
  display: inline-block;
  font: italic 400 0.85em/1.4 var(--font-body);
  color: var(--color-terracotta-dark);
  border: 1px dashed currentColor;
  border-radius: var(--radius-pill);
  padding: 0 0.6em;
}

/* --- « Renoncer au contrat ici » --- */

.withdraw__intro {
  font-size: var(--fs-md);
  margin-bottom: var(--space-xl);
}

.withdraw__form {
  padding: var(--space-xl) var(--container-padding);
  background: var(--color-white);
  border: 1px solid rgba(201, 160, 160, 0.5);
  border-radius: var(--radius-lg);
}

.withdraw .form-label em {
  font-style: normal;
  font-weight: var(--fw-regular);
  color: var(--color-text-light);
  letter-spacing: 0;
}

.withdraw .form-input,
.withdraw .form-select,
.withdraw .form-textarea {
  font-size: max(16px, var(--fs-base)); /* no zoom on iPhone */
}

.form-select {
  width: 100%;
  padding: var(--space-sm) 2.4em var(--space-sm) var(--space-md);
  color: var(--color-text);
  background: var(--color-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a56240' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 1em center;
  border: 1px solid var(--color-dusty-rose);
  border-radius: var(--radius-md);
  appearance: none;
  -webkit-appearance: none;
}

.form-select:focus {
  outline: none;
  border-color: var(--color-terracotta);
  box-shadow: 0 0 0 3px rgba(192, 120, 86, 0.15);
}

.form-group--error .form-select {
  border-color: #c44;
}

.withdraw .form-error {
  font-size: var(--fs-sm);
}

.withdraw__submit {
  width: 100%;
  white-space: normal;
}

.withdraw__submit[disabled] {
  opacity: 0.7;
  cursor: wait;
}

.withdraw__status {
  margin-top: var(--space-md);
  font-size: var(--fs-base);
  text-align: left;
}

.withdraw__status.form-status--success {
  color: var(--color-text);
  background: rgba(156, 175, 136, 0.18);
  border-color: var(--color-sage);
}

.withdraw__done {
  padding: var(--space-xl) var(--space-lg);
  font-size: var(--fs-md);
  background: rgba(156, 175, 136, 0.18);
  border: 1px solid var(--color-sage);
  border-radius: var(--radius-lg);
}

.withdraw__done:focus {
  outline: 3px solid var(--color-terracotta);
  outline-offset: 3px;
}

/* No JavaScript: the « si autre » field stays visible; with JavaScript it shows only for « Autre ». */
.withdraw__other[hidden] {
  display: none;
}