/* Legado — estados de animação e integrações WordPress.
   O visual base (Tailwind compilado) está em legado-base.css. */

html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }

/* Reveal (fade + subida) — só esconde quando há JS */
html.legado-js [data-reveal] {
  opacity: 0;
  transform: translateY(var(--y, 28px));
  transition: opacity 1.1s var(--ease-out-expo) var(--d, 0s), transform 1.1s var(--ease-out-expo) var(--d, 0s);
}
html.legado-js [data-reveal].is-in { opacity: 1; transform: none; }

/* Palavras que sobem */
html.legado-js [data-words] .rw-w {
  transform: translateY(110%);
  transition: transform 1s var(--ease-out-expo) var(--d, 0s);
}
html.legado-js [data-words].is-in .rw-w { transform: translateY(0); }

/* Letras controladas por scroll */
html.legado-js .sl { opacity: .12; }

/* Letras da declaração */
html.legado-js .pl { opacity: 0; transition: opacity .4s var(--ease-out-expo) var(--d, 0s); }
html.legado-js .pl.is-on { opacity: 1; }

/* Declaração fixada no desktop */
@media (min-width: 1024px) {
  #legado-declaracao.is-pinned { height: 200vh; }
  #legado-declaracao.is-pinned [data-pin] {
    position: sticky; top: 0; height: 100vh; min-height: 0; padding-top: 0; padding-bottom: 0;
  }
  #legado-declaracao.is-pinned [data-clip] {
    clip-path: inset(0 100% 0 0);
    transition: clip-path .7s var(--ease-smooth) .35s;
  }
  #legado-declaracao.is-pinned.is-open [data-clip] { clip-path: inset(0 0% 0 0); }
}

/* Header sobre seções claras */
#legado-header .legado-navlink { transition: color var(--dur-med); }
#legado-header.is-dark .legado-navlink { color: color-mix(in oklab, var(--color-grafitte) 70%, transparent); }
#legado-header.is-dark .legado-navlink:hover { color: var(--color-gold); }
#legado-top.opacity-0 { opacity: 0; }
#legado-top:not(.opacity-0) { opacity: 1; }

/* Barra de admin do WordPress */
body.admin-bar #legado-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar #legado-header { top: 46px; } }

/* ---------- Contact Form 7 ---------- */
.legado-form form { display: block; }
.legado-form .wpcf7-form-control-wrap { display: block; }
.legado-form input[type="text"],
.legado-form input[type="email"],
.legado-form input[type="tel"],
.legado-form textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid color-mix(in oklab, var(--color-brand-neutral) 40%, transparent);
  border-radius: 0;
  background: transparent;
  padding: .625rem 0;
  color: var(--color-brand-ink);
  font: inherit;
  outline: none;
  box-shadow: none;
  transition: border-color var(--dur-fast);
  -webkit-appearance: none;
}
.legado-form textarea { resize: none; }
.legado-form input:focus,
.legado-form textarea:focus { border-color: var(--color-brand-accent); }
.legado-form input:-webkit-autofill {
  -webkit-text-fill-color: var(--color-brand-ink);
  transition: background-color 9999s;
}

.legado-form .legado-submit {
  display: inline-flex; align-items: center; gap: .75rem;
  border: 1px solid color-mix(in oklab, var(--color-gold) 50%, transparent);
  background: transparent; color: var(--color-brand-ink);
  padding: 1rem 2.5rem;
  font: inherit; font-size: .75rem; line-height: 1rem;
  text-transform: uppercase; letter-spacing: .25em;
  cursor: pointer; border-radius: 0; -webkit-appearance: none;
  transition: background-color var(--dur-med), border-color var(--dur-med), color var(--dur-med);
}
.legado-form .legado-submit:hover { background: var(--color-gold); border-color: var(--color-gold); color: var(--color-grafitte); }
.legado-form .legado-submit:disabled { opacity: .5; cursor: not-allowed; }

.legado-form .wpcf7-spinner { display: none; }
.legado-form .wpcf7-not-valid-tip {
  display: block; margin-top: .375rem;
  font-size: .75rem; letter-spacing: .05em; color: var(--color-gold-soft);
}
.legado-form .wpcf7-not-valid { border-color: var(--color-gold-soft) !important; }
.legado-form .wpcf7 form .wpcf7-response-output,
.legado-form .wpcf7-response-output {
  margin: 2rem 0 0; padding: 1rem 1.25rem;
  border: 1px solid var(--color-line) !important;
  color: var(--color-brand-secondary);
  font-size: .8125rem; text-align: center;
}
.legado-form .wpcf7 form.invalid .wpcf7-response-output,
.legado-form .wpcf7 form.failed .wpcf7-response-output,
.legado-form .wpcf7 form.spam .wpcf7-response-output { border-color: color-mix(in oklab, var(--color-gold) 50%, transparent) !important; }
.legado-form .wpcf7 form.sent .wpcf7-response-output { display: none; }
.legado-form .screen-reader-response { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Aviso ao admin quando o formulário não está configurado */
.legado-admin-notice {
  margin-bottom: 1.5rem; padding: .875rem 1rem;
  border: 1px dashed var(--color-gold); color: var(--color-gold-soft);
  font-size: .8125rem; text-align: center;
}