/* ============================================================
   FedSmith — Static Page chrome + Forminator typography overrides
   Loaded on every WordPress Page (`is_page()`); layered on top of
   archive.css (for `.breadcrumbs` and `.cat-header`) and single.css
   (for `.article-body` long-form typography). See `inc/enqueue.php`.

   Two consumers:
     - page-static.php (.page-static layout — full-width, narrow
       centered column, no sidebar — About / Privacy / Terms /
       Resources / Write For Us)
     - any Page rendered by page.php or page-authors.php that
       embeds a Forminator shortcode inside the_content()
   ============================================================ */

/* ============================================================
   Static Page (full-width, no sidebar)
   The page-static template renders outside the .layout grid,
   so this provides its own centered narrow column.
   ============================================================ */
/* Outer wrap sits inside the shared .container (which already provides
   horizontal gutter padding via header.php), so this only owns the
   vertical rhythm and the top breathing room above the page header. */
.page-static__wrap {
  padding: 8px 0 48px;
}

.page-static {
  max-width: 760px;
  margin: 0 auto;
}

.page-static__header {
  padding: 28px 0 22px;
  margin-bottom: 28px;
  border-bottom: 1px solid var(--line);
}

.page-static__header .breadcrumbs {
  margin-bottom: 14px;
}

.page-static__title {
  font-family: "Outfit", sans-serif;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.05;
  color: var(--text-heading);
  margin: 0;
  text-wrap: balance;
}

/* The page-static body inherits .article-body typography. We keep
   the same 760px max-width but unset the left margin so the column
   stays centered within the wrap rather than left-aligned within
   a wider parent (as it is on single posts). */
.page-static__body {
  margin: 0;
  max-width: none;
}

@media (max-width: 720px) {
  .page-static__title { font-size: 2rem; }
  .page-static__header { padding: 18px 0 16px; margin-bottom: 22px; }
}

/* ============================================================
   Forminator typography inheritance
   Forminator's default stylesheet ships with its own font stack
   (Roboto) and color tokens that don't match the FedSmith palette.
   Rather than rebuild Forminator's chrome, these overrides force
   form text and the submit button to inherit the theme's fonts
   and brand colors so embedded forms — primarily the .docx upload
   form on the Write For Us page — visually belong on the site.
   Scoped to .article-body so they only apply inside long-form
   page/post content where shortcodes get embedded, not on any
   plugin-rendered admin or sidebar form.
   ============================================================ */
.article-body .forminator-ui,
.article-body .forminator-ui * {
  font-family: "DM Sans", system-ui, sans-serif !important;
}

.article-body .forminator-ui .forminator-label,
.article-body .forminator-ui label {
  color: var(--text-heading);
  font-weight: 600;
  font-size: 0.9375rem;
}

.article-body .forminator-ui .forminator-description,
.article-body .forminator-ui .forminator-input-with-helper + .forminator-description,
.article-body .forminator-ui .forminator-helper {
  color: var(--text-muted);
  font-size: 0.8125rem;
}

.article-body .forminator-ui input[type="text"],
.article-body .forminator-ui input[type="email"],
.article-body .forminator-ui input[type="url"],
.article-body .forminator-ui input[type="tel"],
.article-body .forminator-ui input[type="number"],
.article-body .forminator-ui textarea,
.article-body .forminator-ui select {
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 1rem;
  color: var(--text-heading);
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--r);
}

.article-body .forminator-ui input[type="text"]:focus,
.article-body .forminator-ui input[type="email"]:focus,
.article-body .forminator-ui input[type="url"]:focus,
.article-body .forminator-ui input[type="tel"]:focus,
.article-body .forminator-ui input[type="number"]:focus,
.article-body .forminator-ui textarea:focus,
.article-body .forminator-ui select:focus {
  border-color: var(--brand-navy);
  outline: 2px solid rgba(6, 6, 171, 0.18);
  outline-offset: 0;
}

.article-body .forminator-ui .forminator-button-submit,
.article-body .forminator-ui button[type="submit"] {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-weight: 700;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  background: var(--brand-navy) !important;
  color: #fff !important;
  border: 0;
  border-radius: var(--r);
  padding: 11px 22px;
  transition: background 0.15s;
}

.article-body .forminator-ui .forminator-button-submit:hover,
.article-body .forminator-ui button[type="submit"]:hover {
  background: var(--brand-deep-navy) !important;
}