/* meka-site: kleine Korrekturen am Theme-Layout */

/* Hauptmenü: passte in DE (und EN) nicht in eine Zeile (~720 px Platz, ~830 px Bedarf).
   Ab 1280 px (darunter Hamburger-Menü, siehe deploy/migrations/2026-10-20-menu-breakpoint.php):
   Sprachumschalter nur mit Flagge (Text bleibt für Screenreader), engere Abstände. */
@media (min-width: 1280px) {
	#mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-wpml-ls-item > a.mega-menu-link .wpml-ls-display {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}
	html #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item > a.mega-menu-link {
		padding-left: 8px;
		padding-right: 8px;
	}
}

/* Katalog: Produktbilder sind nur ~160 px groß und wurden bis auf 550 px hochskaliert (unscharf).
   Feste Breite bis 300 px (knapp doppelte Größe, auf Retina-Displays scharf), zentriert. Das Theme-Skript setzt Inline-Maße. */
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
	width: min(100%, 300px) !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 auto;
	display: block;
}

/* Katalog-Übersicht unter Desktop-Breite: Raster statt 6 fester Spalten
   (bisher: 800 px = 6 Spalten mit abgeschnittenen Namen, Handy = 2 riesige Kacheln, Seite ~14.000 px lang). */
@media (max-width: 1279px) {
	.woocommerce ul.products.vamtam-wc.columns-6 {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		column-gap: 20px;
	}
	.woocommerce ul.products.vamtam-wc.columns-6::before,
	.woocommerce ul.products.vamtam-wc.columns-6::after {
		display: none;
	}
	.woocommerce ul.products.vamtam-wc.columns-6 li.product {
		width: auto !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		float: none !important;
		clear: none !important;
	}
}
@media (max-width: 600px) {
	.woocommerce ul.products.vamtam-wc.columns-6 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: 12px;
	}
	.woocommerce ul.products.vamtam-wc.columns-6 li.product .woocommerce-loop-product__title {
		font-size: 14px;
		line-height: 1.3;
	}
}