/* Block-compatibility layer — styles core-block output to match the
   Industry components in industry.css / style.css. Patterns add these
   classes; nothing here restyles the classic templates. */

/* ── Corner registration marks, CSS-only ─────────────────────────────
   Replaces fc_corners()'s four <i> elements for block content, where
   raw <i> marks can't live. Four L-ticks drawn with background
   gradients on the element itself. */
.fc-corners-css {
  position: relative;
  background-image:
    linear-gradient(var(--color-accent), var(--color-accent)),
    linear-gradient(var(--color-accent), var(--color-accent)),
    linear-gradient(var(--color-accent), var(--color-accent)),
    linear-gradient(var(--color-accent), var(--color-accent)),
    linear-gradient(var(--color-accent), var(--color-accent)),
    linear-gradient(var(--color-accent), var(--color-accent)),
    linear-gradient(var(--color-accent), var(--color-accent)),
    linear-gradient(var(--color-accent), var(--color-accent));
  background-repeat: no-repeat;
  background-size: 11px 1px, 1px 11px, 11px 1px, 1px 11px,
                   11px 1px, 1px 11px, 11px 1px, 1px 11px;
  background-position: left top, left top, right top, right top,
                       left bottom, left bottom, right bottom, right bottom;
}

/* ── Buttons: core/button wrappers get fc-btn-primary / fc-btn-secondary ── */
.fc-btn-primary .wp-block-button__link,
.fc-btn-secondary .wp-block-button__link {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  cursor: pointer; text-decoration: none;
  font-family: var(--font-heading); font-weight: var(--font-heading-weight);
  font-size: 14px; line-height: 1.2; color: var(--color-text);
  background: transparent;
  border: 1px solid var(--color-divider);
  padding: var(--space-2) calc(var(--space-3) * 1.2);
  border-radius: var(--radius-md);
}
.fc-btn-primary .wp-block-button__link {
  background: var(--color-accent); color: var(--color-bg); border-color: var(--color-accent);
}
.fc-btn-primary .wp-block-button__link:hover { background: var(--color-accent-600); }
.fc-btn-primary .wp-block-button__link:active { background: var(--color-accent-700); }
.fc-btn-secondary .wp-block-button__link:hover {
  background: color-mix(in srgb, var(--color-text) 7%, transparent);
}

/* ── FAQ: core/details styled like the fc-faq entries ── */
.fc-faq-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 56px; }
.fc-faq-list details { border-bottom: 1px solid var(--color-divider); padding: 8px 0 12px; }
.fc-faq-list summary {
  cursor: pointer; font-family: var(--font-heading);
  font-weight: var(--font-heading-weight); font-size: 21px; padding: 6px 0;
}
.fc-faq-list details p {
  font-size: 15px; line-height: 1.6; margin: 8px 0 0;
  color: color-mix(in srgb, var(--color-text) 82%, transparent);
}

/* ── Stats plate: paragraph-based stat entries ── */
.fc-plate p.fc-stat-n, .fc-plate p.fc-stat-l { margin: 0; }

/* ── Generic block-content resets inside Industry sections ── */
.fc-section .wp-block-group > p:first-child { margin-top: 0; }
.fc-section .wp-block-heading { margin-top: 0; }
.fc-cell > h2 { font-size: 24px; margin: 0 0 6px; }
.fc-cell p.tag { display: inline-block; margin: 0 0 12px; }

/* ── Plain-prose pages: constrain direct children that are not
     full-width Industry sections ── */
.fc-content > * { max-width: 884px; margin-left: auto; margin-right: auto;
  padding-left: 32px; padding-right: 32px; box-sizing: border-box; }
.fc-content > .fc-section, .fc-content > .fc-book {
  max-width: none; padding-left: 0; padding-right: 0; }

/* ── Plain-prose typography (was .fc-prose, scoped too broadly — see
     style.css lines ~44-45). Direct-child only, so nested pattern
     content (cards, stats, etc.) is unaffected. ── */
.fc-content > p { font-size: 16px; line-height: 1.65; margin: 0 0 14px; }
.fc-content > h3 { font-size: 24px; margin: 22px 0 8px; }

/* ── Credentials plate: core/paragraph strong mirrors <b> ── */
.fc-creds strong { display: block; font-family: var(--font-heading); font-weight: 600; font-size: 19px; }

/* ── Bare core/button outside a pattern: default to the primary look ── */
.wp-block-button__link {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  cursor: pointer; text-decoration: none;
  font-family: var(--font-heading); font-weight: var(--font-heading-weight);
  font-size: 14px; line-height: 1.2; color: var(--color-bg);
  background: var(--color-accent);
  border: 1px solid var(--color-accent);
  padding: var(--space-2) calc(var(--space-3) * 1.2);
  border-radius: var(--radius-md);
}
.wp-block-button__link:hover { background: var(--color-accent-600); }
.wp-block-button__link:active { background: var(--color-accent-700); }

/* Empty core/image placeholders should not collapse the hero */
.fc-figure > img[src=""], .fc-figure > img:not([src]) { display: none; }

@media (max-width: 760px) {
  .fc-faq-list { grid-template-columns: 1fr; }
}