/**
 * Atom FSE - Accordion Styles
 * Global CSS classes available for all Accordion blocks in the plugin
 */

summary {
	position: relative;
	list-style: none;
	padding: 1.25rem;
	outline: none;
	cursor: pointer;
}

summary::-webkit-details-marker {
	display: none;
}

summary::marker {
	display: none;
	font-size: 0;
}

summary::after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	right: 1.25rem;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	transition: transform 0.2s ease;
}

details[open] summary::after {
	transform: rotate(-135deg);
}

details.is-style-alt summary {
	border-bottom: 1px solid black;
}

@media (max-width: 781px) {
	.atom-accordeon-1,
	.atom-accordeon-2,
	.atom-accordeon-3,
	.atom-accordeon-4,
	.atom-accordeon-4-1,
	.atom-accordeon-5 {
		padding-inline: 5% !important;
	}
}