/**
 * Core Accordion frontend styles (plugin overrides).
 */

/* Example target: core accordion heading */
/* .wp-block-accordion-heading { */
/* 	border-bottom: 1px solid #000; */
/* } */

.wp-block-accordion-item {
    margin-top: 1rem;
}

.wp-block-accordion .wp-block-accordion-heading {
	border-bottom: solid 1px #000000;
    padding-bottom: .25rem;
}

.wp-block-accordion-heading[data-accordion-border-enabled="true"] {
	border-bottom-color: var(--accordion-border-color, #000000);
}

.wp-block-accordion .wp-block-accordion-heading__toggle:focus > .wp-block-accordion-heading__toggle-title,
.wp-block-accordion .wp-block-accordion-heading__toggle:hover > .wp-block-accordion-heading__toggle-title {
	text-decoration: none !important;
	cursor: pointer;
}

.wp-block-accordion-heading[data-accordion-hover-enabled="true"] .wp-block-accordion-heading__toggle:not([aria-expanded="true"]):hover > .wp-block-accordion-heading__toggle-title {
	color: var(--accordion-hover-color, #000000);
}

.wp-block-accordion-heading[data-accordion-hover-enabled="true"] .wp-block-accordion-heading__toggle:not([aria-expanded="true"]):hover > .wp-block-accordion-heading__toggle-icon {
	color: var(--accordion-hover-color, #000000);
}

.wp-block-accordion-heading[data-accordion-hover-enabled="true"] .wp-block-accordion-heading__toggle[aria-expanded="true"] > .wp-block-accordion-heading__toggle-title {
	color: var(--accordion-hover-color, #000000);
}

.wp-block-accordion-heading[data-accordion-hover-enabled="true"] .wp-block-accordion-heading__toggle[aria-expanded="true"] > .wp-block-accordion-heading__toggle-icon {
	color: var(--accordion-hover-color, #000000);
}


.wp-block-accordion-heading__toggle:focus-visible {
	outline: none!important;
}

.wp-block-accordion .wp-block-accordion-panel {
	transition-timing-function: ease-out;
	transition-duration: 0.3s;
}

/* Replace core "+" icon with provided SVG */
.wp-block-accordion .wp-block-accordion-heading__toggle-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	position: relative;
	font-size: 0;
	color: inherit;
}

.wp-block-accordion .wp-block-accordion-heading__toggle-icon svg {
	display: none;
}

.wp-block-accordion .wp-block-accordion-heading__toggle-icon::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='0' y='30' width='64' height='4'/%3E%3Crect x='30' y='0' width='4' height='64'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='0' y='30' width='64' height='4'/%3E%3Crect x='30' y='0' width='4' height='64'/%3E%3C/svg%3E") center/contain no-repeat;
	transition: transform 250ms ease-out;
}


.wp-block-accordion .wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon::before {
	transform: rotate(0deg);
}