/**
 * WooCommerce product thumbnails.
 * Preserved from the previous child theme style.css.
 */
.thumbnail_container {
    aspect-ratio: 0.94;
}

/* 50-shop.css
 * Generated from the active LibertyRoots Code Snippets export.
 * Each block keeps the original snippet ID for safe comparison and future cleanup.
 */

/* ============================================================
 * Original Snippet ID 52: WooCommerce - Shop Seite - In den Wahrenkorb Button in der Shop übersicht ausblenden CSS
 * In den Wahrenkorb Button in der Shop übersicht ausblenden und höhe des Produkt Titels anpassen
 * ============================================================ */
/*add to card auf shopseite ausblenden bei produkten*/
	.avia_cart_buttons{display:none;}
	#top .inner_product_header {min-height: 70px; padding-bottom: 5px;}


/* ============================================================
 * Original Snippet ID 83: WooCommerce - Shop Mobile Ready: Produkt Column-3 CSS (Version2)
 * WooCommerce - Shop Mobile Ready: Produkt Column-3 CSS
 * ============================================================ */
/* Sidebar Abstand zu Content kleiner */
	.sidebar_left .inner_sidebar {margin-right: 15px;}
	.sidebar_right .inner_sidebar {margin-left: 15px;}
	
	/* Container Seitenabstand kleiner (Sidebar und Content) */
	@media only screen and (max-width: 1279px) {
		.sidebar_left .inner_sidebar {margin-right: 0px;}
		.sidebar_right .inner_sidebar {margin-left: 0px;}
		#top .template-shop .container {
    		padding-left: 30px;
    		padding-right: 30px;}
		/*div.avia-section:nth-child(3) > div:nth-child(1) {
			padding-left: 30px;
    		padding-right: 30px;}*/}
	
	/*PRODUKT SPALTEN ANPASSEN SHOPSEITE*/
	/*Layout Produkt Übersicht 2 Produkte pro Zeile anzeigen*/
@media only screen and (max-width: 767px) {
	.responsive #top #main .products .product {
    	margin: 0 0 20px 0;
    	width: 49%;
    	margin-right: 1%;
	}
	.responsive #top .products .product:nth-child(odd) {
    clear: both !important; }
	
	/*Bannerbild von Blogbeiträgen*/
	.big-preview.single-big {padding: 0 0 10px 0;}}
	
	/*Layout Produkt Übersicht 1 Produkt pro Zeile*/
	@media only screen and (max-width: 319px) {
	.responsive #top #main .products .product {
    margin: 0 0 20px 0 !important;
    width: 100% !important;	}}
	
	/*Layout Produkt Übersicht Ränder anpassen*/
	#top .inner_product_header {padding: 5px !important;}

	
	@media only screen and (max-width: 479px) {
	.responsive #top #wrap_all .container {
	width: 94%;
	max-width: 94%;
		}}


/* ============================================================
 * Original Snippet ID 73: WooCommerce - Shop Produkt Rückseite Hover Hintergrund
 * Hintergrund Produkt Hover Shopseite weiß anstatt transparent
 * ============================================================ */
/* Hintergrund Produkt Hover Shopseite */

	#top .thumbnail_container img {
		background: white;
		/*background-image: radial-gradient(farthest-corner at 50% 222%, rgba(0,0,0,0.2) 15%, transparent 55%);*/
	}


/* ============================================================
 * Original Snippet ID 69: WooCommerce - Thumpnails von Variation Swatches Responsive (Mobil) CSS
 * Thumpnails von Variation Swatches auf Shopseite und bei Ähnlichen Produkte auf Produktseite Korigieren in Responsive für max. 45 Produkte
 * ============================================================ */
/*Korigieren der Thumpnails von Variation Swatches*/
	
	ul.products li { margin-bottom: 5px ; }

	li.product:nth-child(n) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(n) { width: 30% !important ; max-width: 67px; margin-right: 1.5%; margin-left: 1.5%; }

	li.product:nth-child(n) > div:nth-child(1) > ul:nth-child(2) > li:nth-child(n) > a:nth-child(1) > div:nth-child(1) { width: 100% !important ; height: 100% !important ; max-width: 60px; }


/* ============================================================
 * Original Snippet ID 211: WooCommerce • Produkt Optik im Shop anpassen • CSS Snippet 
 * Produkt Optik anpassen
 * ============================================================ */
/* Page Thumbnail Shopseite ausblenden */
	.page-thumb{
		display: none;
	}

	/* Produkt Optik im Shop anpassen */
		
	.inner_product {
		border-radius: var(--radius-element-klein) !important;
		transition: var(--uebergang-button) !important;
		border: none !important;
	}
		
	
	.inner_product:hover {
				    box-shadow: var(--button-3d-hover) !important;
			-webkit-box-shadow: var(--button-3d-hover) !important;
			   -moz-box-shadow: var(--button-3d-hover) !important;
	}
	
	
	.inner_product_header {
		background: transparent !important;
	}
	
	
	.iconic-wqv-button {
		border: none !important;
		width: 100%;
		background-color: rgba(127, 127, 127, 0.1) !important;
		transition: var(--uebergang-button) !important;
		
			    	box-shadow: var(--button-3d) !important;
			-webkit-box-shadow: var(--button-3d) !important;
			   -moz-box-shadow: var(--button-3d) !important;
	}
	
	
	.iconic-wqv-button:hover {
		background-color: rgba(127, 127, 127, 0.1) !important;
		
					box-shadow: var(--button-3d-hover) !important;
			-webkit-box-shadow: var(--button-3d-hover) !important;
			   -moz-box-shadow: var(--button-3d-hover) !important;
	}