/*
Theme Name: Divi Child
Theme URI: https://infinity-webdesign.ch
Description: Child-Theme für Divi
Author: Dein Name
Author URI: https://infinity-webdesign.ch
Template: Divi
Version: 1.0.0
*/






html, body {
    overflow-x: hidden !important; /* Deaktiviert horizontales Scrollen */
    width: 100% !important; /* Stellt sicher, dass nichts über die Breite hinausgeht */
}
#page-container {
	overflow-x: hidden !important;
}





/*HEADER DESIGN HOME / SHOP*/
.xoo-wsc-sc-subt {
  display: none;
}
.xoo-wsc-cart-trigger {
  margin-left: 50%;
}
/* Standard Header auf der Home- und Shop-Seite (Nicht Sticky) */
.home .xoo-wsc-sc-count,
.woocommerce-shop .xoo-wsc-sc-count {
    background-color: #ffffff !important; /* Weißer Hintergrund */
    color: #2c2c2c !important; /* Schwarzer Text */
}
.home .xoo-wsc-sc-bki.xoo-wsc-icon-cart2,
.woocommerce-shop .xoo-wsc-sc-bki.xoo-wsc-icon-cart2{
      filter: brightness(0%) invert(100%);
}

/* Sticky Header auf der Home- und Shop-Seite */
.home .et_pb_sticky .xoo-wsc-sc-count,
.woocommerce-shop .et_pb_sticky .xoo-wsc-sc-count {
    background-color: #2c2c2c !important; /* Dunkler Hintergrund */
    color: #ffffff !important; /* Weißer Text */
}
.home .et_pb_sticky .xoo-wsc-sc-bki,
.woocommerce-shop .et_pb_sticky .xoo-wsc-sc-bki {
    filter: none !important;
}


/*HEADER DESIGN HOME / SHOP END*/














/*PRODUCT PAGE*/
/*Auswahl Produkt Farbe*/
.image-list {
    list-style: none;
    padding: 0 !important; /* Entfernt jegliches Padding */
    margin: 0; /* Falls Margin vorhanden ist, entfernen */
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between; /* Sorgt für gleichmäßige Abstände */
}

.image-list li {
    flex: 1 1 calc(12.5% - 4px); /* Gleichmäßige Breite mit Abstandskorrektur */
    max-width: calc(12.5% - 4px);
    display: flex;
    justify-content: center; /* Bild im LI zentrieren */
    align-items: center;
    margin: 0 2px; /* Abstand zwischen den Elementen */
}

/* Erstes Element: Kein linker Abstand */
.image-list li:first-child {
    margin-left: 0 !important;
}

/* Letztes Element: Kein rechter Abstand */
.image-list li:last-child {
    margin-right: 0;
}

.image-list img {
    width: 100%; /* Bild passt sich an */
    max-width: 80px; /* Optional: Bildgröße begrenzen */
    height: auto;
    display: block;
}

.et_pb_module.et_pb_code.et_pb_code_3 {
	margin-bottom: 30px !important;
}







/*GRAVUR UND PREISBERECHNUNG*/
tr.wapo-total-order > th {
	display: none;
}

#wapo-total-order-price {
	font-size: 18px;
	font-weight: 600;
	padding: 0px 0px 5px 0px !important;
}

#yith-wapo-1-0 {
	padding: 7px 10px;
}

#yith-wapo-option-1-0 > div > div.option-container > label > small > span:nth-child(1),
#yith-wapo-option-1-0 > div > div.option-container > label > small > span.woocommerce-Price-amount.amount,
#yith-wapo-option-1-0 > div > div.option-container > label > small > span.sign.positive,
#yith-wapo-option-1-0 > div > div.option-container > label > small > span.woocommerce-Price-amount.amount > span,
#yith-wapo-option-1-0 > div > div.option-container > label > small > span:nth-child(4) {
    font-weight: 400 !important;
}

#yith-wapo-option-1-0 > div > div.option-container > label > small > span.woocommerce-Price-amount.amount::after {
    content: " / Zeichen";
    font-weight: 400 !important;
}





/*ACCORDION ICON*/
.tab-icons .et_pb_tabs_control li a {
padding: 4px 50px;
}







/*WEITERE PRODUKTE FARBEN*/
.image-list-2 {
    list-style: none;
    padding: 0 !important; /* Entfernt jegliches Padding */
    margin: 0 0 0 auto; /* Rechtsbündig ausrichten */
    display: flex;
    flex-wrap: nowrap; /* Kein Umbruch, alle Elemente bleiben in einer Zeile */
    min-width: 350px; /* Mindestbreite der Liste */
    justify-content: flex-end; /* Elemente an den rechten Rand schieben */
    align-items: center; /* Zentriert die Kreise vertikal */
    overflow: hidden; /* Verhindert Umbrüche */
}

.image-list-2 li {
    width: 30px !important; /* Feste Breite für perfekte Kreise */
    height: 30px !important; /* Gleiche Höhe für 100% Kreis */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; /* Perfekter Kreis */
    overflow: hidden; /* Falls Bilder größer sind */
    margin-left: 5px; /* Abstand zwischen den Kreisen */
    flex: 0 0 30px; /* Verhindert, dass die Kreise gestreckt werden */
    background-color: white; /* Falls notwendig, um die Kreise klarer zu sehen */
}

.image-list-2 li:first-child {
    margin-left: 0;
}

.image-list-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Schneidet das Bild passend */
    border-radius: 50%; /* Sicherstellen, dass das Bild rund bleibt */
    display: block; /* Verhindert zusätzliche Leerzeichen von inline-Elementen */
}



@media screen and (max-width: 479px) { /* Gilt für Tablets & Smartphones */
    .image-list-2 {
        max-width: 100% !important; /* Stellt sicher, dass die Liste nicht größer als das Display ist */
        min-width: auto !important; /* Falls nötig, verhindert unnötige Mindestbreite */
        justify-content: center !important; /* Zentriert die Kreise auf dem Bildschirm */
        overflow: visible !important; /* Verhindert das Abschneiden */
    }
}







/*ENDE PRODUCT PAGE*/





















/*WARENKORB */


dt.variation-Gravur {
	font-weight: 400;
}



table.cart td, #main-content table.cart td.actions {
  border-left: none;
  border-right: none;
  padding: 30px 0px;
}

	


@media (min-width: 980px) {
th.product-remove,
td.product-remove {
	 border-left: 1px solid #2c2c2c !important;		
}
th.product-subtotal,
td.product-subtotal {
	 border-right: 1px solid #2c2c2c !important;	
}
}
@media (min-width: 769px) and (max-width: 998px) {
th.product-thumbnail,
td.product-thumbnail {
	border-left: 1px solid #2c2c2c !important;	
	}
th.product-subtotal,
td.product-subtotal {
	 border-right: 1px solid #2c2c2c !important;	
}
}


@media (max-width: 769px) {
td.product-name,
td.product-price,
td.product-quantity,
td.product-subtotal {
	  border-left: 1px solid #2c2c2c !important;
	  border-right: 1px solid #2c2c2c !important; 
  }
td.product-subtotal {
	border-bottom: 1px solid #2c2c2c !important; 
}
	td.actions {
	border: none !important;
	}
}













@media (min-width: 769px) {
/* Größe des Produktbildes in der Warenkorb-Tabelle anpassen – nur für das Modul mit der Klasse "wktable" */
.woocommerce-cart-form__contents td.product-thumbnail img {
    width: 120px; /* Breite des Produktbilds */
    height: auto; /* Höhe automatisch anpassen */
    display: block; /* Stellt sicher, dass das Bild korrekt angezeigt wird */
}







/* Warenkorb-Spaltenbreiten anpassen – nur für das Divi-Modul mit Klasse "wktable" */
.wktable table.woocommerce-cart-form__contents th.product-remove,
.wktable table.woocommerce-cart-form__contents td.product-remove {
    width: 5%; /* Breite der Entfernen-Spalte */
    text-align: center; /* Zentriert das Entfernen-Icon */
}

/* Produktbild-Spalte */
.wktable table.woocommerce-cart-form__contents th.product-thumbnail,
.wktable table.woocommerce-cart-form__contents td.product-thumbnail {
    width: 15%;
}

/* Produktname-Spalte */
.wktable table.woocommerce-cart-form__contents th.product-name,
.wktable table.woocommerce-cart-form__contents td.product-name {
    width: 35%;
}

/* Preis-Spalte */
.wktable table.woocommerce-cart-form__contents th.product-price,
.wktable table.woocommerce-cart-form__contents td.product-price {
    width: 15%;
}

/* Mengen-Spalte */
.wktable table.woocommerce-cart-form__contents th.product-quantity,
.wktable table.woocommerce-cart-form__contents td.product-quantity {
    width: 10%;
}

/* Zwischensumme-Spalte */
.wktable table.woocommerce-cart-form__contents th.product-subtotal,
.wktable table.woocommerce-cart-form__contents td.product-subtotal {
    width: 20%;
}
}










/*SEITLICHER WARENKORB*/
.xoo-wsc-icon-cart2::before {
    display: inline-block;
    width: 50px;
    height: 50px;
    content: "";
    background-image: url('https://koenigsnapf.ch/wp-content/uploads/2025/02/icon_warenkorb_schwarz.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
/* Mobile Version */
@media (max-width: 980px) {
    .xoo-wsc-icon-cart2::before {
    background-image: url('https://koenigsnapf.ch/wp-content/uploads/2025/02/icon_warenkorb_schwarz_mobile.svg');
	width: 40px;
    height: 40px;
    }
}





.xoo-wsch-text {
	font-weight: 600;
	text-transform: uppercase;
	white-space: nowrap;
}
/* Altes Warenkorb-Icon ausblenden */
.xoo-wscb-icon,
.xoo-wscb-count {
    display: none !important;
}





/*Background Color Open Basket*/
.xoo-wsc-opac {
	opacity: 0.5 !important;
}









/*WARENKORB ENDE*/