/**
 * Accordion — FAQ rows and mobile footer groups.
 *
 * Markup pattern (no JavaScript required — native disclosure):
 *
 *   <details class="nbf-accordion">
 *     <summary class="nbf-accordion__summary">
 *       سوال…
 *       <svg class="nbf-accordion__chevron" …>
 *     </summary>
 *     <div class="nbf-accordion__content">پاسخ…</div>
 *   </details>
 *
 * FAQ groups are a vertical stack (never a carousel).
 */

.nbf-accordion {
	background: var(--nbf-color-surface);
	border: 1px solid var(--nbf-color-border);
	border-radius: var(--nbf-radius-md);
}

.nbf-accordion + .nbf-accordion {
	margin-block-start: var(--nbf-space-3);
}

.nbf-accordion__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--nbf-space-3);
	min-block-size: var(--nbf-tap-target);
	padding-block: var(--nbf-space-3);
	padding-inline: var(--nbf-space-4);
	font-size: var(--nbf-fs-sm);
	font-weight: var(--nbf-fw-bold);
	cursor: pointer;
	list-style: none;
	border-radius: var(--nbf-radius-md);
}

.nbf-accordion__summary::-webkit-details-marker {
	display: none;
}

.nbf-accordion__summary:hover {
	color: var(--nbf-color-primary-600);
}

.nbf-accordion__summary:focus-visible {
	outline: 2px solid var(--nbf-color-focus-ring);
	outline-offset: -2px;
}

.nbf-accordion__chevron {
	flex-shrink: 0;
	color: var(--nbf-color-text-3);
	transition: transform var(--nbf-duration) var(--nbf-ease);
}

.nbf-accordion[open] > .nbf-accordion__summary {
	color: var(--nbf-color-primary-700);
}

.nbf-accordion[open] > .nbf-accordion__summary .nbf-accordion__chevron {
	transform: rotate(180deg);
}

.nbf-accordion__content {
	padding-block: 0 var(--nbf-space-4);
	padding-inline: var(--nbf-space-4);
	font-size: var(--nbf-fs-sm);
	color: var(--nbf-color-text-2);
	line-height: var(--nbf-lh-body);
}

/* Quiet variant for footer link groups on mobile */
.nbf-accordion--quiet {
	background: transparent;
	border: 0;
	border-block-end: 1px solid var(--nbf-color-border);
	border-radius: 0;
}

.nbf-accordion--quiet .nbf-accordion__summary {
	padding-inline: 0;
	border-radius: 0;
}

.nbf-accordion--quiet .nbf-accordion__content {
	padding-inline: 0;
}