/*
 * Marketingbright — Gutenberg Block Overrides
 *
 * Scoped overrides for core Gutenberg blocks and global editor canvas styles.
 * These styles load on both front end and in the block editor
 * (enqueued via enqueue_block_editor_assets for the editor).
 *
 * Do not put block-specific ACF block styles here — those live in
 * each block's own style.css, loaded via block.json "style" key.
 */

/* =========================================================================
   Editor canvas — align tokens with front end
   ========================================================================= */

.editor-styles-wrapper {
  font-family: var(--mb-font-base);
  font-size: var(--mb-text-base);
  line-height: var(--mb-leading-normal);
  color: var(--mb-color-text);
}

/* =========================================================================
   Core paragraph
   ========================================================================= */

.wp-block-paragraph {
  max-width: var(--mb-container-text);
}

/* =========================================================================
   Core headings
   ========================================================================= */

.wp-block-heading h1,
.entry-content h1 { font-size: var(--mb-text-4xl); line-height: var(--mb-leading-tight); }

.wp-block-heading h2,
.entry-content h2 { font-size: var(--mb-text-3xl); line-height: var(--mb-leading-tight); }

.wp-block-heading h3,
.entry-content h3 { font-size: var(--mb-text-2xl); line-height: var(--mb-leading-snug); }

.wp-block-heading h4,
.entry-content h4 { font-size: var(--mb-text-xl); line-height: var(--mb-leading-snug); }

/* =========================================================================
   Core image
   ========================================================================= */

.wp-block-image img {
  border-radius: var(--mb-radius-md);
}

/* =========================================================================
   Core quote
   ========================================================================= */

.wp-block-quote {
  border-left: 4px solid var(--mb-color-primary);
  padding-left: var(--mb-space-6);
  color: var(--mb-color-text-muted);
  font-size: var(--mb-text-lg);
}

/* =========================================================================
   Core separator
   ========================================================================= */

.wp-block-separator {
  border-color: var(--mb-color-border);
  opacity: 1;
}

/* =========================================================================
   Core buttons
   ========================================================================= */

.wp-block-button__link {
  border-radius: var(--mb-radius-md);
  transition: opacity var(--mb-duration-fast) var(--mb-easing-default);
}

.wp-block-button__link:hover {
  opacity: 0.88;
}

/* =========================================================================
   Core table
   ========================================================================= */

.wp-block-table td,
.wp-block-table th {
  border-color: var(--mb-color-border);
  padding: var(--mb-space-3) var(--mb-space-4);
}

.wp-block-table thead {
  background-color: var(--mb-color-bg-subtle);
}

/* =========================================================================
   Core code / preformatted
   ========================================================================= */

.wp-block-code,
.wp-block-preformatted {
  font-family: var(--mb-font-mono);
  font-size: var(--mb-text-sm);
  background: var(--mb-color-bg-subtle);
  border: 1px solid var(--mb-color-border);
  border-radius: var(--mb-radius-md);
}