fix: restore vertical scroll for Query Loop carousel

[Sukhendu2002]

Fixes: #103

Summary

When a Carousel block is configured with Orientation: Vertical and uses a Query Loop block as its content source, the previous/next navigation buttons are disabled, and mouse drag scrolling does not work.

Type of change

• Bug fix
• New feature
• Enhancement/refactor
• Documentation update
• Test update
• Build/CI/tooling

What changed

• Extended vertical-axis container rule to also target .wp-block-post-template so Embla receives flex-direction: column when Query Loop is active
• Added height: 100% to .wp-block-query for vertical axis to complete the CSS height chain between .embla and .wp-block-post-template
• Added max-height: var(--carousel-kit-slide-width, 100%) to slides in vertical mode to mirror the existing max-width on the cross axis

Breaking changes

Does this introduce a breaking change? If yes, describe the impact and migration path below.

• Yes — migration path:
• No

Testing

Describe how this was tested.

• Unit tests
• Manual testing
• Cross-browser testing (if UI changes)

Test details:

Screenshots / recordings

Before:

Screen.Recording.2026-04-02.at.3.39.31.PM.mov

After

Screen.Recording.2026-04-02.at.3.40.35.PM.mov

Checklist

• I have self-reviewed this PR
• I have added/updated tests where needed
• I have updated docs where needed
• I have checked for breaking changes

[theMasudRana]

Good fix.
I have tested on my end as well, and it's working as expected.

Thanks.

[Sukhendu2002]

Hi @theMasudRana, should I go ahead and merge this PR?