/* ============================================================
 * Sky Car Rental Toolkit — FAQ (accordion) widget
 * Centred // header + native details/summary rows.
 * Gold + rotates to × on open. No JavaScript required.
 * ============================================================ */

.crqa-tk-faq {
	/* Brand tokens (overridable via Elementor controls). */
	--crqa-tk-eyebrow: #e8c66a;
	--crqa-tk-heading: #f4efe4;
	--crqa-tk-q: #f4efe4;
	--crqa-tk-accent: #e8c66a;
	--crqa-tk-a: #9b9488;
	--crqa-tk-divider: #1f1d18;
	--crqa-tk-maxw: 880px;

	max-width: var(--crqa-tk-maxw);
	margin-left: auto;
	margin-right: auto;
	font-family: 'Jost', sans-serif;
	font-weight: 300;
}

/* ---- Header ---- */
.crqa-tk-faq__head {
	text-align: center;
	margin-bottom: clamp(40px, 6vh, 56px);
}

.crqa-tk-faq__eyebrow {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	margin-bottom: 18px;
}

.crqa-tk-faq__slashes {
	font-family: 'Space Mono', monospace;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.18em;
	line-height: 1;
	color: var(--crqa-tk-eyebrow);
}

.crqa-tk-faq__eyebrow-text {
	font-family: 'Space Mono', monospace;
	font-size: 12px;
	letter-spacing: 0.28em;
	line-height: 1;
	text-transform: uppercase;
	color: var(--crqa-tk-eyebrow);
}

.crqa-tk-faq__heading {
	margin: 0;
	font-family: 'Archivo', sans-serif;
	font-weight: 900;
	font-size: clamp(30px, 4.5vw, 52px);
	line-height: 1;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--crqa-tk-heading);
}

/* ---- Accordion rows ---- */
.crqa-tk-faq__item {
	border-bottom: 1px solid var(--crqa-tk-divider);
}

.crqa-tk-faq__q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 26px 4px;
	cursor: pointer;
	list-style: none;
	font-size: 18px;
	font-weight: 400;
	color: var(--crqa-tk-q);
	transition: color 0.25s ease;
}

/* Hide the native disclosure triangle (all browsers). */
.crqa-tk-faq__q::-webkit-details-marker { display: none; }
.crqa-tk-faq__q::marker { content: ""; }

.crqa-tk-faq__q:hover,
.crqa-tk-faq__item[open] .crqa-tk-faq__q {
	color: var(--crqa-tk-accent);
}

.crqa-tk-faq__q:focus-visible {
	outline: 2px solid var(--crqa-tk-accent);
	outline-offset: 4px;
}

.crqa-tk-faq__q-text { min-width: 0; }

.crqa-tk-faq__icon {
	flex-shrink: 0;
	font-family: 'Cormorant Garamond', serif;
	font-size: 22px;
	line-height: 1;
	color: var(--crqa-tk-accent);
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

/* + becomes × when the row is open. */
.crqa-tk-faq__item[open] .crqa-tk-faq__icon {
	transform: rotate(45deg);
}

.crqa-tk-faq__a {
	margin: 0;
	max-width: 62ch;
	padding: 0 4px 28px;
	font-size: 16px;
	line-height: 1.7;
	color: var(--crqa-tk-a);
}

/* ---- Small screens ---- */
@media (max-width: 600px) {
	.crqa-tk-faq__q { font-size: 16px; padding: 22px 2px; gap: 16px; }
	.crqa-tk-faq__a { font-size: 15px; padding: 0 2px 24px; }
}