/* CRM integration blocks — see crm/crm.php. Colours come from the theme's scheme variables. */

.lotto_crm_front_title {
	margin-top: 0;
}

.lotto_crm_featured {
	margin-bottom: 2em;
}

.lotto_crm_featured img {
	display: block;
	width: 100%;
	height: auto;
}

.lotto_crm_faq {
	margin-top: 3em;
}

.lotto_crm_faq_item {
	border-bottom: 1px solid var(--theme-color-bd_color, rgba(128, 128, 128, 0.3));
	padding: 1em 0;
}

.lotto_crm_faq_item > summary {
	cursor: pointer;
	font-weight: 600;
	color: var(--theme-color-title, inherit);
}

.lotto_crm_faq_answer {
	margin-top: 0.75em;
}

.lotto_crm_faq_answer > :last-child {
	margin-bottom: 0;
}

/* Elementor containers of the pages, header and footer rebuilt from the demo: as wide as the
   theme's page, with its side gutters below 1280px (30px tablet, 20px phone). trx_addons sets
   this only under body.elementor-use-container, which the demo's body has and ours does not
   (no Elementor here); without it the kit's 1024/767px won and every section, the header rows
   too, touched the screen edges. `body` beats the kit's plain `.e-con`. */
body .e-con {
	--container-max-width: var(--theme-var-page);
}