/*
 * ETheme-Block — accordion（手风琴容器）
 *
 * 这里是容器层：头部、列表排布，以及 4 个区块样式的修饰。
 * 条目的折叠内核（details / summary）在 accordion-item 组件里，
 * 与之保持同一套类名，两者共同构成一个手风琴 —— 不存在第二套引擎。
 *
 * 样式变体类挂在容器上（WordPress 的区块样式 is-style-*），
 * 但作用于条目，所以此处使用「容器类 + 后代条目」的选择器。
 */

/* =========================================================
 * 头部
 * ========================================================= */
.etb-accordion__header {
	display: flex;
	flex-direction: column;
	gap: var(--eth-space-2xs, 0.6rem);
	margin-bottom: var(--eth-space-l, 2.5rem);
}

/* =========================================================
 * 列表
 * ========================================================= */
.etb-accordion__list {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

/* =========================================================
 * 样式变体（作用于条目）
 * ========================================================= */

/* 描边卡片 */
.etb-accordion.is-style-bordered .etb-accordion__item {
	border: 1px solid var(--eth-border, rgba(0, 0, 0, 0.12));
	border-radius: var(--eth-radius-m, 0.8rem);
	margin-bottom: var(--eth-space-2xs, 0.6rem);
	padding: 0 var(--eth-space-s, 1rem);
	background: var(--eth-bg-surface, #fff);
}

/* 填充色块 */
.etb-accordion.is-style-filled .etb-accordion__item {
	border: 1px solid transparent;
	border-radius: var(--eth-radius-m, 0.8rem);
	margin-bottom: var(--eth-space-2xs, 0.6rem);
	padding: 0 var(--eth-space-s, 1rem);
	background: var(--eth-bg-muted, #f2f2f2);
}

.etb-accordion.is-style-filled .etb-accordion__item[open],
.etb-accordion.is-style-filled .etb-accordion__item.is-open {
	background: var(--eth-primary-10, #eef2ff);
	border-color: var(--eth-primary-20, rgba(79, 70, 229, 0.2));
}

/* 整块盒子：仅最后一项目去掉下边框，避免与容器收口处重线 */
.etb-accordion.is-style-boxed .etb-accordion__item:last-child {
	border-bottom: 0;
}