/**
 * 常见问题 — 手风琴样式
 */

.b2b-accordion {
	width: 100%;
	max-width: 860px;
	margin-inline: auto;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--lg, 18px);
	overflow: hidden;
	background: var(--wp--preset--color--white);
}

.b2b-accordion--double {
	max-width: none;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
	gap: 1px;
	background: var(--wp--preset--color--border);
}

@media (min-width: 1000px) {
	.b2b-accordion--double { grid-template-columns: 1fr 1fr; }
}

.b2b-accordion__item + .b2b-accordion__item {
	border-top: 1px solid var(--wp--preset--color--border);
}

.b2b-accordion--double .b2b-accordion__item + .b2b-accordion__item {
	border-top: 0;
}

.b2b-accordion__heading {
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
}

.b2b-accordion__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
	width: 100%;
	padding: 1.25rem clamp(1.25rem, 1rem + 1vw, 1.75rem);
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--text);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
	line-height: 1.45;
	text-align: left;
	cursor: pointer;
	transition: background-color var(--wp--custom--transition--fast),
				color var(--wp--custom--transition--fast);
}

.b2b-accordion__trigger:hover {
	background: var(--wp--preset--color--light);
	color: var(--wp--preset--color--primary-dark);
}

.b2b-accordion__trigger:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: -2px;
}

.b2b-accordion__icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.25;
	stroke-linecap: round;
	stroke-linejoin: round;
	opacity: 0.5;
	transition: transform var(--wp--custom--transition--base),
				opacity var(--wp--custom--transition--base);
}

.b2b-accordion__item.is-open .b2b-accordion__icon {
	transform: rotate(180deg);
	opacity: 1;
	color: var(--wp--preset--color--primary);
}

.b2b-accordion__item.is-open .b2b-accordion__trigger {
	color: var(--wp--preset--color--primary-dark);
}

.b2b-accordion__panel {
	padding: 0 clamp(1.25rem, 1rem + 1vw, 1.75rem) 1.5rem;
}

.b2b-accordion__panel p {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.75;
	color: var(--wp--preset--color--text-muted);
}

/* 淡入，避免生硬地"啪"一下出现 */
.b2b-accordion__item.is-open .b2b-accordion__panel {
	animation: b2b-fade-in 220ms ease-out;
}

@keyframes b2b-fade-in {
	from { opacity: 0; transform: translateY(-4px); }
	to   { opacity: 1; transform: none; }
}

/* --- 深色背景 --- */

.b2b-section--bg-dark .b2b-accordion {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.12);
}

.b2b-section--bg-dark .b2b-accordion__item + .b2b-accordion__item {
	border-color: rgba(255, 255, 255, 0.12);
}

.b2b-section--bg-dark .b2b-accordion__trigger {
	color: #fff;
}

.b2b-section--bg-dark .b2b-accordion__trigger:hover {
	background: rgba(255, 255, 255, 0.06);
	color: #fff;
}

.b2b-section--bg-dark .b2b-accordion__panel p {
	color: rgba(255, 255, 255, 0.66);
}