/* pi-plugin/assets/css/downloads.css */

.pijs-downloads {
	margin: var( --pi-space-lg ) 0;
}

.pijs-version-date {
	color: var( --pi-color-text-dim );
	font-weight: normal;
	font-size: 0.9em;
}

.pijs-version-files {
	list-style: none;
	padding: 0;
	margin: var( --pi-space-md ) 0;
}

.pijs-version-files li {
	margin-bottom: var( --pi-space-sm );
}

.pijs-version-files a {
	font-weight: 500;
	text-decoration: none;
}

.pijs-version-files a:hover {
	text-decoration: underline;
}

.pijs-file-size {
	color: var(  --pi-color-text-dim );
	font-size: 0.9em;
	font-weight: normal;
	margin-left: 0.5em;
}

/* Versions page specific enhancements */
.pijs-versions-page .pijs-version {
	background: var( --pi-color-panel );
	border: 1px solid var( --pi-color-text-dim );
	border-radius: 8px;
	padding: var( --pi-space-lg );
	margin-bottom: var( --pi-space-xl );
}

.pijs-versions-page .pijs-version-header {
	margin-bottom: var( --pi-space-lg );
}

.pijs-versions-page .pijs-version-section {
	margin-bottom: var( --pi-space-lg );
	padding: var( --pi-space-md );
	background: var( --pi-color-bg );
	border: 1px solid var( --pi-color-text-dim );
	border-radius: 6px;
}

.pijs-versions-page .pijs-version-section:last-of-type {
	margin-bottom: 0;
}

.pijs-versions-page .pijs-version-section-title {
	margin: 0 0 var( --pi-space-xs ) 0;
	font-size: 1.1em;
	font-weight: 600;
}

.pijs-versions-page .pijs-version-section-desc {
	margin: 0 0 var( --pi-space-md ) 0;
	color: var( --pi-color-text-dim );
	font-size: 0.95em;
	line-height: 1.5;
}

.pijs-versions-page .pijs-version-lite {
	border-left: 3px solid var( --pi-accent-blue );
}

.pijs-versions-page .pijs-version-full {
	border-left: 3px solid var( --pi-accent-blue );
}

.pijs-versions-page .pijs-version-changelog {
	background: var( --pi-color-bg );
	border: 1px solid var( --pi-color-text-dim );
	border-radius: 6px;
	padding: var( --pi-space-md );
	margin-top: var( --pi-space-lg );
}

.pijs-versions-page .pijs-version-changelog-title {
	margin: 0 0 var( --pi-space-sm ) 0;
	font-size: 1em;
	font-weight: 600;
	color: var( --pi-color-text );
}

.pijs-versions-page .pijs-version-files {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax( 280px, 1fr ) );
	gap: var( --pi-space-sm );
}

.pijs-versions-page .pijs-version-files li {
	margin-bottom: 0;
	padding: var( --pi-space-xs ) var( --pi-space-sm );
	background: var( --pi-color-panel );
	border-radius: 4px;
	transition: background-color 0.2s ease;
}

@media ( max-width: 768px ) {
	.pijs-versions-page .pijs-version-files {
		grid-template-columns: 1fr;
	}
}