/*
 * submit-lac.css: the Submit page in the site's own dress.
 *
 * submit.html carries an inline stylesheet from the ubimissa era (navy
 * gradient, Inter, hard-coded hex). Loaded after tokens.css and
 * theme-lachurches.css, this sheet puts that form in the Marian palette
 * and the site's type without touching the form's behaviour. Scoped to
 * html.theme-lachurches so other tenants keep the old look.
 */

html.theme-lachurches body {
  background: var(--lac-bg);
  color: var(--lac-ink);
  font-family: var(--lac-serif);
}
html.theme-lachurches .container {
  max-width: var(--lac-col-wide, 760px);
  padding: var(--lac-space-6) var(--lac-space-5);
}
html.theme-lachurches .back-link {
  font-family: var(--lac-display);
  font-size: var(--lac-text-xs);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--lac-ink-2);
}
html.theme-lachurches .back-link:hover { color: var(--lac-gold-deep); }
html.theme-lachurches h1 {
  font-family: var(--lac-display);
  color: var(--lac-ink);
  font-weight: 400;
  letter-spacing: 0.02em;
}
html.theme-lachurches .subtitle { color: var(--lac-ink-2); font-style: italic; }
html.theme-lachurches .form-card {
  background: var(--lac-bg-warm);
  border: 1px solid var(--lac-rule);
  border-radius: var(--lac-radius-md, 8px);
  box-shadow: none;
}
html.theme-lachurches .section-title {
  font-family: var(--lac-display);
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: var(--lac-text-sm);
  color: var(--lac-gold-deep);
  border-bottom: 1px solid var(--lac-rule);
}
html.theme-lachurches label { color: var(--lac-ink); font-family: var(--lac-serif); }
html.theme-lachurches .required { color: var(--lac-red, #8b2020); }
html.theme-lachurches input,
html.theme-lachurches select,
html.theme-lachurches textarea {
  background: var(--lac-bg);
  border: 1px solid var(--lac-rule);
  color: var(--lac-ink);
  font-family: var(--lac-serif);
  border-radius: var(--lac-radius-sm, 6px);
}
html.theme-lachurches input::placeholder,
html.theme-lachurches textarea::placeholder { color: var(--lac-ink-2); opacity: 0.8; }
html.theme-lachurches input:focus,
html.theme-lachurches select:focus,
html.theme-lachurches textarea:focus {
  border-color: var(--lac-gold);
  box-shadow: 0 0 0 3px rgba(160, 127, 40, 0.18);
  outline: none;
}
html.theme-lachurches select option { background: var(--lac-bg); color: var(--lac-ink); }
html.theme-lachurches .field-hint { color: var(--lac-ink-2); }
html.theme-lachurches .submit-btn {
  background: var(--lac-gold);
  color: #16203a;
  font-family: var(--lac-display);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: var(--lac-radius-sm, 6px);
  box-shadow: none;
}
html.theme-lachurches .submit-btn:hover:not(:disabled) { background: var(--lac-gold-deep); color: #fff; transform: none; }
html.theme-lachurches .optional-toggle {
  background: var(--lac-bg);
  border: 1px solid var(--lac-rule);
  color: var(--lac-ink);
  border-radius: var(--lac-radius-sm, 6px);
}
html.theme-lachurches .optional-toggle:hover { border-color: var(--lac-gold); }
html.theme-lachurches .optional-toggle-title { color: var(--lac-ink); font-family: var(--lac-serif); }
html.theme-lachurches .optional-toggle-icon { color: var(--lac-gold-deep); }
html.theme-lachurches .info-box {
  background: var(--lac-bg);
  border: 1px solid var(--lac-rule);
  border-left: 3px solid var(--lac-gold);
  color: var(--lac-ink-2);
  border-radius: var(--lac-radius-sm, 6px);
}
html.theme-lachurches .info-box a { color: var(--lac-pacific, #24417f); text-decoration-color: var(--lac-gold); }
html.theme-lachurches .success-message { background: rgba(46, 125, 50, 0.12); color: var(--lac-ink); border: 1px solid rgba(46, 125, 50, 0.4); }
html.theme-lachurches .error-message { background: rgba(139, 32, 32, 0.1); color: var(--lac-ink); border: 1px solid rgba(139, 32, 32, 0.4); }