/**
 * Contact Form 7 — Saddle Sphere theme overrides.
 *
 * Scoped via CF7 shortcode html_class: humeur-cf7 humeur-cf7--discovery | humeur-cf7--newsletter
 *
 * Note: Footer newsletter styles moved to style.css for better reliability.
 */

form.humeur-cf7 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 600px;
  width: 100%;
  margin: 0;
  font-family: var(--humeur-typography-family-sans);
}

form.humeur-cf7 .wpcf7-form-control-wrap {
  display: block;
  margin-top: 0.5rem;
}

form.humeur-cf7 label,
form.humeur-cf7 .wpcf7-list-item-label {
  font-size: var(--humeur-typography-size-sm);
  font-weight: var(--humeur-typography-weight-medium);
  letter-spacing: 0.02em;
  line-height: var(--humeur-typography-line-height-normal);
}

/* Light forms (default) — dark labels on light background */
form.humeur-cf7:not(.humeur-cf7--dark) label,
form.humeur-cf7:not(.humeur-cf7--dark) .wpcf7-list-item-label {
  color: var(--humeur-color-primitive-charcoal-700);
}

/* Discovery form on brown background — light labels */
form.humeur-cf7.humeur-cf7--dark label,
form.humeur-cf7.humeur-cf7--dark .humeur-label,
form.humeur-cf7.humeur-cf7--dark .wpcf7-list-item-label {
  color: var(--humeur-color-semantic-interactive-on-primary);
}

form.humeur-cf7 input[type="text"],
form.humeur-cf7 input[type="email"],
form.humeur-cf7 input[type="tel"],
form.humeur-cf7 input[type="url"],
form.humeur-cf7 select,
form.humeur-cf7 textarea {
  width: 100%;
  padding: 0.625rem 0.875rem;
  border: 1px solid var(--humeur-color-semantic-border-default);
  border-radius: var(--humeur-border-semantic-radius-default);
  font-size: var(--humeur-typography-size-md);
  font-family: inherit;
  font-weight: var(--humeur-typography-weight-regular);
  background: var(--humeur-color-primitive-white);
  color: var(--humeur-color-semantic-foreground-primary);
  outline: none;
  transition: border-color 0.2s ease;
}

form.humeur-cf7 textarea {
  min-height: 8rem;
  resize: vertical;
}

form.humeur-cf7 input:hover,
form.humeur-cf7 select:hover,
form.humeur-cf7 textarea:hover {
  border-color: var(--humeur-color-semantic-foreground-primary);
}

form.humeur-cf7 input:focus,
form.humeur-cf7 select:focus,
form.humeur-cf7 textarea:focus {
  border-color: var(--humeur-color-semantic-border-focus);
}

form.humeur-cf7 input::placeholder,
form.humeur-cf7 textarea::placeholder {
  color: var(--humeur-color-primitive-stone-400);
  opacity: 0.85;
}

/* Submit — primary CTA (discovery; footer newsletter styled in style.css) */
form.humeur-cf7:not(.humeur-cf7--newsletter) input[type="submit"] {
  align-self: flex-end;
  min-height: var(--humeur-component-button-height);
  padding: 0 1.75rem;
  font-family: inherit;
  font-size: var(--humeur-component-button-font-size);
  font-weight: var(--humeur-typography-weight-medium);
  color: var(--humeur-color-semantic-interactive-on-primary);
  background: var(--humeur-color-semantic-interactive-primary);
  border: 1px solid var(--humeur-color-semantic-interactive-primary);
  border-radius: var(--humeur-component-button-radius);
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}

form.humeur-cf7:not(.humeur-cf7--newsletter) input[type="submit"]:hover {
  background: var(--humeur-color-semantic-interactive-primary-hover);
  border-color: var(--humeur-color-semantic-interactive-primary-hover);
}

/* Footer newsletter: exclude from discovery-style column defaults */
form.humeur-cf7.humeur-cf7--newsletter {
  gap: 0.5rem;
  max-width: none;
}

form.humeur-cf7.humeur-cf7--newsletter .wpcf7-form-control-wrap {
  margin-top: 0;
}

form.humeur-cf7.humeur-cf7--newsletter input[type="submit"] {
  align-self: stretch;
  min-height: 2.375rem;
  width: auto;
}

/* Footer newsletter grid — reinforced here because this file loads after style.css */
.footer .centerSection form.humeur-cf7.humeur-cf7--newsletter {
  display: grid !important;
  flex-direction: unset !important;
  grid-template-columns: minmax(12rem, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  gap: 0.5rem !important;
  max-width: 450px !important;
}

.footer .centerSection form.humeur-cf7.humeur-cf7--newsletter input[type="email"],
.footer .centerSection form.humeur-cf7.humeur-cf7--newsletter input[type="text"],
.footer .centerSection form.humeur-cf7.humeur-cf7--newsletter input.wpcf7-email {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  min-height: 2.375rem !important;
}