/**
 * EVO-SEC-FAQ — desktop spacing + tablet layout.
 */

@media (min-width: 1021px) {
	.elementor-widget-evoport-faq .evo-faq {
		margin-top: var(--evo-section-title-offset, 56px) !important;
	}
}

@media (min-width: 701px) and (max-width: 1100px) {
	/* Kill Elementor container/section side pads so FAQ owns L/R spacing. */
	.e-con:has(.elementor-widget-evoport-faq),
	.e-con:has(.elementor-widget-evoport-faq) > .e-con-inner,
	.elementor-widget-evoport-faq,
	.elementor-widget-evoport-faq > .elementor-widget-container,
	.elementor-widget-evoport-faq .evo-faq-section {
		--padding-left: 0px !important;
		--padding-right: 0px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-width: none !important;
		width: 100% !important;
	}

	.elementor-widget-evoport-faq .evo-faq {
		/* Match inner-blog tablet page gutter (--evo-blog-single-inset). */
		--evo-faq-tablet-inset: clamp(32px, calc(48 * 100vw / 1100), 48px);
		--evo-faq-tablet-num-gap: clamp(20px, calc(40 * 100vw / 1440), 40px);
		/* Was 21px — too narrow for "01" so digits stacked (0 above 1) */
		--evo-faq-num-w: 28px;
		--evo-faq-num-gap: var(--evo-faq-tablet-num-gap);
		--evo-faq-icon-size: 24px;
		--evo-faq-toggle-gap: clamp(16px, calc(24 * 100vw / 1440), 24px);
		--evo-faq-row-pad-r: 0px;
		--evo-faq-row-pad-l: 0px;
		--evo-faq-answer-indent: calc(var(--evo-faq-num-w) + var(--evo-faq-num-gap));
		--evo-faq-answer-pad-r: calc(var(--evo-faq-toggle-gap) + var(--evo-faq-icon-size));
		gap: clamp(32px, calc(48 * 100vw / 1440), 48px) !important;
		padding: clamp(48px, calc(80 * 100vw / 1440), 80px) var(--evo-faq-tablet-inset)
			clamp(32px, calc(56 * 100vw / 1440), 56px) !important;
		max-width: none !important;
		width: 100% !important;
		margin-inline: 0 !important;
		--evo-faq-row-h: auto !important;
		box-sizing: border-box !important;
	}

	.elementor-widget-evoport-faq .evo-faq:not(.evo-faq--dark) {
		background: #fff !important;
		isolation: isolate;
	}

	.elementor-widget-evoport-faq .evo-faq__title {
		font-size: clamp(32px, calc(40 * 100vw / 1440), 40px) !important;
		font-weight: 500 !important;
		line-height: 1.2 !important;
		letter-spacing: -0.01em !important;
	}

	.elementor-widget-evoport-faq .evo-faq__items {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		margin-top: 0 !important;
		width: 100% !important;
	}

	.elementor-widget-evoport-faq .evo-faq__item {
		min-width: 0 !important;
	}

	.elementor-widget-evoport-faq .evo-faq__item-toggle,
	.elementor-widget-evoport-faq button.evo-faq__item-toggle {
		min-height: 0 !important;
		padding: clamp(22px, calc(32 * 100vw / 1440), 32px) 0 !important;
		gap: var(--evo-faq-toggle-gap) !important;
		align-items: center !important;
	}

	/* Figma tablet — show row numbers (widget hides ≤1020) */
	.elementor-widget-evoport-faq .evo-faq__item-number {
		display: block !important;
		flex: 0 0 var(--evo-faq-num-w) !important;
		width: var(--evo-faq-num-w) !important;
		min-width: var(--evo-faq-num-w) !important;
		font-size: clamp(16px, calc(20 * 100vw / 1440), 20px) !important;
		white-space: nowrap !important;
		line-height: 1.2 !important;
	}

	.elementor-widget-evoport-faq .evo-faq__item-lead {
		gap: var(--evo-faq-num-gap) !important;
		align-items: center !important;
		min-width: 0 !important;
	}

	.elementor-widget-evoport-faq .evo-faq__item-question {
		font-size: clamp(15px, calc(16 * 100vw / 1440), 16px) !important;
		font-weight: 600 !important;
		line-height: 1.3 !important;
	}

	/* Same left edge as question text; right inset clears the round toggle */
	.elementor-widget-evoport-faq .evo-faq__item-answer {
		padding: 0 var(--evo-faq-answer-pad-r) clamp(20px, calc(32 * 100vw / 1440), 32px)
			var(--evo-faq-answer-indent) !important;
		font-size: clamp(12px, calc(14 * 100vw / 1440), 14px) !important;
		font-weight: 400 !important;
		line-height: 1.4 !important;
		letter-spacing: 0.04em !important;
	}
	.elementor-widget-evoport-faq .evo-faq__item-answer p {
		padding: 0 !important;
		margin: 0 0 0.5em !important;
		font-size: inherit !important;
		line-height: inherit !important;
	}
	.elementor-widget-evoport-faq .evo-faq__item-answer p:last-child {
		margin-bottom: 0 !important;
	}

	.elementor-widget-evoport-faq .evo-faq.evo-faq--dark .evo-faq__item.is-open .evo-faq__item-question,
	.elementor-widget-evoport-faq .evo-faq.evo-faq--dark .evo-faq__item.is-open .evo-faq__item-question * {
		color: #ffffff !important;
	}

	.elementor-widget-evoport-faq .evo-faq:not(.evo-faq--dark) .evo-faq__item.is-open .evo-faq__item-question {
		color: var(--evo-faq-accent, #977c64) !important;
	}

	/* Keep + / × perfectly round (flex-basis was still 40px → egg ovals) */
	.elementor-widget-evoport-faq .evo-faq__item-icon {
		flex: 0 0 24px !important;
		align-self: center !important;
		width: 24px !important;
		height: 24px !important;
		min-width: 24px !important;
		min-height: 24px !important;
		max-width: 24px !important;
		max-height: 24px !important;
		aspect-ratio: 1 / 1 !important;
		border-radius: 50% !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		opacity: 0.4;
	}

	.elementor-widget-evoport-faq .evo-faq__item.is-open .evo-faq__item-icon {
		opacity: 1 !important;
	}

	.elementor-widget-evoport-faq .evo-faq__decor {
		right: var(--evo-faq-tablet-inset) !important;
		bottom: clamp(-16px, calc(-24 * 100vw / 1440), -8px) !important;
		width: clamp(100px, calc(120 * 100vw / 1440), 120px) !important;
		z-index: 4 !important;
	}
}