/**
 * Reparaties op de opmaak van plugins van derden.
 *
 * De selectors staan bewust twee klassen diep. De regels die we corrigeren
 * staan in een inline <style> van de plugin zelf, met selectors van één
 * klasse. Twee klassen diep winnen we altijd, ongeacht in welke volgorde de
 * stijlen op de pagina belanden.
 */

/* ---------------- SportlinkPress: het scoreblok op een wedstrijdpagina ----------------
 *
 * SportlinkPress geeft `.sp-club-logo` een vaste breedte van 150px, en 90px
 * onder de 480px. Staat het blok in een smalle kolom, dan passen twee van die
 * kolommen plus de score er niet naast elkaar, en omdat de rij niet mag
 * afbreken knijpt de browser ze samen tot een paar pixels. De clubnaam brak
 * daardoor per letter af: "Da / lto / /K / lav / er".
 *
 * Met een flexibele basis verdelen de twee clubkolommen de ruimte die er wel
 * is. De bovengrens van 150px houdt het ontwerp op brede schermen intact.
 * Dit werkt op elke breedte, dus ook als dit blok ooit in een andere kolom
 * belandt.
 */

.sp-wrapper .sp-club-logo {
	width: auto;
	flex: 1 1 0;
	min-width: 0;
	max-width: 150px;
}

/* Op een telefoon maken we het midden smaller, zodat er meer overblijft
   voor de clubnamen zelf. */
@media ( max-width: 767px ) {
	.sp-wrapper .sp-match-score {
		padding: 10px 0;
		gap: 6px;
	}

	.sp-wrapper .sp-club-logo img {
		height: 48px;
	}

	.sp-wrapper .sp-club-score {
		min-width: 26px;
		font-size: 26px;
	}

	.sp-wrapper .sp-score-separator {
		padding: 0 2px;
		font-size: 18px;
	}
}