/* Unetek FAQ Shortcode + Schema — matches the theme's .custom-accordion (css/style.css "Custom Accordion") */

.unfaq {
	--unfaq-accent: #DA6D1E;
	--unfaq-gradient: var(--bs-gradient, linear-gradient(99deg, #EDA41E 13.85%, #DA6D1E 91.08%));
	--unfaq-bg: #F5F5F5;
	--unfaq-text: var(--bs-body-color, #464646);
	--unfaq-title: #000;
	--unfaq-radius: 16px;
	margin: 40px 0;
	text-align: left;
}

.unfaq .unfaq-heading {
	color: var(--unfaq-title);
	margin: 0 0 24px;
	text-align: left;
}

.unfaq .unfaq-answer > *:first-child { margin-top: 0; }
.unfaq .unfaq-answer > *:last-child { margin-bottom: 0; }

.unfaq .unfaq-answer ul,
.unfaq .unfaq-answer ol {
	padding-left: 1.25rem;
}

/* ---------- Modern: theme accordion — grey cards, orange gradient + white text when open ---------- */

.unfaq--modern .unfaq-item {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 30px;
	border-radius: var(--unfaq-radius);
	background: var(--unfaq-bg);
	color: var(--unfaq-title);
	transition: color .2s ease;
}

.unfaq--modern .unfaq-item + .unfaq-item {
	margin-top: 20px;
}

.unfaq--modern .unfaq-item[open] {
	color: #fff;
	background: var(--unfaq-gradient);
}

.unfaq--modern .unfaq-question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0;
	padding: 0;
	color: inherit;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4;
	cursor: pointer;
	list-style: none;
}

.unfaq--modern .unfaq-question::-webkit-details-marker { display: none; }
.unfaq--modern .unfaq-question::marker { content: ''; }

.unfaq--modern .unfaq-question:focus-visible {
	outline: 2px solid var(--unfaq-accent);
	outline-offset: 6px;
	border-radius: 4px;
}

.unfaq--modern .unfaq-item[open] .unfaq-question:focus-visible {
	outline-color: #fff;
}

/* Same angle-down / angle-up icon as the theme accordion */
.unfaq--modern .unfaq-icon {
	flex: 0 0 auto;
	font-size: 14px;
	line-height: 1;
}

.unfaq--modern .unfaq-icon::after {
	content: '\f107';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
}

.unfaq--modern .unfaq-item[open] .unfaq-icon::after {
	content: '\f106';
}

.unfaq--modern .unfaq-answer {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	color: inherit;
}

.unfaq--modern .unfaq-answer a {
	color: inherit;
	text-decoration: underline;
}

.unfaq--modern .unfaq-item[open] .unfaq-answer {
	animation: unfaq-reveal .25s ease;
}

@keyframes unfaq-reveal {
	from { opacity: 0; transform: translateY(-6px); }
	to   { opacity: 1; transform: none; }
}

/* ---------- Simple: looks like normal blog content ---------- */

.unfaq--simple .unfaq-item + .unfaq-item {
	margin-top: 22px;
}

/* Question: bold line at body-text size, answer directly below it. */
.unfaq--simple .unfaq-question {
	margin: 0 0 6px;
	padding: 0;
	color: var(--unfaq-title);
	font-family: inherit;
	font-size: inherit;
	font-weight: 700;
	line-height: 1.6;
	text-transform: none;
	letter-spacing: normal;
}

.unfaq--simple .unfaq-answer {
	margin: 0;
	color: var(--unfaq-text);
	line-height: 1.6;
}

.unfaq--simple .unfaq-answer p {
	margin: 0 0 10px;
}

@media (max-width: 767px) {
	.unfaq { margin: 28px 0; }
	.unfaq--modern .unfaq-item { padding: 20px; border-radius: 12px; }
	.unfaq--modern .unfaq-item + .unfaq-item { margin-top: 14px; }
	.unfaq--modern .unfaq-question { font-size: 1rem; }
	.unfaq--modern .unfaq-answer { margin-top: 14px; padding-top: 14px; }
}

@media (prefers-reduced-motion: reduce) {
	.unfaq--modern .unfaq-item { transition: none; }
	.unfaq--modern .unfaq-item[open] .unfaq-answer { animation: none; }
}