/* WEDO FAQ — band wrapper around the shared accordion styles. */

.elementor-widget-wedo-faq {
	width: 100%;
	max-width: 100%;
}

.wedo-faq {
	width: 100%;
}

/* Content stays boxed and centered inside the (possibly full-bleed) band. */
/* Figma: questions content = 1590px at 1920 (x=165). Below that, the page's
   uniform section behavior is min(1590px, 100% - 140px) on desktop widths
   (70px minimum side margins, matching the product/feature/related sections)
   and a 20px inset at <=1024 (the previously audited tablet/mobile state). */
.wedo-faq__inner {
	max-width: 1590px;
	width: calc(100% - 140px);
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
}
/* 769-1024 (phone landscape / small tablets): the page uses a compact 40px
   side-margin grid with side-by-side sections; below that, the audited 20px
   mobile/portrait inset. */
@media (min-width: 769px) and (max-width: 1024px) {
	.wedo-faq__inner {
		width: calc(100% - 80px);
	}
}
/* ≤768, per Figma mobile 698:1502: FAQ content sits on the 40 text grid
   (tabs x=40..360) inside the full-bleed band — tablet portrait matches. */
@media (max-width: 768px) {
	.wedo-faq__inner {
		width: calc(100% - 80px);
	}
}
@media (max-width: 480px) {
	/* Figma mobile FAQ question (698:1820): 14px REGULAR, 22px leading, and
	   ~16px vertical tab padding (55px rows). The accordion's typography
	   group can't take these post-registration (update_control drops device
	   args on group sub-controls — measured live), so the band pins them.
	   !important: outranks the group's wrapper CSS; trade-off noted. */
	.wedo-faq .wedo-acc__title {
		font-size: 14px !important;
		font-weight: 400 !important;
		line-height: 22px !important;
	}

	.wedo-faq .wedo-acc__header {
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}
}

.wedo-faq__heading {
	margin: 0 0 40px;
}
