/* ==========================================================================
   FBT DESIGN SYSTEM — 2. BASE
   ==========================================================================
   Element resets + base typography. Scoped to .fbt-scope wherever the
   original source scoped it (so it only touches fbt- template markup, not
   the whole site) — the two exceptions are the article/prose readability
   rules ported from WPCode snippets #247/#225 below, which were always
   site-wide in the original (they target generic `article`/`.entry-content`
   markup, not fbt- scoped markup, because they also style
   not-yet-converted legacy posts).
   ========================================================================== */

.fbt-scope, .fbt-scope * { box-sizing: border-box; }
.fbt-scope { scroll-behavior: smooth; }
.fbt-scope {
  margin: 0;
  font-family: var(--fbt-font-base);
  color: var(--fbt-color-text);
  background: var(--fbt-color-white);
  font-size: var(--fbt-fs-body);
  line-height: var(--fbt-lh-normal);
  -webkit-font-smoothing: antialiased;
}
.fbt-scope h1, .fbt-scope h2, .fbt-scope h3, .fbt-scope h4 {
  margin: 0; line-height: var(--fbt-lh-tight); font-weight: var(--fbt-fw-bold); color: var(--fbt-color-navy-900);
}
.fbt-scope p { margin: 0; }
.fbt-scope img { max-width: 100%; display: block; }
.fbt-scope a { color: inherit; text-decoration: none; }

.fbt-container {
  max-width: var(--fbt-container-max);
  margin-inline: auto;
  padding-inline: var(--fbt-section-padding-x);
}
.fbt-section { padding-block: var(--fbt-section-padding-y); }
.fbt-section--fbt-gray { background: var(--fbt-color-gray-50); }
.fbt-section--fbt-navy { background: var(--fbt-color-navy-900); color: var(--fbt-color-text-inverse); }

.fbt-eyebrow {
  display: inline-block;
  font-size: var(--fbt-fs-micro);
  font-weight: var(--fbt-fw-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fbt-color-blue-600);
  margin-bottom: var(--fbt-space-2);
}
.fbt-visually-hidden {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}

/* ==========================================================================
   Article / prose readability (ported from WPCode CSS snippets #247
   "Sprint 9 - UX Verbeteringen & Leesbaarheid" and #225 "Sprint 8 — UX
   Optimalisatie"). Deliberately NOT scoped to .fbt-scope — applies to any
   `article`/`.entry-content`/`.prose` markup site-wide, including posts
   that have not been converted to the fbt- article template yet.
   ========================================================================== */

.prose p, .entry-content p, article p {
  font-size: 1.0625rem;
  line-height: 1.8;
  color: #1a1a2e;
  margin-bottom: 1.25rem;
}
.prose h2, .entry-content h2, article h2 {
  font-size: 1.5rem; font-weight: 700; margin-top: 2.5rem; margin-bottom: 1rem;
  color: #111827; line-height: 1.3;
}
.prose h3, .entry-content h3, article h3 {
  font-size: 1.2rem; font-weight: 600; margin-top: 1.75rem; margin-bottom: 0.75rem;
  color: #1f2937;
}
@media (min-width: 768px) {
  .prose, .entry-content, .article-content { max-width: 72ch; }
}
.prose blockquote, article blockquote {
  border-left: 4px solid #22c55e;
  background: #f0fdf4;
  padding: 1rem 1.5rem;
  border-radius: 0 8px 8px 0;
  font-style: normal;
  color: #166534;
}

/* Body text darkened for premium readability (#225), with an explicit
   exception so white text stays legible on dark .fbt-cta call-out blocks
   (#225 rule 3 — this exception only matters if/where .fbt-cta is used). */
.prose p, .prose li, .prose td, .prose blockquote, article p { color: #374151 !important; }
.fbt-cta p, .fbt-cta li, .fbt-cta blockquote { color: #ffffff !important; }

/* Author byline: hidden site-wide.
   FINDING (see Fase 3 report): the source had two conflicting rules here —
   #225 hides `.author-block` entirely; #247 (added later) tried to instead
   show only the date by hiding just the avatar/bold text inside it. Because
   #225's rule hides the whole parent element, #247's more selective rule
   has had no visible effect on the live site. This file preserves the
   CURRENTLY RENDERING behaviour (fully hidden) and drops the dead #247
   selective-show rule rather than silently reactivating it — flagged for
   your review in case the date-only display was actually the intended
   design. */
.author-block { display: none !important; }
/* Note: the equivalent suppression for Flatsome's own post-card/byline
   markup (.card .author, .art-card .author, .post-card .author) lives in
   flatsome-compat.css, since those are Flatsome-specific classnames. */