/* Velmora Gutenberg demo blocks.
   The rich Gutenberg source reuses the classic niche-home class names (store-hero, category-tile, promo-grid ...), so the
   theme CSS already styles it. This file only maps core block markup (buttons, quotes, groups) onto those styles. */

/* groups: no extra block-gap between nested groups, the theme spacing owns that */
.store-demo-builder .wp-block-group > .wp-block-group,
.store-demo-builder .wp-block-group > .wp-block-buttons,
.store-demo-builder .wp-block-group > .wp-block-shortcode{margin-block-start:0;margin-block-end:0}
.store-demo-builder .wp-block-group{margin-block-start:0;margin-block-end:0}
.store-demo-builder p.eyebrow{margin:0}
.store-demo-builder .section-head > .wp-block-group > h2{margin-top:14px}

/* buttons: same look as .btn / .btn-primary / .btn-secondary */
.store-demo-builder .wp-block-buttons.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.store-demo-builder .vm-btn .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:12px;font-size:inherit;font-weight:800;line-height:inherit;text-decoration:none;border:1px solid #171717}
.store-demo-builder .vm-btn-primary .wp-block-button__link{background:#171717;color:#fff}
.store-demo-builder .vm-btn-secondary .wp-block-button__link{background:#fff;color:#171717}
.store-demo-builder .cta-panel .wp-block-buttons{margin:0}

/* quotes, details, headings */
.store-demo-builder .testimonial-grid .wp-block-quote{margin:0;padding:28px;border:1px solid #e6e6e6;border-radius:22px;background:#fff;font-size:18px;line-height:1.55}
.store-demo-builder .testimonial-grid .wp-block-quote p{margin:0}
.store-demo-builder .faq-grid details.wp-block-details{margin:0}
.store-demo-builder .faq-grid details > p{margin:12px 0 0}
.store-demo-builder .promo-grid article.wp-block-group,
.store-demo-builder .service-grid > .wp-block-group{margin:0}
.store-demo-builder .promo-grid article p:first-child,
.store-demo-builder .service-grid > .wp-block-group > p:first-child{margin:0}

/* the media shortcodes sit inside plain groups: make their images fill the box like the classic markup */
.store-demo-builder .hv-bg > img,
.store-demo-builder .hv-main-bg > img,
.store-demo-builder .hv-media > img{display:block}

/* newsletter + cta text blocks */
.store-demo-builder .newsletter-panel p,
.store-demo-builder .cta-panel p{margin:14px 0 0}

/* WordPress adds a block-gap margin between sibling blocks; inside the demo's own grid / flex containers the theme CSS
   controls spacing, so the gap must not shift the items. */
.store-demo-builder :is(.category-showcase,.category-pills,.category-rows,.promo-grid,.service-grid,.testimonial-grid,.faq-grid,.brand-row,.split-story,.hv-mega,.hv-row,.store-hero-grid,.newsletter-panel,.cta-panel,.hv-cards,.hv-side,.hv-overlay-inner,.hero-product-stage,.store-strip-grid) > *{margin-block:0}

/* tone colours for the primary button (same tone list as .btn-primary in store-demos.css) */
.tone-organic .vm-btn-primary .wp-block-button__link,
.tone-wellness .vm-btn-primary .wp-block-button__link,
.tone-pet .vm-btn-primary .wp-block-button__link,
.tone-auto .vm-btn-primary .wp-block-button__link,
.tone-tools .vm-btn-primary .wp-block-button__link,
.tone-decor .vm-btn-primary .wp-block-button__link,
.tone-lighting .vm-btn-primary .wp-block-button__link,
.tone-bags .vm-btn-primary .wp-block-button__link,
.tone-books .vm-btn-primary .wp-block-button__link,
.tone-crafts .vm-btn-primary .wp-block-button__link,
.tone-perfume .vm-btn-primary .wp-block-button__link,
.tone-eyewear .vm-btn-primary .wp-block-button__link,
.tone-mobile .vm-btn-primary .wp-block-button__link,
.tone-computers .vm-btn-primary .wp-block-button__link,
.tone-gaming .vm-btn-primary .wp-block-button__link{background:var(--demo-ink);border-color:var(--demo-ink)}