/* ==========================================================================
   Blok 9 · Časté dotazy — maket 98:876 (1440 × 704)
   Otevřená otázka je zlatá (#9A7300) a má tmavé kolečko se špičkou nahoru.
   ========================================================================== */

.bx-faq { background: var(--bx-cream); }

.bx-faq__inner {
	max-width: var(--bx-page);
	margin-inline: auto;
	padding: 90px var(--bx-gutter);
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.bx-faq__head { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.bx-faq__title { line-height: 23px; }
.bx-faq__label { color: var(--bx-yellow-dark); }
.bx-faq__title { color: var(--bx-ink); }

.bx-faq__list { display: flex; flex-direction: column; }

/* Oddělovač kreslíme pozadím, aby rámeček nepřidával výšku (maket 92 px). */
.bx-faq__item {
	background-image: linear-gradient(var(--bx-border), var(--bx-border));
	background-position: bottom left;
	background-size: 100% 1px;
	background-repeat: no-repeat;
}


.bx-faq__q { margin: 0; }

.bx-faq__btn {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 24px;
	/* Rám „Otázka“ v maketu: 26 nad, řádek 40, 26 pod. */
	padding: 26px 0;
	min-height: 92px;
	border: 0;
	background: transparent;
	text-align: left;
	cursor: pointer;
	color: var(--bx-ink);
}

.bx-faq__q-text { flex: 1 0 0; min-width: 0; transition: color .18s ease; }
.bx-faq__item.is-open .bx-faq__q-text { color: var(--bx-yellow-dark); }

.bx-faq__toggle {
	width: 40px; height: 40px;
	flex: 0 0 40px;
	border-radius: 999px;
	background: var(--bx-cream-2);
	color: var(--bx-ink);
	align-items: center;
	justify-content: center;
	transition: background-color .18s ease, color .18s ease;
}
.bx-faq__toggle svg { width: 18px; height: 18px; }

.bx-faq__item.is-open .bx-faq__toggle {
	background: var(--bx-yellow);
	color: var(--bx-ink);
}

.bx-faq__chev { display: inline-flex; }
.bx-faq__chev--up { display: none; }
.bx-faq__item.is-open .bx-faq__chev--down { display: none; }
.bx-faq__item.is-open .bx-faq__chev--up { display: inline-flex; }

.bx-faq__a {
	padding-bottom: 26px;
	max-width: 900px;
	color: var(--bx-default);
}

/* Odpověď je v maketu 900 px široká, dva řádky po 28. */
.bx-faq__a p { font-size: var(--bx-itm-size); line-height: 28px; }

.bx-faq__item.is-open .bx-faq__btn { padding-bottom: 14px; min-height: 0; }

/* --- Adaptiv --------------------------------------------------------------- */
@media (max-width: 900px) {
	.bx-faq__inner { padding-block: var(--bx-section-y); gap: 34px; }
	.bx-faq__btn { padding: 20px 0; gap: 16px; }
	.bx-faq__a { padding-bottom: 22px; }
}