/**
 * Komarko FAQ Accordion – moderan izgled u skladu sa Blocksy temom.
 * Koristi Blocksy varijable (boje, border-radius, shadow, transition).
 */

/* Kontejner bloka – zaobljen, suptilna granica ili pozadina */
.wp-block-yoast-faq-block.schema-faq {
	--komarko-faq-radius: var(--theme-border-radius, 6px);
	--komarko-faq-border: 1px solid var(--theme-border-color, rgba(0, 0, 0, 0.08));
	--komarko-faq-bg: var(--theme-content-background-color, transparent);
	border: var(--komarko-faq-border);
	border-radius: var(--komarko-faq-radius);
	background: var(--komarko-faq-bg);
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* Jedna stavka – razdvajanje, padding */
.schema-faq-section {
	border-bottom: 1px solid var(--theme-border-color, rgba(0, 0, 0, 0.06));
	transition: background-color 0.2s ease-out;
}

.schema-faq-section:last-child {
	border-bottom: none;
}

.schema-faq-section:hover {
	background: rgba(0, 0, 0, 0.02);
}

.schema-faq-section.is-open {
	background: rgba(0, 0, 0, 0.02);
}

/* Pitanje – veći padding, font-weight, leva linija kad je otvoreno */
.schema-faq-section .schema-faq-question {
	display: block;
	cursor: pointer;
	color: var(--theme-headings-color, var(--theme-text-color));
	font-weight: 600;
	padding: 1rem 1.25rem 1rem 1.25rem;
	padding-inline-end: 2.5rem;
	position: relative;
	transition: color 0.2s ease-out, background-color 0.2s ease-out;
	border-inline-start: 3px solid transparent;
}

.schema-faq-section .schema-faq-question:hover {
	color: var(--theme-link-hover-color, var(--theme-palette-color-2));
}

.schema-faq-section.is-open .schema-faq-question {
	border-inline-start-color: var(--theme-palette-color-2);
	color: var(--theme-link-initial-color, var(--theme-palette-color-2));
}

/* Strelica – rotacija 0.2s ease-out */
.schema-faq-section .schema-faq-question::after {
	content: '';
	position: absolute;
	inset-inline-end: 1.25rem;
	top: 50%;
	width: 0.5em;
	height: 0.5em;
	margin-top: -0.35em;
	border-inline-end: 2px solid currentColor;
	border-block-end: 2px solid currentColor;
	transform: rotate(-45deg);
	transition: transform 0.2s ease-out;
}

.schema-faq-section.is-open .schema-faq-question::after {
	transform: rotate(45deg);
	margin-top: -0.15em;
}

/* Odgovor – padding, blago prigušena boja teksta */
.schema-faq-section .schema-faq-answer {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	margin: 0;
	padding-inline: 1.25rem;
	transition: max-height 0.2s ease-out, opacity 0.2s ease-out, margin 0.2s ease-out, padding 0.2s ease-out;
}

.schema-faq-section.is-open .schema-faq-answer {
	max-height: 2000px;
	opacity: 1;
	padding-inline-start: 1.25rem;
	padding-inline-end: 1.25rem;
	padding-block-end: 1rem;
	padding-block-start: 0;
}

.schema-faq-section.is-open .schema-faq-answer p {
	color: var(--theme-text-color);
	line-height: 1.6;
	margin: 0 0 0.75em 0;
}

.schema-faq-section.is-open .schema-faq-answer p:last-child {
	margin-bottom: 0;
}