/*
 * CSS strict structural - nu setam culori, fonturi sau dimensiuni de text,
 * ca elementele sa mosteneasca stilul temei (h3, a, ul/li standard).
 * Aici tinem doar layout-ul de baza si comportamentul de afisare/ascundere.
 */

.doc-scoala-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 1.5em;
}

.doc-scoala-tab {
	cursor: pointer;
}

.doc-scoala-list {
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.doc-scoala-card {
	padding: 1em;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.doc-scoala-title {
	margin: 0 0 0.25em;
}

.doc-scoala-meta {
	opacity: 0.7;
	margin-bottom: 0.5em;
}

.doc-scoala-fisiere {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6em;
	margin-top: 0.75em;
}

.doc-scoala-fisier {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.5em 0.8em;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.03);
	text-decoration: none;
	color: inherit;
	max-width: 100%;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.doc-scoala-fisier:hover,
.doc-scoala-fisier:focus {
	background: rgba(0, 0, 0, 0.08);
	border-color: rgba(0, 0, 0, 0.2);
	color: inherit;
}

.doc-scoala-fisier-icon {
	font-size: 1.3em;
	line-height: 1;
	flex-shrink: 0;
}

.doc-scoala-fisier-info {
	display: flex;
	flex-direction: column;
	line-height: 1.25;
	min-width: 0;
}

.doc-scoala-fisier-nume {
	font-size: 0.92em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 220px;
}

.doc-scoala-fisier-tip {
	font-size: 0.72em;
	opacity: 0.6;
	letter-spacing: 0.03em;
}

@media (prefers-color-scheme: dark) {
	.doc-scoala-fisier {
		border-color: rgba(255, 255, 255, 0.15);
		background: rgba(255, 255, 255, 0.05);
	}
	.doc-scoala-fisier:hover,
	.doc-scoala-fisier:focus {
		background: rgba(255, 255, 255, 0.1);
		border-color: rgba(255, 255, 255, 0.25);
	}
}