/* DesArt dokumentumkezelő */

.desart-dok-wrap{
	--desart-dok-navy:#0e2b52;
	--desart-dok-blue:#1d5aa8;
	--desart-dok-border:#d5dae1;
	--desart-dok-muted:#6b7a8d;
	--desart-dok-radius:10px;
	--desart-dok-gap:12px;
	--desart-dok-min-item:240px;  /* egy kártya minimális szélessége */
	--desart-dok-max-item:50%;    /* egy kártya maximális szélessége asztali nézetben */
	--desart-dok-title-max:30ch;  /* a cím megjelenített maximális hossza */
	--desart-dok-cols:3;
	margin:0 0 32px;
}

.desart-dok-title{
	font-size:20px;
	font-weight:700;
	color:var(--desart-dok-navy);
	margin:0 0 16px;
}

.desart-dok-list{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	display:grid;
	gap:var(--desart-dok-gap);
	grid-template-columns:repeat(
		auto-fit,
		minmax(
			var(--desart-dok-min-item),
			calc(var(--desart-dok-max-item) - var(--desart-dok-gap) / 2)
		)
	);
	justify-content:start;
}
.desart-dok-list.desart-dok-fixed-cols{
	grid-template-columns:repeat(var(--desart-dok-cols),minmax(0,1fr));
}
.desart-dok-item{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	min-width:0;
}
.desart-dok-item:before{content:none !important;}

.desart-dok-link{
	display:flex;
	align-items:center;
	gap:14px;
	width:100%;
	padding:14px 18px;
	background:#fff;
	border:1px solid var(--desart-dok-border);
	border-left:4px solid var(--desart-dok-blue);
	border-radius:var(--desart-dok-radius);
	text-decoration:none !important;
	color:var(--desart-dok-navy) !important;
	font-weight:600;
	box-shadow:none;
	transition:box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
.desart-dok-link:hover,
.desart-dok-link:focus{
	box-shadow:0 6px 18px rgba(14,43,82,.12);
	transform:translateY(-2px);
	border-color:var(--desart-dok-blue);
	color:var(--desart-dok-navy) !important;
	text-decoration:none !important;
	outline:none;
}
.desart-dok-link:focus-visible{
	outline:2px solid var(--desart-dok-blue);
	outline-offset:2px;
}

.desart-dok-ico{
	flex:0 0 34px;
	width:34px;
	height:34px;
	display:block;
}

.desart-dok-meta{
	display:flex;
	flex-direction:column;
	line-height:1.25;
	min-width:0;
}

/* A cím legfeljebb 30 karakter szélességben jelenik meg, utána "…" */
.desart-dok-name{
	display:block;
	font-size:15px;
	font-weight:600;
	max-width:var(--desart-dok-title-max);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.desart-dok-type{
	font-size:12px;
	font-weight:500;
	color:var(--desart-dok-muted);
	text-transform:uppercase;
	letter-spacing:.06em;
	margin-top:2px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.desart-dok-arrow{
	margin-left:auto;
	flex:0 0 auto;
	color:var(--desart-dok-blue);
}

/* Mobil: mindig teljes szélesség, egy oszlop */
@media (max-width:600px){
	.desart-dok-list,
	.desart-dok-list.desart-dok-fixed-cols{
		grid-template-columns:1fr;
	}
	.desart-dok-link{padding:12px 14px;}
	.desart-dok-name{max-width:100%;}
}