/*
 * Dimann FAQ: aspetto della sezione FAQ.
 *
 * Il plugin carica questo file solo nelle pagine che mostrano FAQ.
 * Le regole sono autonome da Easy Accordion: il suo aspetto è generato per
 * singolo accordion (regole legate a #sp-ea-{id}) e non è riutilizzabile.
 */

.dimann-faq-section {
	max-width: 900px;
	margin: 2.5rem auto;
	padding: 0 16px;
}

/*
 * Titolo della sezione. "Markup SEO Optimizer" lascia solo il primo h2 della
 * pagina e trasforma gli altri in <p class="h2" data-original-tag="h2">, che
 * perde la classe e lo stile del titolo. Le due forme ricevono lo stesso
 * aspetto, quello degli h2 del tema (27/34 px, 36/44 px da 1000 px).
 */
.dimann-faq-section__title,
.dimann-faq-section .h2[data-original-tag="h2"] {
	font-size: 27px;
	font-weight: 700;
	line-height: 34px;
	color: #000;
	margin: 0 0 1rem;
}

@media only screen and (min-width: 1000px) {
	.dimann-faq-section__title,
	.dimann-faq-section .h2[data-original-tag="h2"] {
		font-size: 36px;
		line-height: 44px;
	}
}

.dimann-faq {
	margin: 0;
}

.dimann-faq .sp-ea-single {
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	margin-bottom: 8px;
	background: #fff;
	overflow: hidden;
}

.dimann-faq .ea-header {
	margin: 0;
	font-size: 1rem;
	line-height: 1.4;
}

.dimann-faq .ea-header a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 18px;
	text-decoration: none;
	color: #111;
	font-weight: 600;
}

.dimann-faq .ea-header a:hover,
.dimann-faq .ea-header a:focus-visible {
	background: #f7f7f7;
}

.dimann-faq .dimann-faq-icon {
	flex: 0 0 auto;
	width: 10px;
	height: 10px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform .2s ease;
}

.dimann-faq .ea-header a[aria-expanded="true"] .dimann-faq-icon {
	transform: rotate(-135deg);
}

.dimann-faq .ea-body {
	padding: 0 18px 16px;
}

.dimann-faq .ea-body p {
	margin: 0 0 .75em;
}

.dimann-faq .ea-body p:last-child {
	margin-bottom: 0;
}