/**
 * Details (collapsible) block – V-shaped icon, headline + icon layout, rotation, no focus ring.
 * Applies to all Details blocks (.wp-block-details) and to blocks with class qd-details.
 */

/* All Details blocks + qd-details */
.wp-block-details summary,
.qd-details summary,
.qd-details details summary {
	list-style: none !important;
	display: flex !important;
	align-items: center !important;
	gap: 25px !important;
	cursor: pointer !important;
	outline: none !important;
	box-shadow: none !important;
}

.wp-block-details summary::-webkit-details-marker,
.qd-details summary::-webkit-details-marker,
.qd-details details summary::-webkit-details-marker {
	display: none !important;
}

.wp-block-details summary::after,
.qd-details summary::after,
.qd-details details summary::after {
	content: "" !important;
	flex-shrink: 0 !important;
	width: 30px !important;
	height: 17px !important;
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='17' viewBox='0 0 30 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.707031 0.707031L14.707 14.707L28.707 0.707031' stroke='%231C1C1E' stroke-width='2'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	transition: transform 0.25s ease !important;
}

.wp-block-details[open] summary::after,
.qd-details[open] summary::after,
.qd-details details[open] summary::after {
	transform: rotate(-90deg) !important;
}

.wp-block-details summary:focus,
.wp-block-details summary:focus-visible,
.qd-details summary:focus,
.qd-details summary:focus-visible,
.qd-details details summary:focus,
.qd-details details summary:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}