:root {
	--grid-gap: 2rem;
	--container-gap: 4rem;
	--content-gap: 0.5rem;
	--icon-spacing: 2rem;
	--category-heading-spacing: 2rem;
}

.uredni-deska__data {
	display: flex;
	flex-direction: column;
	gap: var(--container-gap);
}

.uredni-deska__list {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
}

.uredni-deska__category-title {
	margin-bottom: var(--category-heading-spacing) !important;
	font-weight: bold;
}

.uredni-deska__item {
	gap: var(--content-gap);
	font-size: 17px !important;
	border-bottom: 1px solid #989898;
}

.uredni-deska__item:first-child {
	border-top: 1px solid #989898;
}

.uredni-deska__link {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-top: var(--grid-gap);
	padding-bottom: var(--grid-gap);
	color: #2d2928;
	transition: background-color 0.2s ease-in-out;
	text-decoration: none !important;
}

.uredni-deska__link:hover {
	color: #2d2928;
	background-color: #f9f9f9;
}

.uredni-deska__content {
	display: flex;
	gap: var(--icon-spacing);
	flex: 1;
}

.uredni-deska__icon {
	width: 100%;
	max-width: 37px;
	max-height: 45px;
	height: auto;
}

.uredni-deska__heading {
	font-size: 17px !important;
	margin: 0 !important;
	font-weight: 600;
}

.uredni-deska__info {
	display: flex;
	flex-direction: column;
	text-align: right;
	font-weight: 400;
}

@media screen and (max-width: 729px) {
	.uredni-deska__link {
		flex-direction: column;
		gap: 2rem;
		justify-content: flex-start;
	}

	.uredni-deska__info {
		text-align: left;
	}
}

@media screen and (max-width: 480px) {
	.uredni-deska__content {
		flex-direction: column;
	}
}

.uredni-deska-item {
	display: flex;
	flex-direction: column;
	gap: var(--grid-gap);
	width: 100%;
	padding-block: var(--container-gap);
}

.uredni-deska-item h1 {
	margin-bottom: var(--grid-gap);
	font-size: 36px;
	font-weight: 600;
	margin-top: 2rem !important;
}

.uredni-deska-item__info {
	display: flex;
	flex-direction: column;
	margin-bottom: 2rem;
}