.card-container {
	display: flex;
	border-radius: 8px;
	border: 2px solid #CFDCE5;
	/*max-width: 60%;*/
	margin: 20px 0;
}

.sidebar-left {
	background-color: #0081A4;
	color: white;
	padding: 20px;
	width: 180px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	border-radius: 8px 0 0 8px;
	justify-content: end;
}

.sidebar-label {
	display: block;
	font-size: 12px;
	margin-bottom: 5px;
	opacity: 0.5;
}

.sidebar-value {
	display: block;
	font-size: 14px;
	color: white;
}

.main-content {
	padding: 20px 30px;
	flex: 1;
	background-color: #FFFFFF
}

.header-tags {
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
}

.card-title a {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 30px 0;
	line-height: 1.5;
	color: inherit;
	text-decoration: none;
	display: block;
	transition: color 0.2s ease;
}

.card-title a:hover {
	color: #0078d4;
}

.card-footer {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.tender-news .card-footer p {
	display: contents;
}

.footer-data {
	display: flex;
	gap: 50px;
}

.data-label {
	display: block;
	font-size: 12px;
	color: #0C364F;
	margin-bottom: 3px;
	opacity: 0.5;
}

.data-value {
	font-size: 14px;
	color: #0C364F;
}

.download-button {
	background-color: #0078d4;
	color: white;
	border: none;
	padding: 12px 25px;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
}

.download-button:hover {
	background-color: #042238;
	color: white;
}

.pill-tag {
	border: 1px solid #004578;
	background-color: #0045781A;
	color: #004578;
	padding: 2px 15px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: bold;
}

.tag-forniture {
	border-color: #008C79;
	background-color: #008C791A;
	color: #008C79;
}

.tag-lavori {
	border-color: #FF3B00;
	background-color: #FF3B001A;
	color: #FF3B00;
}

.tag-servizi {
	border-color: #26A1FF;
	background-color: #26A1FF1A;
	color: #26A1FF;
}

.tender-news-empty {
	border-left: 4px solid #0081A4;
	border-radius: 0 8px 8px 0;
	padding: 20px 30px;
	margin: 20px 0;
}

.tender-news-empty__title {
	font-size: 16px;
	font-weight: 600;
	color: #0C364F;
	margin: 0 0 6px 0;
}

.tender-news-empty__subtitle {
	font-size: 14px;
	color: #0C364F;
	opacity: 0.5;
	margin: 0;
}

@media (max-width: 768px) {

	.card-container {
		flex-direction: column;
		border-radius: 8px;
	}

	.sidebar-left {
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 15px;
		border-radius: 8px 8px 0 0;
	}

	.sidebar-item {
		display: flex;
		flex-direction: column;
	}

	.sidebar-label {
		font-size: 11px;
	}

	.sidebar-value {
		font-size: 13px;
	}

	.main-content {
		padding: 15px;
	}

	.header-tags {
		flex-wrap: wrap;
		gap: 6px;
		margin-bottom: 10px;
	}

	.card-title a {
		font-size: 15px;
		margin-bottom: 15px;
	}

	.card-footer {
		flex-direction: column;
		align-items: stretch;
		gap: 15px;
	}

	.footer-data {
		flex-direction: column;
		gap: 10px;
	}

	.data-group {
		display: flex;
		justify-content: space-between;
	}

	.data-label {
		font-size: 11px;
	}

	.data-value {
		font-size: 13px;
		text-align: right;
	}

	.download-button {
		width: 100%;
		text-align: center;
		padding: 12px;
		font-size: 14px;
	}
}