/* FAQ accordion: the Accordion module with the CSS class qc-faq (tools/divi/layouts/faq.php).
   Borders, corners, gaps, title and answer type and colours are Divi settings on the
   Accordion. This file only holds what those settings cannot say, copied from the old
   faq.css: the round dash badge beside each question (pale blue when closed, blue when
   open), and the open question's lift (shadow, no outline). Divi hides an accordion's
   icon when the item is open and uses its own icon font, so the badge is drawn here.
   Selectors carry the module's own classes only where Divi's rules would otherwise win. */

/* The question line: 28px badge + 20px gap on the right, never shorter than the badge,
   text centred against it, and wrapped like ordinary text (brand.css balances h3s). */
.qc-faq .et_pb_toggle .et_pb_toggle_title {
	padding-right: 48px;
	min-height: 28px;
	display: grid;
	align-content: center;
	text-wrap: wrap;
}

/* The badge: an en dash in a 28px circle, pale blue with a blue dash while closed.
   (An icon picked in the Accordion's Toggle Icon setting still replaces the dash.) */
.qc-faq .et_pb_toggle .et_pb_toggle_title:before {
	content: "\2013";
	font-family: Montserrat, "Helvetica Neue", Arial, sans-serif !important;
	font-weight: 500;
	font-size: 16px;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: #e9f6fd;
	color: #005f9f;
}

/* Open: the badge stays (Divi would hide it) and turns blue with a white dash. */
.qc-faq.et_pb_accordion .et_pb_accordion_item.et_pb_toggle_open > .et_pb_toggle_title:before {
	display: flex;
	background: #005f9f;
	color: #ffffff;
}

/* Open: the card lifts (the site's card shadow) and its outline disappears. */
.qc-faq.et_pb_accordion .et_pb_accordion_item.et_pb_toggle_open {
	border-color: transparent;
	box-shadow: 0 12px 32px rgba(15, 21, 74, .10);
}