/* --- Make controls separators more prominent */
.bricks-panel-controls .control-groups .control-separator {
	background-color: var(--builder-bg-accent);
	margin: 0;
	padding: 10px 20px;

	& .control-separator label {
		letter-spacing: 2px;
		font-weight: 500;
		font-size: 11px;
		padding: 0;

		& .control-inner {
			gap: 0;
		}
	}
}

.bricks-panel-controls .control {
	margin-bottom: 8px;
}

[data-control=separator]:before {
	display: none;
}

/* -- Fixed Footer -- */
.brx-body {
	min-height: 100dvh;
}

/* -- Pagination Fix -- */
#brxe-product-pagination {
	width: 100%;
	clear: both;
	grid-column: 1;
}

/* -- Icons within the builder --*/
.brxe-icon {
	font-size: 0px;
}

/* -- Happy Files -- */
.happyfiles-gallery li {
	margin-block-start: unset !important;
}

/* -- Accordian Animation --*/
.brx-open .fw-accordion__icon {
	rotate: 90deg;
	color: #e6bf20;
}

.brx-open .fw-accordion__heading {
	color: #e6bf20;
}

.fw-accordion__heading {
	transition: color 0.2s
}

.fw-accordion__icon {
	transition: rotate 0.2s, color 0.2s;
}