/**
 * Three60 FAQ - Frontend Styling
 *
 * @package Three60_FAQ
 */

.three60-faq-container {
	width: 100%;
	box-sizing: border-box;
}

.three60-faq-flex {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.three60-faq-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.three60-faq-item {
	box-sizing: border-box;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.three60-faq-item summary {
	cursor: pointer;
	font-weight: 600;
	user-select: none;
}

.three60-faq-item summary::-webkit-details-marker {
	margin-right: 8px;
}

/* Responsiv visning: 1 kolonne på mobile enheder */
@media (max-width: 768px) {
	.three60-faq-grid {
		grid-template-columns: 1fr;
	}
}