/**
 * core/accordion - Simple
 */

.wp-block-accordion.is-style-simple {
	--accordion--icon--size: 14px;

	inline-size: 100%;

	.wp-block-accordion-item {
		border: 0;
		border-block-end: 1px solid var(--wp--preset--color--primary-dark);

		> .wp-block-accordion-heading {
			--summary--color--background: transparent;
			--summary--color--text: var(--wp--preset--color--primary);
			--summary--icon: var(--wp--custom--icons--accordion-plus);
			--summary--icon--color: var(--wp--preset--color--primary);

			padding-inline-end: 0;
			font-family: var(--wp--custom--kicker--default--font-family);
			font-size: var(--wp--custom--kicker--default--font-size);
			font-weight: var(--wp--custom--kicker--default--font-weight);
			letter-spacing: var(--wp--custom--kicker--default--letter-spacing);
			line-height: var(--wp--custom--kicker--default--line-height);
			text-transform: var(--wp--custom--kicker--default--text-transform);
		}

		&.is-open > .wp-block-accordion-heading,
		&:not(.is-open) > .wp-block-accordion-heading:hover {
			--summary--color--background: transparent;
			--summary--color--text: var(--wp--preset--color--primary);
			--summary--icon--color: var(--wp--preset--color--primary);
		}
	}

	/* Toggle */
	.wp-block-accordion-heading__toggle {
		gap: var(--wp--preset--spacing--20);
		padding: var(--wp--preset--spacing--30) 0;
	}

	.wp-block-accordion-heading__toggle-icon {
		block-size: var(--accordion--icon--size);
		inline-size: var(--accordion--icon--size);
	}

	.wp-block-accordion-panel {
		padding: 0;
		background-color: transparent;
	}

	@container (width >= 1024px) {
		/* Adds top margin to accordion items with labels */
		.wp-block-accordion-item:has(.wp-block-accordion-heading__label) {
			margin-block-start: var(--wp--preset--spacing--40);
		}
	}

	@container (width < 1024px) {
		.wp-block-accordion-item.is-open {
			.wp-block-accordion-panel {
				padding-block-end: var(--wp--preset--spacing--40);
			}
		}
	}
}