/* ──────────────────────────────────────────────
 * DA Widget Global Styles
 *
 * Base reset and shared styles for all DA widgets.
 * Loaded before any widget-specific stylesheets.
 * ────────────────────────────────────────────── */

.da-widget {
	box-sizing: border-box;
	color: var(--da-color-text, #ffffff);
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.da-widget *,
.da-widget *::before,
.da-widget *::after {
	box-sizing: inherit;
}

.da-widget a {
	color: inherit;
	text-decoration: none;
}

.da-widget a:hover {
	/* color: inherit; */
}

.da-widget--canvas {
	width: 100%;
	padding: 48px 24px;
	background-color: var(--da-color-bg, #060608);
}

.da-widget__inner {
	max-width: 100vw;
	width: 100%;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.da-widget--canvas {
		padding: 64px 40px;
	}
}

@media (min-width: 1280px) {
	.da-widget__inner {
		max-width: var(--container-max-width, 1200px);
	}
	.da-widget--canvas {
		padding: 80px 48px;
	}
}