/* Booking-page parity fixes for Gutenberg block flow spacing. */

/* Gutenberg's flow layout adds margin-block-start to later children. Both of
 * these containers are CSS grids in app.css, so that margin makes the second
 * column look vertically offset even though the grid itself is aligned. */
.bbb-booking-page .bbb-booking-layout > *,
.bbb-booking-page .bbb-booking-secondary > * {
	margin-block-start: 0 !important;
}

/* Keep both grid columns pinned to the top of their row, matching the original
 * shortcode/template markup before the editable-page migration. */
.bbb-booking-page .bbb-booking-layout > .bbb-availability,
.bbb-booking-page .bbb-booking-layout > .bbb-booking-card,
.bbb-booking-page .bbb-booking-layout > .wp-block-shortcode,
.bbb-booking-page .bbb-booking-secondary > .bbb-price-table,
.bbb-booking-page .bbb-booking-secondary > .bbb-faq,
.bbb-booking-page .bbb-booking-secondary > .wp-block-shortcode {
	align-self: start;
}

/* The FAQ itself is now a Group block. Do not let its Gutenberg block margin
 * move the whole card down relative to the price table. */
.bbb-booking-page .bbb-booking-secondary > .bbb-faq {
	margin-block-end: 0 !important;
	margin-block-start: 0 !important;
}