/* faq-home — Figma 243:365. Tokens only (R8), logical props (R9). */

.faq-home {
	padding-block-end: var(--space-faq-bottom);
}

.faq-home__title {
	margin-block: var(--space-title-gap) var(--space-fluid-xl);
}

.faq-home__list {
	display: flex;
	flex-direction: column;
	gap: var(--space-faq-gap);
}

/* ---- Item (Figma "שאלה"): white card, flower · question · chevron ---- */

.faq-home__item {
	border-radius: var(--radius-md);
	background: var(--color-white);
	box-shadow: var(--shadow-article);
}

.faq-home__row {
	display: flex;
	align-items: center;
	gap: var(--space-faq-inner);
	padding: var(--space-faq-pad);
	list-style: none;
}

summary.faq-home__row {
	cursor: pointer;
}

summary.faq-home__row::-webkit-details-marker {
	display: none;
}

.faq-home__deco-flower {
	flex: none;
	inline-size: clamp(2.5rem, 1.9rem + 2.2vw, 4.9375rem); /* lint-ok: 40→79px flower, decorative */
	block-size: auto;
}

.faq-home__question {
	flex: 1 1 0;
	min-inline-size: 0;
	font-size: var(--fs-600);
	font-weight: var(--fw-regular);
	text-box: trim-both cap alphabetic;
}

/* Figma "Frame 6": gold chevron turned to point down (26×13). */
.faq-home__chevron {
	flex: none;
	inline-size: 0.8125rem; /* lint-ok: 13px chevron (26px tall rotated) — icon */
	block-size: auto;
	margin-inline: var(--space-2);
	color: var(--color-primary);
	transform: rotate(-90deg);
	transition: transform 0.25s ease;
}

.faq-home__details[open] .faq-home__chevron {
	transform: rotate(90deg);
}

.faq-home__answer {
	padding-block-end: var(--space-faq-pad);
	padding-inline: var(--space-faq-pad);
	font-size: var(--fs-400);
}

.faq-home__answer > * + * {
	margin-block-start: 0.75em;
}

summary.faq-home__row:hover .faq-home__question {
	color: var(--color-primary);
}

/* Smooth open/close where supported (Chrome 131+); elsewhere it just snaps. */
@supports (interpolate-size: allow-keywords) {
	.faq-home__details {
		interpolate-size: allow-keywords;
	}
	.faq-home__details::details-content {
		block-size: 0;
		overflow: clip;
		transition: block-size 0.35s ease, content-visibility 0.35s allow-discrete;
	}
	.faq-home__details[open]::details-content {
		block-size: auto;
	}
}

@media (max-width: 767px) { /* bp: --bp-md — phone plan: full-width accordion, smaller flower */
	.faq-home__deco-flower {
		inline-size: 2rem; /* lint-ok: phone flower, decorative */
	}
}