/**
 * Land Airline — Service FAQ accordion.
 *
 * Reproduces the reference design (DM Sans, #1c1c1c question, #e8e4df divider,
 * #97785a chevron) using native <details>/<summary>. Responsive: the question
 * text and paddings scale down slightly on small screens.
 *
 * @package landairline-services
 */

.lair-faq {
	width: 100%;
}

/* Each item = a bottom-bordered row, matching border-b border-[#e8e4df]. */
.lair-faq-item {
	border-bottom: 1px solid #e8e4df;
}

/* The clickable question row = button w-full flex justify-between py-4. */
.lair-faq-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 16px 0;              /* py-4 */
	text-align: left;
	cursor: pointer;
	list-style: none;            /* hide default marker */
	gap: 16px;
}

/* Remove the default disclosure triangle across browsers. */
.lair-faq-summary::-webkit-details-marker {
	display: none;
}
.lair-faq-summary::marker {
	content: '';
}

/* Question text = text-[#1c1c1c] font-medium text-sm pr-4, DM Sans. */
.lair-faq-question {
	color: #1c1c1c;
	font-weight: 500;            /* font-medium */
	font-size: 14px;             /* text-sm */
	line-height: 1.5;
	padding-right: 16px;         /* pr-4 */
	font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
}

/* Chevron = #97785a, 16px, rotates on open (transition-transform duration-200). */
.lair-faq-chevron {
	color: #97785a;
	flex-shrink: 0;
	transition: transform 200ms ease;
}

.lair-faq-item[open] .lair-faq-chevron {
	transform: rotate(180deg);
}

/* Answer panel: hidden until open, then revealed with a little breathing room. */
.lair-faq-answer {
	padding: 0 0 16px;
	color: rgba(28, 28, 28, 0.60);
	font-size: 14px;
	line-height: 1.6;
	font-family: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
}

.lair-faq-answer p {
	margin: 0 0 0.75em;
}

.lair-faq-answer p:last-child {
	margin-bottom: 0;
}

/* Responsive: tighten on small screens. */
@media (max-width: 640px) {
	.lair-faq-summary {
		padding: 14px 0;
		gap: 12px;
	}

	.lair-faq-question {
		font-size: 13px;
		padding-right: 12px;
	}

	.lair-faq-answer {
		font-size: 13px;
		padding-bottom: 14px;
	}
}