/**
 * Layout fixes for static export: restores two-column and grid layouts
 * when original WordPress/Jetpack/CoBlocks stylesheets are missing.
 */

/* Jetpack Layout Grid: two columns on desktop/tablet, stacked on mobile (tributes page) */
/* Force full viewport width: theme resets alignfull to inherit at 560px+ which constrains it */
.entry-content > .wp-block-jetpack-layout-grid.alignfull {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	box-sizing: border-box;
	padding-left: 24px;
	padding-right: 24px;
}

.wp-block-jetpack-layout-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5em;
	width: 100%;
	max-width: 100%;
}

.wp-block-jetpack-layout-grid-column {
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.wp-block-jetpack-layout-grid-column .wp-block-image {
	width: 100%;
	margin: 0 0 0.5em;
}

.wp-block-jetpack-layout-grid-column .wp-block-image img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}

.wp-block-jetpack-layout-grid-column .wp-block-paragraph {
	margin: 0;
}

/* Desktop: column 1 span 6, column 2 start 7 span 6 */
.column1-desktop-grid__span-6 {
	grid-column: 1 / span 6;
}

.column2-desktop-grid__span-6.column2-desktop-grid__start-7 {
	grid-column: 7 / span 6;
}

/* Tablet: two columns */
@media (max-width: 960px) {
	.column1-tablet-grid__span-4 {
		grid-column: 1 / span 4;
	}
	.column2-tablet-grid__span-4.column2-tablet-grid__start-5 {
		grid-column: 5 / span 4;
	}
	.wp-block-jetpack-layout-grid {
		grid-template-columns: repeat(8, 1fr);
	}
}

/* Mobile: stacked */
@media (max-width: 600px) {
	.wp-block-jetpack-layout-grid {
		grid-template-columns: 1fr;
	}
	.column1-mobile-grid__span-4,
	.column2-mobile-grid__span-4.column2-mobile-grid__row-2 {
		grid-column: 1;
	}
}

/* Jetpack Portfolio shortcode: two columns (gallery page) */
.jetpack-portfolio-shortcode.column-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2em;
}

.jetpack-portfolio-shortcode.column-2 .portfolio-entry {
	margin: 0;
}

@media (max-width: 600px) {
	.jetpack-portfolio-shortcode.column-2 {
		grid-template-columns: 1fr;
	}
}

/* CoBlocks gallery: responsive grid, images full width in column, natural aspect ratio (about/photos page) */
.wp-block-coblocks-gallery-masonry .coblocks-gallery ul {
	display: grid;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 30px;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.wp-block-coblocks-gallery-masonry .coblocks-gallery ul.has-gutter-mobile-15 {
	gap: 30px;
}

@media (max-width: 782px) {
	.wp-block-coblocks-gallery-masonry .coblocks-gallery ul {
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	}
}

@media (max-width: 600px) {
	.wp-block-coblocks-gallery-masonry .coblocks-gallery ul {
		gap: 15px;
		grid-template-columns: repeat(2, 1fr);
	}
}

.wp-block-coblocks-gallery-masonry .coblocks-gallery--item {
	margin: 0;
	width: 100%;
}

.wp-block-coblocks-gallery-masonry .coblocks-gallery--figure {
	margin: 0;
}

.wp-block-coblocks-gallery-masonry .coblocks-gallery--figure img {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: bottom;
}