/*
 * Vloershop Core — globale basis.
 *
 * Sommige thema's zetten een agressieve reset als `img, svg { max-width:100%;
 * height:auto }`. In smalle flex-containers (knoppen, USP-vinkjes, icoontjes)
 * drukt dat onze inline-SVG's plat tot 0px of vervormt ze, waardoor ze
 * "gevuld"/misvormd lijken. We beschermen daarom uitsluitend onze eigen
 * vs-iconen: ze houden hun eigen breedte/hoogte aan en mogen niet krimpen.
 * Strikt gescopet op `[class*="vs-"]` zodat thema-iconen ongemoeid blijven.
 */
[class*="vs-"] svg {
    max-width: none;
    flex: none;
}

/* SVG's die expliciet op stroke (lijntekening) leunen, mogen nooit een
 * volvlak-fill van het thema krijgen. Onze iconen zetten zelf `fill="none"`
 * inline; dit dwingt het af mocht een thema het met hoge specificiteit
 * proberen te overschrijven. */
[class*="vs-"] svg[fill="none"],
[class*="vs-"] svg [fill="none"] {
    fill: none !important;
}