/* DB Infire FAQ 1.0.0: vzhľad podľa pôvodného akordeónu v šablóne produktu (stav pred 29. 10. 2026). */
.db-infire-faq {
	--db-faq-akcent: #9a240a;
	--db-faq-ciara: #e8e8f6;
	--db-faq-pozadie-otvorene: #f5f5f5;
	--db-faq-otazka: #757575;
	--db-faq-otazka-aktivna: #000;
	width: 100%;
}

.db-infire-faq__polozka {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid var(--db-faq-ciara);
	background-color: #fff;
}

.db-infire-faq__otazka {
	display: flex;
	align-items: center;
	padding: 15px 20px;
	list-style: none;
	cursor: pointer;
	color: var(--db-faq-otazka);
	font-family: inherit;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.7;
	-webkit-user-select: none;
	user-select: none;
}

.db-infire-faq__otazka::-webkit-details-marker {
	display: none;
}

.db-infire-faq__otazka::marker {
	content: "";
}

.db-infire-faq__otazka:hover,
.db-infire-faq__polozka[open] > .db-infire-faq__otazka {
	color: var(--db-faq-otazka-aktivna);
}

.db-infire-faq__polozka[open] > .db-infire-faq__otazka {
	background-color: var(--db-faq-pozadie-otvorene);
}

.db-infire-faq__otazka:focus {
	outline: none;
}

.db-infire-faq__otazka:focus-visible {
	outline: 2px solid var(--db-faq-akcent);
	outline-offset: -2px;
}

.db-infire-faq__ikona {
	display: inline-flex;
	flex: 0 0 25px;
	width: 25px;
	height: 25px;
	margin-right: 20px;
	color: var(--db-faq-akcent);
}

.db-infire-faq__ikona svg {
	display: block;
	width: 25px;
	height: 25px;
}

.db-infire-faq__ikona .db-infire-faq__ikona-minus,
.db-infire-faq__polozka[open] .db-infire-faq__ikona .db-infire-faq__ikona-plus {
	display: none;
}

.db-infire-faq__polozka[open] .db-infire-faq__ikona .db-infire-faq__ikona-minus {
	display: block;
}

.db-infire-faq__text {
	flex: 1 1 auto;
	min-width: 0;
	text-align: left;
}

.db-infire-faq__odpoved {
	padding: 30px;
}

.db-infire-faq--prazdne {
	padding: 15px 20px;
	border: 1px dashed var(--db-faq-ciara);
	color: var(--db-faq-otazka);
	font-size: 14px;
}

.db-infire-faq--prazdne p {
	margin: 0;
}

@media (prefers-reduced-motion: no-preference) {
	.db-infire-faq__polozka[open] > .db-infire-faq__odpoved {
		animation: db-infire-faq-hore 0.5s cubic-bezier(0.26, 0.69, 0.37, 0.96);
	}
}

@keyframes db-infire-faq-hore {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 767px) {
	.db-infire-faq__otazka {
		padding: 10px 5px;
	}

	.db-infire-faq__ikona {
		margin-right: 15px;
	}
}