/*
 * Waste2Green: W2G Top N (periode automatisch), widget w2g-top-periode.
 * Bouwt voort op .w2g-top uit w2g-elementor.css. De widget staat ín Jefels crème kaart
 * (Home new 1725, Hoe werkt het 1753), dus zonder eigen achtergrond en padding.
 * Maten volgen Jefels rijen: plek-rondje 39px met cijfer van 20px, tekstkolom 84% breed.
 */

.w2g-top.w2g-top--in-kaart {
	padding: 0;
	border-radius: 0;
	background: none;
}

.w2g-top--in-kaart .w2g-top__rank {
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
}

.w2g-top--in-kaart .w2g-top__body {
	flex: 0 1 84%;
}

.w2g-top--in-kaart .w2g-top__sub {
	white-space: nowrap;
}

/* De eigen school (ingelogd) krijgt een groene rand. */
.w2g-top--in-kaart .w2g-top__item.is-eigen {
	box-shadow: inset 0 0 0 2px var(--w2g-green);
}

.w2g-top--in-kaart .w2g-empty {
	padding: 16px 0 0;
}

.w2g-top--in-kaart .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 767px) {
	.w2g-top.w2g-top--in-kaart { padding: 0; }
	.w2g-top--in-kaart .w2g-top__body { flex: 1 1 auto; }
	.w2g-top--in-kaart .w2g-top__title { font-size: 20px; }
}