/**
 * Shared styles for Saidul Islam widgets.
 * Tokens come from the theme (--sdl-*); every value has a fallback so widgets still render with another theme.
 *
 * @package saidul-core
 */

/* Full window width: neutralise the parent container's padding and width limit (switch in Style → Section). */
.elementor .e-con:has(> .elementor-element.sdl-full-yes),
.elementor .e-con:has(> .e-con-inner > .elementor-element.sdl-full-yes) {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--container-max-width: 100%;
}

.sdl-section {
	box-sizing: border-box;
	width: 100%;
	color: var(--sdl-ink, #10140f);
	font-family: var(--sdl-font-body, "Manrope", system-ui, sans-serif);
}

.sdl-section *,
.sdl-section *::before,
.sdl-section *::after {
	box-sizing: border-box;
}

.sdl-section__inner {
	max-width: var(--sdl-container, 1300px);
	margin-right: auto;
	margin-left: auto;
}

/* Gradient word in widget headings. */
.sdl-section .sdl-hl {
	background: var(--sdl-gradient, linear-gradient(100deg, #41b655, #2490f2));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* Fallback in case the active theme has no .screen-reader-text. */
.sdl-section .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.sdl-section a:focus-visible,
.sdl-section button:focus-visible {
	outline: 2px solid var(--sdl-green-text, #2a7c38);
	outline-offset: 3px;
}