/*!
 * Heterobos — Profielweergaven (stat-kaart)
 *
 * Waarom een eigen bestand en niet een regel in profile-heterobos.css:
 * die stylesheet wordt geserveerd met één vaste ?ver= voor de hele site
 * (LiteSpeed herschrijft de versie), waardoor elke wijziging daar tot een
 * jaar in de browsercache van bestaande bezoekers blijft hangen. Dit bestand
 * wordt geënqueued met filemtime() als versie, dus een wijziging hier is
 * meteen zichtbaar.
 *
 * De stats-strip stond op `display:flex`, waardoor een achtste kaart de rij
 * dichtkneep in plaats van te wrappen. Hier een grid met minimumbreedte:
 * vier per rij op desktop, drie op tablet, twee op mobiel.
 */

body.hb-profile-v3 .hb-stats-strip {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
	gap: 10px !important;
	align-items: stretch;
}

body.hb-profile-v3 .hb-stat-card {
	min-width: 0;
}

body.hb-profile-v3 .hb-stat-sub {
	margin-top: 2px;
	font-size: 11px;
	line-height: 1.2;
	color: var(--hb-text-muted, #9a8f88);
	opacity: .85;
}

body.hb-profile-v3 .hb-stat-views {
	cursor: default;
}

@media (max-width: 900px) {
	body.hb-profile-v3 .hb-stats-strip {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (max-width: 560px) {
	body.hb-profile-v3 .hb-stats-strip {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* e-mailstatus-kaart: alleen voor de eigenaar en beheerders */
body.hb-profile-v3 .hb-stat-email {
	cursor: default;
}
body.hb-profile-v3 .hb-stat-email .hb-stat-num {
	font-size: 21px;
	line-height: 1.15;
	font-weight: 600;
}
body.hb-profile-v3 .hb-stat-email.is-ok .hb-stat-num {
	color: #4ec27a;
}
body.hb-profile-v3 .hb-stat-email.is-wacht .hb-stat-num {
	color: #e0a33a;
}
body.hb-profile-v3 .hb-stat-email.is-wacht {
	border-color: rgba(224, 163, 58, .34);
}