/*
 * Ventureheap Builder - accordion, FAQ and toggle.
 */

.vhb-accordion { display: grid; gap: 12px; }

.vhb-accordion__item {
	background: var(--vhb-bg);
	border: 1px solid var(--vhb-border);
	border-radius: var(--vhb-radius);
	overflow: hidden;
}

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

.vhb-accordion__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	padding: 18px 20px;
	font: inherit;
	text-align: left;
	background: transparent;
	color: var(--vhb-secondary);
	border: 0;
	cursor: pointer;
	transition: background var(--vhb-transition), color var(--vhb-transition);
}

.vhb-accordion__trigger:hover { background: var(--vhb-alt); }
.vhb-accordion__trigger:focus-visible { outline: 3px solid var(--vhb-primary); outline-offset: -3px; }

.vhb-accordion__title { font-weight: 600; font-size: 1.02rem; }

.vhb-accordion__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.6em;
	height: 1.6em;
	font-size: .85rem;
	color: var(--vhb-primary);
}

.vhb-accordion__icon svg { width: 1em; height: 1em; fill: currentColor; }
.vhb-accordion__icon--open { display: none; }
.vhb-accordion__trigger[aria-expanded="true"] .vhb-accordion__icon--closed { display: none; }
.vhb-accordion__trigger[aria-expanded="true"] .vhb-accordion__icon--open { display: inline-flex; }

.vhb-accordion__panel { overflow: hidden; }
.vhb-accordion__panel[hidden] { display: none; }
.vhb-accordion__panel-inner { padding: 0 20px 20px; color: var(--vhb-muted); }
.vhb-accordion__panel-inner > *:last-child { margin-bottom: 0; }

.vhb-accordion.is-animated .vhb-accordion__panel {
	transition: height .28s ease;
}