/**
 * Shared styles for all Memminger widgets.
 * Tokens come from the theme's :root; every var() has a fallback so the
 * widgets still render if the theme changes.
 */

/* Inline icons scale with the text size unless a widget sets a size. */
.msd-icon {
	display: block;
	flex: none;
	width: 1em;
	height: 1em;
}

/*
 * "Full window width" switch: the widget neutralises its parent container
 * (boxed width and default padding) through Elementor's own variables.
 */
.e-con:has(> .msd-fullwidth-yes),
.e-con:has(> .e-con-inner > .msd-fullwidth-yes) {
	--container-max-width: 100%;
	--content-width: 100%;
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
}

.elementor-widget.msd-fullwidth-yes {
	width: 100%;
	max-width: 100%;
}

/* Inner wrapper used by section widgets: the design's 1320px column with gutters. */
.msd-wrap {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--msd-content, 1320px);
	margin-right: auto;
	margin-left: auto;
	padding-right: var(--msd-gutter, clamp(16px, 4vw, 40px));
	padding-left: var(--msd-gutter, clamp(16px, 4vw, 40px));
}