/**
 * Core accordion (accordion-item): Panel-Einzug, Headline-Farbe bei Hover / geöffnetem Item.
 *
 * Panel: When the toggle icon is saved before the title (icon position “left”), indent aligns with headline text.
 * Core accordion-heading uses a 1.2em × 1.2em icon slot (see wp-block-accordion-heading__toggle-icon).
 * Override panel indent via --precisis-accordion-panel-indent-inline-start on .wp-block-accordion if needed.
 *
 * Open state: .is-open (data-wp-class--is-open) and aria-expanded on the toggle after hydration.
 */

/* Hover + geöffnet: Theme-Lime (primary-alt); vererbt auf Titel und Icon */
.wp-block-accordion-item .wp-block-accordion-heading__toggle:hover,
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle,
.wp-block-accordion-item .wp-block-accordion-heading__toggle[aria-expanded="true"] {
	color: var(--wp--preset--color--primary-alt, #B1D500);
}

.wp-block-accordion-item:has(
		.wp-block-accordion-heading__toggle
			> .wp-block-accordion-heading__toggle-icon:first-child
	)
	> .wp-block-accordion-panel {
	padding-inline-start: var(--precisis-accordion-panel-indent-inline-start, 1.7em);
	box-sizing: border-box;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
	text-decoration: none !important;
}

/**
 * Expand animation:
 * Core hides closed accordion panels with `display: none`; that cannot tween, so lengthening only
 * `transition: grid-template-rows` on `.wp-block-accordion-item` has almost no visible effect.
 * Fix: drive height with grid rows (`0fr` / `1fr`) on the item, keep the panel in flow with
 * `display: block`, and clip overflow (inert/`aria-hidden` still handle a11y like Core).
 */
@media (prefers-reduced-motion: no-preference) {
	.wp-block-accordion-item {
		display: grid;
		grid-template-rows: auto 0fr;
		align-content: start;
		gap: 0;
		transition: grid-template-rows
			var(--precisis-accordion-expand-duration, 0.3s) ease-out;
	}

	.wp-block-accordion-item.is-open {
		grid-template-rows: auto 1fr;
	}

	/* Overrides Core accordion-panel `[inert] { display:none }` so grid row heights can animate. */
	.wp-block-accordion-item > .wp-block-accordion-panel {
		display: block !important;
		min-height: 0;
		overflow: hidden;
		margin-block-start: 0 !important;
	}
}

@media (max-width: 782px) {
	.accordion-no-padding .wp-block-accordion-panel{
		padding-left:0px !important
	}
	.accordion-no-padding .wp-block-accordion-item:has(.wp-block-accordion-heading__toggle > .wp-block-accordion-heading__toggle-icon:first-child) > .wp-block-accordion-panel {
		padding-inline-start: 0px !important;
	}
}