/*
 * static-layout-fix.css
 * ----------------------------------------------------------------------------
 * Restores the WordPress core block-layout CSS that Simply Static does not
 * export. WordPress normally prints these rules inline in <head> as
 * `global-styles-inline-css` / `core-block-supports-inline-css`. Those inline
 * <style> blocks are missing from the static copy, so gallery / columns /
 * buttons blocks lose `display:flex` and collapse into a single vertical
 * column. This file puts the layout rules back.
 * ----------------------------------------------------------------------------
 */

/* --- Core layout primitives (gallery, columns, buttons, social-links rows) - */
.is-layout-flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.is-layout-flex > * {
	margin: 0;
}
.is-layout-grid {
	display: grid;
}
.is-layout-grid > * {
	margin: 0;
}

/* --- Alignment helpers for flow / constrained content ---------------------- */
.is-layout-flow > .alignleft,
.is-layout-constrained > .alignleft {
	float: left;
	margin-inline-start: 0;
	margin-inline-end: 2em;
}
.is-layout-flow > .alignright,
.is-layout-constrained > .alignright {
	float: right;
	margin-inline-start: 2em;
	margin-inline-end: 0;
}
.is-layout-flow > .aligncenter,
.is-layout-constrained > .aligncenter {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* --- Image gallery block --------------------------------------------------- */
/* block-library already sizes each figure to ~50% width and gives it
 * flex-grow:1; it only needs the parent to actually be a flex row. */
.wp-block-gallery.is-layout-flex,
.wp-block-gallery.has-nested-images {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--style--unstable-gallery-gap, 16px);
}
.wp-block-gallery.is-layout-grid {
	gap: var(--wp--style--unstable-gallery-gap, 16px);
}
