/*
 * GS Utilities (Lightweight) — minimal unopinionated styles.
 * Goal: legacy markup looks "not broken" on a new theme.
 */

.gs_section {
	display: block;
}

.gs-image,
.gs-responsive,
.gsimage img,
.wp-block-gs-image img {
	max-width: 100%;
	height: auto;
}

.image-svg {
	text-align: center;
}

.image-svg img {
	max-width: 100%;
	height: auto;
	margin: 0 auto 1em;
}

.gs-slider {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.gs-slider.gs-slider--static > * {
	width: 100%;
}

.gs-accordion {
	display: block;
}

.gs-accordion__item {
	margin-bottom: 0.5rem;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 4px;
}

.gs-accordion__title {
	cursor: pointer;
	padding: 0.75rem 1rem;
	font-weight: 600;
}

.gs-accordion__panel {
	padding: 0 1rem 1rem;
}

.embed-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.embed-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.metaBox {
	display: block;
	margin: 1em 0;
}

.metaRow {
	display: flex;
	gap: 0.5rem;
	padding: 0.25rem 0;
}

.metaLabel {
	font-weight: 600;
	min-width: 8rem;
}

.metaValue {
	flex: 1;
}

.vidWrap {
	position: relative;
	overflow: hidden;
}

.vidWrap video {
	width: 100%;
	height: auto;
	display: block;
}