/*message feld farblich an warenkorb angepasst!*/
.woocommerce-message,
.woocommerce-error,
.woocommerce-info{
  background-color:white;
  border-radius:3px;
  border-width:0px;
  box-shadow: 1px 1px 4px 1px var(--ast-global-color-0);
}
.woocommerce-error,
.woocommerce-info{
  box-shadow: 1px 1px 4px 1px var(--ast-global-color-9);
}

.woocommerce-error::before,
.woocommerce-info::before{
  color:var(--ast-global-color-9) !important;
}

/*Container oben gekürtzt*/
.woocommerce-page .primary .site-main .ast-woocommerce-container{
  padding:0px !important;
  margin: 0 !important;
}
/*Shop Außenabstand vergrößert*/
.ast-woocommerce-container{
  --padding: 5.34em 2.67em !important;
}

/*breadcrumb*/
.woocommerce-page .primary .site-main .ast-woocommerce-container .woocommerce-breadcrumb {
  font-weight:bold;
  margin-left: -2.14em;
  margin-right: -2.14em;
  padding:10px 2.14em;
  margin-bottom:0 !important;
  border-radius: 3px 3px 0 0;
}


/*Kategorie Textkasten Beschreibung auf der Kategorie*/
.woocommerce ul.products li.product.product-category > a .woocommerce-loop-category__title,
.woocommerce-page ul.products li.product.product-category > a .woocommerce-loop-category__title {
  	border-radius:3px;
	--background-color: rgba(255,255,255,70%);
	background-color:transparent;
	line-height: 1.1em;
	bottom: 0.5em;
	padding: 0.3em 0 0.2em 0;
	font-size:0.85em;
	left:0.5em;
	right:0.5em;
}

/*kategorie-TextKasten auf dem Bild im Shop :: hover*/
.woocommerce ul.products li.product.product-category > a:hover .woocommerce-loop-category__title,
.woocommerce-page ul.products li.product.product-category > a:hover .woocommerce-loop-category__title{
  background-color: rgba(162,190,184,60%);
  color:black;
}

/*kategorie-TextKasten anzahl*/
.woocommerce ul.products li.product .woocommerce-loop-category__title .count, 
.woocommerce-page ul.products li.product .woocommerce-loop-category__title .count{
  opacity: 0.8;
}
/*kategorie-TextKasten anzahl hover*/
.woocommerce ul.products li.product.product-category > a:hover .woocommerce-loop-category__title >a.hover .count , 
.woocommerce-page ul.products li.product.product-category > a:hover .woocommerce-loop-category__title .count {
  color: black;

}
/*Kategorie und Produkt Bild im Shop*/
.woocommerce ul.products li.product a img, 
.woocommerce-page ul.products li.product a img,
.woocommerce img, 
.woocommerce-page img {
  border-radius:3px;
}

/*Spalten anpassen neu mehr Kategorie als Produktspalten!!!*/
/*Spalten Anpassen bei 4 Kategorie Spalten -> 5 Produkt Spalten*/
/*pc*/
@media (min-width: 923px){
  	/**.woocommerce ul.only-products.columns-4{
    grid-template-columns:repeat(4,1fr) !important;
  	}*/
	.woocommerce .only-categories ul.columns-4, 
	.woocommerce .only-categories ul.columns-5,
	.woocommerce .only-categories ul.columns-3 {
		grid-template-columns:repeat(6,1fr) !important;
	}

}
/*tablet*/
@media (max-width:922px) and (min-width:545px){
  /**.woocommerce ul.only-products.columns-4 {
    grid-template-columns:repeat(4,1fr) !important;
  }*/
	.woocommerce .only-categories ul.columns-4, 
	.woocommerce .only-categories ul.columns-5,
	.woocommerce .only-categories ul.columns-3 {
		--grid-template-columns:repeat(3,1fr) !important;
		--grid-template-columns: repeat(4, minmax(0,1fr)) !important;
	}
  
}
/*Handy immer 2 Spalten für Kategorie*/
@media (max-width:544px){
  /*.woocommerce ul.only-products {
    grid-template-columns:repeat(2,1fr) !important;
  }*/
	.woocommerce .only-categories ul.columns-4, 
	.woocommerce .only-categories ul.columns-5,
	.woocommerce .only-categories ul.columns-3{
    	grid-template-columns:repeat(2,1fr) !important;
  	}
  
}

/*Kategoriebilder im shop abheben*/
.woocommerce .only-categories ul.products li.product a img{
	box-shadow:2px 2px 8px 1px var(--ast-global-color-0);
}




/*Titel Artikel Vorschau */
.astra-shop-summary-wrap .ast-loop-product__link > h2 {
  text-align:center;
  padding: 10px !important;
  border-radius:2px;
}
.astra-shop-summary-wrap .ast-loop-product__link > h2:hover {
  background-color:var(--ast-global-color-7);
  color:var(--ast-global-color-8);
}

/*Preis nach rechts*/
.astra-shop-summary-wrap .price{
  text-align:center;
}

/*rating stars Farbe ausgefüllt globale einstellungen*/
.woocommerce .star-rating::before{
  color: var(--ast-global-color-9);
  content:  "s s s s s";
}
/*Farbe ausgefüllte sterne*/
.woocommerce .star-rating {
  color:var(--ast-global-color-9);
  width:6.5em;
}

/*Star rating nur der rand*/
.woocommerce .star-rating span::before{
	content:  "S S S S S ";
}
/*starrating mittig beim shop*/
.astra-shop-summary-wrap .star-rating {
	margin-left:auto !important;
	margin-right:auto!important;
}

/*Produkt titel,preis und button mittig!*/
.astra-shop-summary-wrap {
	text-align:center;
}

/*Button*/
.only-products  .astra-shop-summary-wrap  a.button {
	background-color:var(--ast-global-color-5) !important;
	color:var(--ast-global-color-3) ;
	border:1px solid var(--ast-global-color-7);
	box-shadow: 1px 1px 2px 1px var(--ast-global-color-0)
}
.only-products .astra-shop-summary-wrap a.button:hover{
	background-color:var(--ast-global-color-7)!important;
	color:var(--ast-global-color-8);
	border:1px solid var(--ast-global-color-0) !important;
}

/*Rating Bereich stylen*/
#review_form_wrapper #review_form {
	border-radius:3px;
}
.woocommerce textarea {
	border-radius:3px;
}

/*sternchen (required element)!!
* js skript fügt text hinzu!*/
.woocommerce .required {
	color:var(--ast-global-color-9) !important;
	font-weight:bold;
	font-size:1.2em;
	cursor: help; 
}



/*TESTEN DAS HAT KEINE FUNKTION?*/
/*Neueste Produkte im Handy auch 2 spaltig*/
@media (max-width:544px) {
  aside.after-content
  .wc-block-grid.has-2-columns .wc-block-grid__product{
    flex:1 0 50% ;
    width:50%;
  }
  aside.after-content	.wc-block-grid__products{
    display:flex !important;
  }
}
/* vor kurzem angesehene Produkte*/
aside.after-content ul.product_list_widget li {
  border:none;
} 

/*Anzeige wievile Produkte und sortieren nicht anzeigen*/
/*.woocommerce-ordering,*/
.woocommerce-result-count {
	display:none;
}


/**
*Einzelnes Produkt Seite angepasst! 
*/

/*Titel etwas Abstand oben und unten*/
.ast-article-single.product h1.product_title.entry-title{
	margin-bottom: 30px;
	margin-top: 20px;
}

/*Handy Abstand zu den Seiten angepasst!*/
@media (max-width:544px){
	.ast-woocommerce-container{
    padding:15px !important;
  }
}

/*Farbblock um die Tabs Zusatz - Informationen */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
	bottom:3px;
	left:3px;
	top:auto;
	border-radius:3px;
	height:5px;
	box-shadow:1px 1px 3px 0px var(--ast-global-color-7);
  background-color:var(--ast-global-color-7);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	color:var(--ast-global-color-7);
}
/*Breitere tabs für die Farbe*/
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  padding:0 10px;
}

/*Bei den Informationen vorhanden border entfernt*/
.woocommerce-tabs ul{
  border:none !important;
}
/*Handy Bewertungsblock unterhalb anzeigen */
@media (max-width:544px){
  .woocommerce-Reviews {
     display:initial !important;
  }
}


/*Alte Anzeige über ausverkauft oder nicht verfügbar ausgeblendet!!*/
.ast-shop-product-out-of-stock,
.ast-stock-detail {
	display:none;
}


/**
* Ausverkauft  
* coming-soon
* bald wieder da
* angebot Label auf der Produkt und Shop seite*/
/*allgemein */
.product .stock,
.wc-block-grid__product-onsale{
	white-space: nowrap;
	position:absolute;
	z-index:9;
	font-family: 'Love Ya Like a Sister';
}
/*produktseite allgemein*/
div.product .stock{
	top:6%;
	right:50%;
	left:auto;
}
/*shop seite allgemein
* ohne coming soon und on sale*/
li.product .stock:not(.coming-soon):not(.onsale){
	top:6%;
	right:-3px;
 	z-index:10;
}
/*Produkt und shop seite comming soon*/
div.product .stock.coming-soon,
li.product .stock.coming-soon{
	top:auto;
	bottom:50%;
	left:0em !important;
	right:0em !important;
	border-radius:25px;
	transition:background 0.3s;
	background-color:rgba(30,30,30,0.57);
	box-shadow: 0px 0px 10px 0px #303030;
	border:8px solid white;
	transform:rotate(20deg);
	color:var(--ast-global-color-5);
	text-align:center;
	padding-top: 10px !important;
	padding-bottom:10px !important;
	vertical-align:middle;
	font-weight:bold;
}

/*Produktseite coming soon*/
div.product > .stock.coming-soon{
	top:250px;
	bottom:auto;
	right:50% !important;
	font-size:3em;
}
@media (max-width: 922px){
	div.product > .stock.coming-soon{
		right:0 !important;
	}		
}@media (max-width:544px){
	div.product > .stock.coming-soon{
		font-size:0.8em;
	}		
}

/*Produkt und Shop seite onsale*/
div.product .stock.onsale,
li.product .stock.onsale,
.wc-block-grid__product-onsale{
  top:-5px !important;
  bottom: auto;
  left:1em !important;
  right:auto !important;
  padding:0 !important;
  background-color: rgba(162,190,184,0.7);
  background-image:url("https://kleine-stiche.de/wp-content/uploads/2022/03/LederMitNaht.jpeg");
  background-size:250px;
  background-repeat:no-repeat;
  background-position:top;
  height:55px;
  width:70px;
  margin: 0 !important;
  min-height: 1em !important;
  line-height:2.5em !important;
  padding-top:15px !important;
  color:var(--ast-global-color-8) !important;
  font-weight:bold !important;
  border-radius:0 0 3px 3px !important;
  box-shadow:0px 2px 5px 1px var(--ast-global-color-8);
}
/*Produktseite on sale*/
div.product .stock.onsale {
	top:50px !important;
	right:52% !important;
	left:auto !important;
}


/* Globale einstellung stocks,
 * ohne coming soon und on sale für 
 * Produkt und shop seite*/
div.product .stock:not(.coming-soon):not(.onsale),
li.product .stock:not(.coming-soon):not(.onsale) {
  background-image:url("https://kleine-stiche.de/wp-content/uploads/2022/03/LederMitNaht.jpeg");
  background-size:250px;
  background-repeat:no-repeat;
  background-position:bottom right;
  background-color:var(--ast-global-color-7);
  font-weight:bold;
  color:black !important;
  border-radius: 99px 2px 2px 99px;
  width: fit-content;
  padding: 5px 20px; 
  box-shadow:-1px 1px 4px 2px var(--ast-global-color-2);
}


/*Herzchen an die Stocks, außer on sale*/
.product .stock:not(.onsale)::before{
	content: '\f487';
	font-family:'dashicons';
	min-height:2.3em !important;
	text-align:center;
	vertical-align:middle;
	padding-right:8px;
}

/*ab Tablet etwas anders*/
@media (max-width:922px){
  /*allgemein*/
  .stock {
    padding:0px 10px!important;
  }
  /*Produkt seite*/
  div.product .stock{
    right:0;
    left:auto;
  }
  /*shop seite alle*/
  li.product .stock {
    font-size:0.8em;
  }
  /*shop seite ausverkauft*/
  li.product .out-of-order, 
  li.product .out-of-stock {
    top:15%;
  }
  /*shop seite  comming soon*/
  li.product .stock.coming-soon {
    transform:rotate(40deg);
    left:0;
    right:0;
  }
  /*shop seite on sale*/
  li.product .stock.onsale{
    width: 50px;
    height:45px;
  }
}
/*Nur Handy*/
@media (max-width:544px){
  /*allgemein*/
  div.product .stock{
    top:8%;
  }
	li.product .stock.coming-soon {
		 font-size:0.8em;
	}
}

/*Produkt seite Lupe weg machen*/
.woocommerce-product-gallery__trigger {
	display:none;
}
/*Produkt seite Hover über dem bild austellen!*/
.woocommerce-product-gallery__wrapper .customize-unpreviewable  img{
	display:none;
}


/*bereits gekauft gekennzeichnet*/
.buyed{
	text-align:center;
}
.ast-article-single .summary .buyed
{
	font-weight:bold;
	background-color:var(--ast-global-color-9);
	border-radius:2px;
}


/*Shop Produkte und Kategorien etwas anpassen!*/
/*Nur PC*/
@media (min-width:921px){
	.only-categories {
		border-color:var(--ast-global-color-6);
    padding-bottom:2.6em
	}
	.only-categories ul.products{
	align-content:center;
		align-items:center;
		margin-bottom:0px !important;

	}
	.only-categories ul.products li, .only-categories ul.products li img{
		margin-bottom:0px !important;
	}
}

/*Nur Tablet*/
@media (max-width: 922px) and (min-width:545px){
	div.ast-woocommerce-container {
		margin:0px -2em !important;
	}
	/*Grid anpassen läuft am Rand raus!*/
	div.ast-woocommerce-container ul.only-products {
		column-gap:10px;
	}
}


/*TinyPrints Teaser auf den Kategorie seiten im Text*/
/* Nur für die Kategorie "3D-Druck" */
.term-3d-druck .ks-category-teaser {
    border: 4px;
    border-top: solid;
    border-bottom: solid;
    border-color: #c9d8cf;
   
}


/** Upsells ändern auf allen Produktseiten
*das könnt dir gefallen & Ähnliche Produkte
*/
/*Line oberhalb einfügen als optische Trennung*/
 .shop_image_upsells:before {
	content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ccc;
    margin: 14px auto 65px;
}
/*Überschrift mittig*/
.shop_image_upsells h2{
	font-size: 1.38rem !important;
	text-align:center;
	padding-bottom:30px;
}

/*Preis ausblenden*/
.related.products ul.products li.product .price,
.up-sells ul.products li.product .price  {
	display:none !important;
}

/*Handy "das könnt dir gefallen & Ähnliche Produkte" 2 Spaltig*/
@media (max-width:544px){
  .up-sells .shop_title_style,
  .related.products .shop_title_style {
     padding:10px 5px;
  }
  /*nur zwei spalten*/
  .up-sells .columns-4 ,
  .related.products .columns-4 {
	grid-template-columns: repeat(2,1fr) !important;
  }
}
/*Abstand zum Widget "Mehr aus meinem Shop" etwas verkleinern, war so weit weg*/
.ast-separate-container #primary,
.ast-woocommerce-container {
	padding-bottom:0px !important;
}
/*Widget-Separator an den aus dem Produkttexten anpassen*/
.wp-block-separator{
	border-top:1px solid #ccc;
	background-color: inherit;
}

/*Etsy Hinweis styling*/
.etsy-review-hinweis{
    margin-top:40px;
    padding:20px;
    background:#e4f1ec;
    border-radius:12px;
    text-align:center;
    line-height:1.7;
    font-size:15px;
	margin-bottom: 30px;
}

.etsy-review-hinweis a{
    color:#6d7c6b;
    text-decoration:none;
    border-bottom:1px solid #c8cec6;
}

.etsy-review-hinweis a:hover{
    opacity:0.8;
}