/*
 * Divi's Produktbild-Modul (.et_pb_wc_images) setzt "overflow: visible" auf
 * die Thumbnail-Liste und hebt damit WooCommerce's eigenes Clipping auf.
 * Bei vielen Bildern wächst die Liste dadurch unbegrenzt und läuft in den
 * Footer. Wir begrenzen die Höhe/Breite per JS auf die Größe des
 * Hauptbildes (siehe gallery-fix.js) und machen die Liste bei Überlauf
 * scrollbar, damit weiterhin alle Bilder erreichbar bleiben.
 */
.jm-wgf-clip--vertical {
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.jm-wgf-clip--horizontal {
	overflow-x: auto !important;
	overflow-y: hidden !important;
}

.jm-wgf-clip--vertical,
.jm-wgf-clip--horizontal {
	scrollbar-width: thin;
}

.jm-wgf-clip--vertical::-webkit-scrollbar {
	width: 6px;
}

.jm-wgf-clip--horizontal::-webkit-scrollbar {
	height: 6px;
}

.jm-wgf-clip--vertical::-webkit-scrollbar-thumb,
.jm-wgf-clip--horizontal::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 3px;
}