/* ===============================================================
   CORRECTIES OP DE WINKEL

   Eigen bestand, en niet achteraan style.css. Twee redenen:

     1. style.css staat alleen op de server en wordt daar met de hand bijgewerkt.
        Nog een blok eraan vastplakken is hoe een projectmap en een server uit
        elkaar gaan lopen.
     2. LiteSpeed voegt stylesheets samen en levert die uit een eigen cache. Een
        wijziging in style.css kwam daardoor niet door, ook niet na het legen van
        de paginacache. Dit bestand wordt ingeladen met filemtime als versie, dus
        elke wijziging krijgt vanzelf een nieuw adres.
   =============================================================== */

/* ---------------------------------------------------------------
   De foto blijft zichtbaar bij aanwijzen

   Wat er misging: het kindthema zet op alle .image-tools een bottom, en Flatsome
   geeft een van die blokjes de klasse "top", wat top:0 betekent. Een absoluut
   gepositioneerd element met top én bottom rekt zich uit over de volle hoogte.
   Met een dekkende achtergrond werd de hele productfoto zwart zodra je eroverheen
   ging: 201 pixels zwart over een foto van 214.

   Twee dingen dus. De balk mag alleen onderaan hangen, en hij mag doorschijnend
   zijn zodat de foto eronder zichtbaar blijft. Het effect hoort de foto aan te
   vullen, niet te vervangen.
   --------------------------------------------------------------- */

.product-small .col-inner .image-tools,
.product-small .col-inner .quick-view {
	/* Alleen aan de onderkant vastzetten. Dit moet zwaarder wegen dan de regel
	   van Flatsome die top:0 zet, vandaar de extra .col-inner ervoor. */
	top: auto;
	height: auto;
	background: rgba(14, 12, 10, .72);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
}

.product-small .col-inner .quick-view:hover {
	background: rgba(143, 92, 43, .92);
}

/* Hier stond een regel die de eerste foto altijd op volle sterkte hield. Die was
   overbodig, want het zwart kwam van de overlay hierboven en niet van een fade.
   Erger nog: bij een product met een tweede foto in de galerij vervaagt die
   tweede eroverheen, en dan zag je ze allebei door elkaar. Zichtbaar bij de
   Kinnimo-elastiekjes, waar de hoofdfoto 300x235 is en de tweede 300x300.

   Flatsome regelt de wisseling zelf. Wij blijven eraf. */

/* Flatsome zet drie van die blokjes in elke kaart en vult er meestal maar een.
   De lege hielden wel hun achtergrond, wat een donker strookje over de foto gaf.
   Geen inhoud, geen vlak. */
.product-small .col-inner .image-tools:not(:has(a)):not(:has(button)) {
	display: none;
}