/* Posizionamento sidebar con il titolo ancorato al padding sinistro */
.accordion-hover .sidebar-title {
	top: 100px; /* Allineato al ptop-100 del contenitore */
	left: 100px; /* Allineato al pdd-lato del tema */
}

/* Bordi container */

.accordion-hover .item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	transition: padding 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.accordion-hover .item:last-child {
	border-bottom: none;
}

.accordion-hover .item .badge-anno {
	display: inline-block;
	padding: 7px 12px;
}

/* Animazione apri/chiudi con CSS Grid */
.accordion-hover .item .content {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.accordion-hover .item .content > div {
	overflow: hidden;
	opacity: 0;
	margin: 0 auto;
	transition:
		opacity 0.3s ease-in-out,
		transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	transform: translateY(-8px);
}

.accordion-hover .item .content strong {
	font-weight: 500;
}

/* Icona Download */
.accordion-hover .item .content .icon-down {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	padding: 7px;
	background-color: #f2ede4;
	border-radius: 50%;
	transition: background-color 0.2s ease;
}

.accordion-hover .item .content .icon-down:hover {
	background-color: #e5decb;
}

/* Stato Hover */
.accordion-hover .item:hover {
	padding-top: 50px;
	padding-bottom: 50px;
}

.accordion-hover .item:hover .content {
	grid-template-rows: 1fr;
}

.accordion-hover .item:hover .content > div {
	opacity: 1;
	transform: translateY(0);
}

@media (max-width: 1023px) {
	.accordion-hover {
		padding-top: 50px;
	}
	.accordion-hover .sidebar-title {
		text-align: center;
		top: 20px;
		left: calc(50% - (151.05px / 2));
		display: flex;
		justify-content: center;
	}
	.accordion-hover .sidebar-title .titoletto {
		font-size: 24px;
	}
	.accordion-hover .testo-grande {
		font-size: 15px;
	}
}

@media (max-width: 549px) {
	.accordion-hover .item .content .icon-down {
		margin: 15px auto 0;
		display: flex;
		width: 27px;
		height: 27px;
	}
}
