/*
 * Fix: parent theme (src/blocks/slider-small/slider-small.scss) hardcodes
 *   .slider-small .glide { width: 1745px; }
 * with no media query, so the carousel is forced to a fixed desktop pixel
 * width on every viewport. On mobile that overflows the page (the browser
 * then auto-zooms everything out to fit, which is also why unrelated
 * content like the video block looks squashed and the slider arrows land
 * off-screen). Override responsively; the block's own Tailwind classes
 * handle actual sizing once this fixed width is out of the way.
 */
.slider-small .glide {
	width: 100% !important;
}

/*
 * Fix: WP core Group block set to "Grid" layout (e.g. text + video side by
 * side) uses a fixed minimum-column-width (~184px) that's small enough for
 * 2 columns to still fit at mobile widths, so it never collapses to a
 * single column the way grid layout is meant to on narrow viewports.
 * Scoped to grids that contain a video block, since that's the pattern
 * that actually needs full width on mobile (icon/logo grids etc. are left
 * untouched). Breakpoint matches the theme's own `lg` (1080px).
 */
@media (max-width: 1079px) {
	.wp-block-group-is-layout-grid:has(.wp-block-oneqrew-video) {
		grid-template-columns: 1fr !important;
	}
}