/**
 * WordPress Ribbon Removal Overrides
 * Strips WP theme wrapper padding/margins so React app renders full-bleed.
 * Injected before React mounts via index.html <link>.
 */

/* ── Skip-link target (main content wrapper) ── */
main#wp--skip-link--target {
  padding: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* ── Group block wrapper after skip-link ── */
main#wp--skip-link--target > .wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
  padding: 0 !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ── Hide post title ── */
h1.wp-block-post-title {
  display: none !important;
}

/* ── Hide WP header chrome (site title + right-justified nav group) ── */
.wp-block-site-title,
.wp-block-group.is-content-justification-right {
  display: none !important;
}

/* ── Entry content wrapper ── */
.entry-content.alignfull.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ── React root container ── */
div#root {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ── Hide WP footer ── */
footer.wp-block-template-part,
.wp-block-template-part[data-type="core/template-part"] {
  display: none !important;
}

/* ── Extra: kill any WP admin bar top margin ── */
html.wp-toolbar {
  padding-top: 0 !important;
}

#wpadminbar {
  display: none !important;
}

/* ── Kill WP global padding root vars if applied to body ── */
body {
  --wp--style--root--padding-top: 0px !important;
  --wp--style--root--padding-right: 0px !important;
  --wp--style--root--padding-bottom: 0px !important;
  --wp--style--root--padding-left: 0px !important;
}

/* ── Constrained layout max-width override ── */
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: none !important;
}

/* ──────────────────────────────────────────────────────────────
   Font + colour guards — stop the WordPress theme cascade from
   overriding the React app's typography and palette.
   ────────────────────────────────────────────────────────────── */
#root {
  --bg-primary: #0A0A0A !important;
  --bg-surface: #0F0F0F !important;
  --bg-card: #141414 !important;
  --text-primary: #E8E8E8 !important;
  --text-secondary: #909090 !important;
  --text-muted: #4A4A4A !important;
  --accent: #C8A97E !important;
  color: var(--text-primary) !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}
#root p,
#root a,
#root span,
#root li,
#root label,
#root button,
#root input,
#root textarea {
  font-family: 'Inter', system-ui, sans-serif !important;
}
#root h1,
#root h2,
#root h3,
#root h4 {
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  color: var(--text-primary) !important;
}
/* Journey right panel: force black text (light bg) — must beat #root h3 above */
#root .what-journey-right h3,
#root .what-journey-right p,
#root .what-journey-right span,
#root .what-journey-block-title,
#root .what-journey-block-body,
#root .what-journey-block-meta,
#root .what-journey-block-label,
#root .what-journey-block-desc {
  color: #0a0a0a !important;
}
/* Preserve decorative fonts that must NOT inherit Inter */
#root .loader-brand {
  font-family: 'Cormorant Garamond', serif !important;
}
#root .quote-text,
#root .quote-label {
  font-family: 'Playfair Display', Georgia, serif !important;
}