/* Shared native FAQ. Page modifiers select values, not duplicated layouts. */
.az-faq {
	--analiza-faq-font: var(--analiza-font-interface);
	--analiza-faq-space: var(--analiza-faq-space-cjenik);
	--analiza-faq-scroll: var(--analiza-scroll-section);
	padding: var(--analiza-faq-space) var(--analiza-faq-gutter);
	color: var(--analiza-color-ink);
	background: var(--analiza-color-surface-soft);
	scroll-margin-top: var(--analiza-faq-scroll);
	font-family: var(--analiza-faq-font);
}
.az-faq--homepage {
	--analiza-faq-font: var(--analiza-font-homepage);
	--analiza-faq-space: var(--analiza-faq-space-homepage);
	--analiza-faq-scroll: var(--analiza-scroll-homepage);
}
.az-faq .az-faq-inner {
	width: 100%;
	max-width: var(--analiza-content-max);
	margin: 0 auto;
}
.az-faq .az-faq-title {
	margin: 0 0 var(--analiza-faq-content-gap);
	font: var(--analiza-weight-bold) var(--analiza-faq-heading-size)/var(--analiza-type-heading-leading) var(--analiza-faq-font);
	letter-spacing: 0;
}
.az-faq .az-faq-list {
	max-width: var(--analiza-faq-list-max);
}
.az-faq details {
	border-bottom: 1px solid var(--analiza-border-faq);
}
.az-faq details:first-child {
	border-top: 1px solid var(--analiza-border-faq);
}
.az-faq .az-faq-question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--analiza-faq-row-gap);
	min-height: 64px;
	padding: var(--analiza-faq-question-padding) 0;
	cursor: pointer;
	list-style: none;
	font: var(--analiza-weight-bold) var(--analiza-faq-question-size)/var(--analiza-type-small-leading) var(--analiza-faq-font);
}
.az-faq .az-faq-question::-webkit-details-marker {
	display: none;
}
.az-faq .az-faq-question::after {
	content: "+";
	flex: 0 0 24px;
	text-align: center;
	color: var(--analiza-color-brand);
	font: var(--analiza-weight-regular) 26px/1 var(--analiza-faq-font);
}
.az-faq details[open] .az-faq-question::after {
	content: "−";
}
.az-faq summary.az-faq-question:focus-visible {
	outline: var(--analiza-faq-focus);
	outline-offset: var(--analiza-faq-focus-offset);
}
.az-faq .az-faq-answer {
	max-width: var(--analiza-faq-answer-max);
	padding: 0 40px var(--analiza-faq-answer-bottom) 0;
	font: var(--analiza-weight-regular) var(--analiza-faq-answer-size)/var(--analiza-type-reading-leading) var(--analiza-faq-font);
}
.az-faq .az-faq-answer p {
	margin: 0 0 12px;
}
.az-faq .az-faq-answer p:last-child {
	margin-bottom: 0;
}
.az-faq .az-faq-answer a {
	color: var(--analiza-color-brand);
	text-decoration: underline;
	text-underline-offset: 3px;
}
@media (max-width: 767px) {
	.az-faq .az-faq-answer {
		padding-right: 0;
	}
}