/* ────────────────────────────────────────────────────────────
   03-text-accordion.css — extends text-media for accordion variant
   Section uses: .text-media .text-accordion .media-right
   Accordion: core/accordion (WP native, Interactivity API)
   ──────────────────────────────────────────────────────────── */

/* Extra breathing room between body copy and the accordion block */
.text-accordion__content .wp-block-accordion {
	margin-top: var(--spacing-sm);
}

/* Reset h3 heading styles that .text-media h3 applies — the button
   handles all typography, so the h3 wrapper should be invisible. */
.text-accordion__content .wp-block-accordion-heading {
	margin: 0;
}

/* ── Accordion item ────────────────────────────────────────── */
.text-accordion__content .wp-block-accordion-item {
	border-top: 1px solid var(--color-gray-stroke);
	margin-block-start: 0;
	margin-block-end: 0;
}

.text-accordion__content .wp-block-accordion-item:last-child {
	border-bottom: 1px solid var(--color-gray-stroke);
}

/* ── Toggle button ─────────────────────────────────────────── */
.text-accordion__content .wp-block-accordion-heading__toggle {
	display: flex;
	justify-content: space-between;
	width: 100%;
	background: none;
	border: none;
	padding: var(--spacing-sm) 0;
	cursor: pointer;
	text-align: left;
	gap: var(--spacing-md);
	font-family: var(--font-primary);
	font-size: var(--text-heading-md);
	font-weight: var(--font-weight-bold);
	color: var(--color-text-heading);
	line-height: var(--line-height-snug);
}

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

/* Toggle icon (+ / −; text toggled by WP Interactivity API) */
.text-accordion__content .wp-block-accordion-heading__toggle-icon {
	font-family: var(--font-body);
	font-size: var(--text-heading-md);
	font-weight: var(--font-weight-regular);
	color: var(--color-blue-primary);
	flex-shrink: 0;
	line-height: 1;
}

/* ── Panel content ─────────────────────────────────────────── */
.text-accordion__content .wp-block-accordion-panel-is-layout-flow {
	margin-block-start: 0;
	margin-block-end: 0;
}

/* .text-media p already handles color and margin: 0 */
.text-accordion__content .wp-block-accordion-panel p {
	padding-bottom: var(--spacing-sm);
}

/* ── Medium-bg + dark-bg: boxed item treatment ──────────────────────── */
.is-style-bg-medium .text-accordion__content .wp-block-accordion-item,
.is-style-bg-dark .text-accordion__content .wp-block-accordion-item {
	border: 1px solid var(--color-gray-soft);
	border-radius: var(--radius-none);
	background-color: var(--color-white);
	padding: 0 var(--spacing-md);
	margin-bottom: var(--spacing-xs);
}

.is-style-bg-medium .text-accordion__content .wp-block-accordion-item:last-child
.is-style-bg-dark .text-accordion__content .wp-block-accordion-item:last-child {
	border-bottom: 1px solid var(--color-gray-stroke);
	margin-bottom: 0;
}

/* ── Dark-bg overrides ─────────────────────────────────────── */
/* Panel paragraph color is handled by .is-style-bg-dark .text-media p */
.is-style-bg-dark .wp-block-accordion-panel p,
.is-style-bg-dark .wp-block-accordion-panel li {
	color: var(--color-text-body) !important;
}