/* SNIK FAQs — base styles (Bootstrap does the heavy lifting) */

.snik-faqs-wrapper {
	margin: 2rem 0;
	--snik-faqs-accent-color: #0d6efd;
	--snik-faqs-accent-bg: rgba(13, 110, 253, 0.06);
	--snik-faqs-answer-color: #495057;
	--snik-faqs-card-shadow: rgba(0, 0, 0, 0.08);
	--snik-faqs-accordion-border: rgba(0, 0, 0, 0.1);
}

/* Items are visible by default (progressive enhancement).
   JS sets the hidden "before" state only once GSAP/ScrollMagic have actually loaded,
   so users/bots without JS always see full content. */
.snik-faqs-anim-item {
	will-change: transform, opacity;
}

/* Cards */
.snik-faqs-format-cards .card {
	border: none;
	border-radius: 0.75rem;
	transition: box-shadow 0.2s ease;
}
.snik-faqs-format-cards .card:hover {
	box-shadow: 0 0.75rem 1.5rem var(--snik-faqs-card-shadow) !important;
}
.snik-faqs-format-cards .snik-faqs-question {
	font-weight: 600;
	margin-bottom: 0.75rem;
}
.snik-faqs-format-cards .snik-faqs-answer {
	color: var(--snik-faqs-answer-color);
	font-size: 0.95rem;
}

/* Accordion */
.snik-faqs-format-accordion .accordion-item {
	border-radius: 0.5rem;
	overflow: hidden;
	margin-bottom: 0.75rem;
	border: 1px solid var(--snik-faqs-accordion-border);
}
.snik-faqs-format-accordion .accordion-button:not(.collapsed) {
	background-color: var(--snik-faqs-accent-bg);
	color: var(--snik-faqs-accent-color);
	box-shadow: none;
}
.snik-faqs-format-accordion .accordion-button:focus {
	box-shadow: none;
}

.snik-faqs-format-accordion .accordion-button ::after {
	filter:invert(1);
}
.snik-faqs-format-accordion .accordion-button:hover ::after {
	filter:invert(0);
}

.snik-faqs-empty {
	opacity: 0.7;
	font-style: italic;
}

/* Section wipe helper: a clip-path based "wipe" panel used by the default animation. */
.snik-faqs-anim-item.snik-faqs-wipe-active {
	position: relative;
	overflow: hidden;
}