/**
 * TechPulse Blocks — Front-end Styles
 *
 * These styles are loaded on the front-end whenever a TechPulse block
 * is present on the page. They reference the same CSS custom properties
 * defined in the main theme style.css, so they automatically support
 * light/dark mode and any future design token changes.
 *
 * NOTE: The actual visual styles (bento, scores, pros-cons, etc.)
 * live in the parent theme's style.css. This file handles only
 * block-specific structural overrides and spacing.
 */

/* Ensure blocks don't collapse when empty in the editor */
.wp-block-techpulse-tldr:empty,
.wp-block-techpulse-bento-specs:empty,
.wp-block-techpulse-best-for:empty,
.wp-block-techpulse-score-bars:empty,
.wp-block-techpulse-vs-table:empty,
.wp-block-techpulse-pros-cons:empty,
.wp-block-techpulse-opinion-callout:empty,
.wp-block-techpulse-final-verdict:empty {
  min-height: 40px;
}

/* Vertical spacing between consecutive TechPulse blocks */
.wp-block-techpulse-bento-specs + .wp-block-techpulse-best-for,
.wp-block-techpulse-best-for + .wp-block-techpulse-score-bars,
.wp-block-techpulse-score-bars + .wp-block-techpulse-vs-table,
.wp-block-techpulse-vs-table + .wp-block-techpulse-pros-cons,
.wp-block-techpulse-pros-cons + .wp-block-techpulse-final-verdict {
  margin-top: 0;
}

/* Wide alignment support */
.wp-block-techpulse-bento-specs.alignwide,
.wp-block-techpulse-vs-table.alignwide {
  max-width: var(--wp--style--global--wide-size, 1100px);
  margin-left: auto;
  margin-right: auto;
}