/**
 * FAQ — centered head + a single accordion card, matching Trust Strip's
 * elevated-card treatment (trust-strip.css). The open/close animation is
 * pure CSS (grid-template-rows 0fr → 1fr); faq-accordion.js only toggles
 * the `is-open` class and the trigger's aria-expanded state.
 */

.rentiva-faq__head {
	text-align: center;
	max-width: 36rem;
	margin: 0 auto 3rem;
}

.rentiva-faq__head .rentiva-eyebrow {
	margin-bottom: 0.75rem;
}

.rentiva-faq__head .rentiva-h2 {
	margin-bottom: 0.75rem;
}

.rentiva-faq__list {
	background-color: var(--rentiva-card);
	border: 1px solid var(--rentiva-border);
	border-radius: var(--rentiva-radius-xl);
	box-shadow: var(--rentiva-shadow-card);
	overflow: hidden;
}

.rentiva-faq__item + .rentiva-faq__item {
	border-top: 1px solid var(--rentiva-border);
}

.rentiva-faq__question {
	margin: 0;
	font: inherit;
}

.rentiva-faq__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	padding: 1.5rem;
	text-align: left;
	font-family: var(--rentiva-font-display);
	font-weight: 700;
	font-size: var(--rentiva-text-md);
	color: var(--rentiva-foreground);
	transition: color var(--rentiva-transition);
}

@media (min-width: 641px) {
	.rentiva-faq__trigger {
		padding: 1.75rem 2rem;
		font-size: var(--rentiva-text-lg);
	}
}

.rentiva-faq__trigger:hover,
.rentiva-faq__item.is-open .rentiva-faq__trigger {
	color: var(--rentiva-primary);
}

.rentiva-faq__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	flex-shrink: 0;
	border-radius: var(--rentiva-radius-pill);
	background-color: var(--rentiva-chip-bg);
	color: var(--rentiva-primary);
}

.rentiva-faq__icon svg {
	transition: transform var(--rentiva-transition);
}

.rentiva-faq__item.is-open .rentiva-faq__icon svg {
	transform: rotate(45deg);
}

.rentiva-faq__panel {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows var(--rentiva-transition);
}

.rentiva-faq__item.is-open .rentiva-faq__panel {
	grid-template-rows: 1fr;
}

.rentiva-faq__panel-inner {
	overflow: hidden;
}

.rentiva-faq__answer {
	padding: 0 1.5rem 1.5rem;
	font-family: var(--rentiva-font-sans);
	font-size: var(--rentiva-text-base);
	line-height: var(--rentiva-leading-normal);
	color: var(--rentiva-muted-foreground);
}

@media (min-width: 641px) {
	.rentiva-faq__answer {
		padding: 0 2rem 1.75rem;
	}
}