/**
 * @package     PlgContentSliders
 * @version     6.0.0
 *
 * @author      Mindphp Developer Teams <shop.mindphp@gmail.com>
 * @link        https://www.mindphp.com
 * @copyright   (C) 2026 Mindphp. All rights reserved.
 * @license     GNU General Public License version 2 or later
 */

.plg-sliders.accordion,
.rl_sliders.accordion {
	margin: 0 0 1em;
}

.plg-sliders.accordion > .accordion-group,
.rl_sliders.accordion > .accordion-group {
	margin-bottom: 2px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	background: #fff;
}

.plg-sliders .accordion-heading,
.rl_sliders .accordion-heading {
	padding: 0;
	border-bottom: 0;
}

.plg-sliders .accordion-toggle,
.rl_sliders .accordion-toggle {
	display: block;
	padding: 8px 15px;
	color: #333;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.plg-sliders .accordion-toggle:hover,
.rl_sliders .accordion-toggle:hover {
	background-color: #eee;
	color: #1f496e;
	text-decoration: none;
}

.plg-sliders-empty > .accordion-heading > .accordion-toggle,
.plg-sliders-empty > .accordion-heading > .plg-sliders-static {
	cursor: default;
}

.plg-sliders-empty > .accordion-heading > .accordion-toggle:hover,
.plg-sliders-empty > .accordion-heading > .plg-sliders-static:hover {
	background-color: transparent;
	color: inherit;
}

.plg-sliders.accordion > .accordion-group.plg-sliders-empty:hover,
.rl_sliders.accordion > .accordion-group.plg-sliders-empty:hover {
	border-top-color: var(--plg-slider-color-light, #e5e5e5);
}

.plg-sliders-empty .plg-sliders-toggle-inner:before,
.plg-sliders-empty .rl_sliders-toggle-inner:before {
	content: none;
	display: none;
	margin: 0;
	width: 0;
}

.plg-sliders .accordion-group.active > .accordion-heading > .accordion-toggle,
.rl_sliders .accordion-group.active > .accordion-heading > .accordion-toggle {
	background-color: #f8f8f8;
	color: #3071a9;
}

.plg-sliders-toggle-inner:before,
.rl_sliders-toggle-inner:before {
	display: inline-block;
	width: 1em;
	margin-right: 0.4em;
	font-weight: bold;
	content: "+";
}

.plg-sliders .accordion-group.active .plg-sliders-toggle-inner:before,
.plg-sliders .accordion-group.active .rl_sliders-toggle-inner:before,
.rl_sliders .accordion-group.active .plg-sliders-toggle-inner:before,
.rl_sliders .accordion-group.active .rl_sliders-toggle-inner:before {
	content: "\2212";
}

.plg-sliders .accordion-body,
.rl_sliders .accordion-body {
	padding: 0;
	border: none;
}

.plg-sliders .accordion-body.collapse:not(.in),
.rl_sliders .accordion-body.collapse:not(.in) {
	display: none;
}

.plg-sliders .accordion-body.collapse.in,
.rl_sliders .accordion-body.collapse.in {
	display: block;
}

.plg-sliders .accordion-inner,
.rl_sliders .accordion-inner {
	padding: 15px;
	border-top: 1px solid #e5e5e5;
	overflow-x: auto;
}

.plg-sliders .accordion-inner[hidden],
.rl_sliders .accordion-inner[hidden] {
	display: block;
}

.plg-sliders .accordion-inner > :first-child,
.rl_sliders .accordion-inner > :first-child {
	margin-top: 0;
}

.plg-sliders .accordion-inner > :last-child,
.rl_sliders .accordion-inner > :last-child {
	margin-bottom: 0;
}

.plg-sliders-title,
.rl_sliders .rl_sliders-title,
.nn_sliders-title {
	display: none;
}

.plg-sliders .anchor,
.rl_sliders .anchor {
	display: block;
	height: 0;
	overflow: hidden;
}

/* Color classes — match Regular Labs Sliders (plg_system_sliders) */
.plg-sliders.accordion > .accordion-group.blue,
.rl_sliders.accordion > .accordion-group.blue,
.plg-sliders.accordion > .accordion-group.primary,
.rl_sliders.accordion > .accordion-group.primary {
	--plg-slider-color: #2384d3;
	--plg-slider-color-light: #74b4e8;
	--plg-slider-color-content: #f7fbfe;
}

.plg-sliders.accordion > .accordion-group.info,
.rl_sliders.accordion > .accordion-group.info {
	--plg-slider-color: #24748c;
	--plg-slider-color-light: #47b0cf;
	--plg-slider-color-content: #c0e4ef;
}

.plg-sliders.accordion > .accordion-group.green,
.rl_sliders.accordion > .accordion-group.green,
.plg-sliders.accordion > .accordion-group.success,
.rl_sliders.accordion > .accordion-group.success {
	--plg-slider-color: #378137;
	--plg-slider-color-light: #62bc62;
	--plg-slider-color-content: #cdeacd;
}

.plg-sliders.accordion > .accordion-group.orange,
.rl_sliders.accordion > .accordion-group.orange,
.plg-sliders.accordion > .accordion-group.warning,
.rl_sliders.accordion > .accordion-group.warning {
	--plg-slider-color: #c67605;
	--plg-slider-color-light: #faa937;
	--plg-slider-color-content: #fee9cc;
}

.plg-sliders.accordion > .accordion-group.red,
.rl_sliders.accordion > .accordion-group.red,
.plg-sliders.accordion > .accordion-group.danger,
.rl_sliders.accordion > .accordion-group.danger,
.plg-sliders.accordion > .accordion-group.error,
.rl_sliders.accordion > .accordion-group.error {
	--plg-slider-color: #942a25;
	--plg-slider-color-light: #d3534c;
	--plg-slider-color-content: #f1c9c7;
}

.plg-sliders.accordion > .accordion-group.grey,
.rl_sliders.accordion > .accordion-group.grey,
.plg-sliders.accordion > .accordion-group.gray,
.rl_sliders.accordion > .accordion-group.gray {
	--plg-slider-color: #808080;
	--plg-slider-color-light: #b3b3b3;
	--plg-slider-color-content: #ffffff;
}

.plg-sliders.accordion > .accordion-group.blue,
.rl_sliders.accordion > .accordion-group.blue,
.plg-sliders.accordion > .accordion-group.primary,
.rl_sliders.accordion > .accordion-group.primary,
.plg-sliders.accordion > .accordion-group.info,
.rl_sliders.accordion > .accordion-group.info,
.plg-sliders.accordion > .accordion-group.green,
.rl_sliders.accordion > .accordion-group.green,
.plg-sliders.accordion > .accordion-group.success,
.rl_sliders.accordion > .accordion-group.success,
.plg-sliders.accordion > .accordion-group.orange,
.rl_sliders.accordion > .accordion-group.orange,
.plg-sliders.accordion > .accordion-group.warning,
.rl_sliders.accordion > .accordion-group.warning,
.plg-sliders.accordion > .accordion-group.red,
.rl_sliders.accordion > .accordion-group.red,
.plg-sliders.accordion > .accordion-group.danger,
.rl_sliders.accordion > .accordion-group.danger,
.plg-sliders.accordion > .accordion-group.error,
.rl_sliders.accordion > .accordion-group.error,
.plg-sliders.accordion > .accordion-group.grey,
.rl_sliders.accordion > .accordion-group.grey,
.plg-sliders.accordion > .accordion-group.gray,
.rl_sliders.accordion > .accordion-group.gray {
	border-top: 5px solid var(--plg-slider-color-light);
	border-radius: 5px 5px 4px 4px;
}

.plg-sliders.accordion > .accordion-group.blue:hover,
.rl_sliders.accordion > .accordion-group.blue:hover,
.plg-sliders.accordion > .accordion-group.blue.active,
.rl_sliders.accordion > .accordion-group.blue.active,
.plg-sliders.accordion > .accordion-group.primary:hover,
.rl_sliders.accordion > .accordion-group.primary:hover,
.plg-sliders.accordion > .accordion-group.primary.active,
.rl_sliders.accordion > .accordion-group.primary.active,
.plg-sliders.accordion > .accordion-group.info:hover,
.rl_sliders.accordion > .accordion-group.info:hover,
.plg-sliders.accordion > .accordion-group.info.active,
.rl_sliders.accordion > .accordion-group.info.active,
.plg-sliders.accordion > .accordion-group.green:hover,
.rl_sliders.accordion > .accordion-group.green:hover,
.plg-sliders.accordion > .accordion-group.green.active,
.rl_sliders.accordion > .accordion-group.green.active,
.plg-sliders.accordion > .accordion-group.success:hover,
.rl_sliders.accordion > .accordion-group.success:hover,
.plg-sliders.accordion > .accordion-group.success.active,
.rl_sliders.accordion > .accordion-group.success.active,
.plg-sliders.accordion > .accordion-group.orange:hover,
.rl_sliders.accordion > .accordion-group.orange:hover,
.plg-sliders.accordion > .accordion-group.orange.active,
.rl_sliders.accordion > .accordion-group.orange.active,
.plg-sliders.accordion > .accordion-group.warning:hover,
.rl_sliders.accordion > .accordion-group.warning:hover,
.plg-sliders.accordion > .accordion-group.warning.active,
.rl_sliders.accordion > .accordion-group.warning.active,
.plg-sliders.accordion > .accordion-group.red:hover,
.rl_sliders.accordion > .accordion-group.red:hover,
.plg-sliders.accordion > .accordion-group.red.active,
.rl_sliders.accordion > .accordion-group.red.active,
.plg-sliders.accordion > .accordion-group.danger:hover,
.rl_sliders.accordion > .accordion-group.danger:hover,
.plg-sliders.accordion > .accordion-group.danger.active,
.rl_sliders.accordion > .accordion-group.danger.active,
.plg-sliders.accordion > .accordion-group.error:hover,
.rl_sliders.accordion > .accordion-group.error:hover,
.plg-sliders.accordion > .accordion-group.error.active,
.rl_sliders.accordion > .accordion-group.error.active,
.plg-sliders.accordion > .accordion-group.grey:hover,
.rl_sliders.accordion > .accordion-group.grey:hover,
.plg-sliders.accordion > .accordion-group.grey.active,
.rl_sliders.accordion > .accordion-group.grey.active,
.plg-sliders.accordion > .accordion-group.gray:hover,
.rl_sliders.accordion > .accordion-group.gray:hover,
.plg-sliders.accordion > .accordion-group.gray.active,
.rl_sliders.accordion > .accordion-group.gray.active {
	border-top-color: var(--plg-slider-color);
}

.plg-sliders.accordion > .accordion-group.solid,
.rl_sliders.accordion > .accordion-group.solid {
	border-color: var(--plg-slider-color-light);
}

.plg-sliders.accordion > .accordion-group.solid > .accordion-heading > a.accordion-toggle,
.rl_sliders.accordion > .accordion-group.solid > .accordion-heading > a.accordion-toggle {
	background-color: var(--plg-slider-color-light);
	color: #fff;
}

.plg-sliders.accordion > .accordion-group.solid:hover,
.rl_sliders.accordion > .accordion-group.solid:hover,
.plg-sliders.accordion > .accordion-group.solid.active,
.rl_sliders.accordion > .accordion-group.solid.active {
	border-color: var(--plg-slider-color);
}

.plg-sliders.accordion > .accordion-group.solid:hover > .accordion-heading > a.accordion-toggle,
.rl_sliders.accordion > .accordion-group.solid:hover > .accordion-heading > a.accordion-toggle,
.plg-sliders.accordion > .accordion-group.solid.active > .accordion-heading > a.accordion-toggle,
.rl_sliders.accordion > .accordion-group.solid.active > .accordion-heading > a.accordion-toggle {
	background-color: var(--plg-slider-color);
	color: #fff;
}

.plg-sliders.accordion > .accordion-group.solid.color_content > .accordion-body > .accordion-inner,
.rl_sliders.accordion > .accordion-group.solid.color_content > .accordion-body > .accordion-inner {
	background-color: var(--plg-slider-color-content);
	border-color: var(--plg-slider-color-content);
	border-radius: 0 0 3px 3px;
}