/*
 * Regular Labs Sliders / Joomla 3 compatibility with the Flex (Bootstrap 5)
 * template.
 *
 * Legacy Regular Labs output uses .collapse.in for an open panel; the Flex
 * template's Bootstrap 5 CSS does not, so force it visible here.
 */
.rl_sliders .accordion-body.collapse.in {
	display: block !important;
	height: auto !important;
	visibility: visible !important;
}

/*
 * Regular Labs' own +/- icon lives on .rl_sliders-toggle-inner::before
 * (IcoMoon font glyphs \2a / \4b) and is keyed to the .accordion-group's
 * .active class. That class is set/cleared by a jQuery show/hidden event
 * chain that depends on Regular Labs' script and the Flex template's
 * legacy Bootstrap 2/3 collapse shim staying in sync -- which they don't
 * always do once Bootstrap 5 is also on the page (see
 * assets/js/rlsliderscompat.js). Hide it and replace it with a version
 * driven by a class (.rlsc-open) that our JS sets directly from the
 * .rl_sliders-body's own .in class instead.
 */
.rl_sliders .accordion-group.icon .rl_sliders-toggle-inner::before {
	content: none !important;
	display: none !important;
	background-image: none !important;
}

.rl_sliders .accordion-group.icon .rl_sliders-toggle-inner {
	display: block;
	position: relative;
	padding-right: 32px;
}

/* Default (closed) state. */
.rl_sliders .accordion-group.icon .rl_sliders-toggle-inner::after {
	content: "+";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	font-family: Arial, sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
}

/* Open state, set by rlsliderscompat.js. */
.rl_sliders .accordion-group.icon .rl_sliders-toggle-inner.rlsc-open::after {
	content: "\2212";
}