/*
 Theme Name:   KI Child Theme
 Theme URI:    https://www.pflanzen-orgonite.at/
 Description:  Child-Theme von Neve für individuelle Anpassungen (z. B. WooCommerce "Mein Konto").
 Author:       Pflanzen-Orgonite
 Template:     neve
 Version:      1.0.0
 Text Domain:  ki-child-theme
*/

/* Produktseite: Kategorie-/Breadcrumb-Bereich oben ausblenden (Neve-eigen) */
.single-product .nv-bc-count-wrap {
	display: none !important;
}

/* Produktseite: Block mit den restlichen Produkten der Kategorie ausblenden */
.single-product section.exclusive.products {
	display: none !important;
}

/* Produktseite: "Zurück zur Kategorie"-Link oberhalb des Produktblocks */
.single-product .produkt-zurueck-link {
	max-width: 700px;
	margin: 0 auto 1rem;
}

.single-product .produkt-zurueck-link a {
	color: #fff;
	text-decoration: none;
}

.single-product .produkt-zurueck-link a:hover {
	text-decoration: underline;
}

/* Produktseite: gesamten Bereich (Bild + Name + Varianten + Preis + Warenkorb)
   als Block mittig auf der Seite zentrieren, Inhalt selbst bleibt wie gewohnt ausgerichtet */
.single-product .nv-single-product-top {
	max-width: 700px;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Produktseite: Produktbild verkleinern */
.single-product .woocommerce-product-gallery {
	max-width: 200px;
}

.single-product .woocommerce-product-gallery img {
	width: 200px;
	height: 200px;
	object-fit: cover;
}

/* Produktseite: "Zurücksetzen"-Link neben dem Varianten-Dropdown ausblenden */
.single-product .reset_variations {
	display: none !important;
}

/* Produktseite: Von-Bis-Preisspanne unter dem Namen ausblenden
   (der Preis nach Variantenauswahl bleibt sichtbar, da er über eine
   andere Struktur ausgegeben wird) */
.single-product .summary p.price {
	display: none !important;
}

/* Produktseite: Produktbeschreibung neben dem Bild in weißer Schrift */
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description p {
	color: #fff !important;
}

/* Produktseite: Bereich der Beschreibung verbreitern (insgesamt +150px) -
   nur ab Tablet-Breite aufwärts, damit es auf Handys nicht überbreit wird */
@media (min-width: 768px) {
	.single-product .woocommerce-product-details__short-description {
		width: calc(100% + 150px);
		max-width: calc(100% + 150px);
	}
}

/* Auf Handys: Beschreibung bleibt innerhalb des normalen Bereichs */
@media (max-width: 767px) {
	.single-product .woocommerce-product-details__short-description {
		width: 100%;
		max-width: 100%;
	}
}

/* "Mein Konto" - nur das Login-Formular schmaler machen und zentrieren */
.woocommerce-account form.woocommerce-form-login {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}

/* Warenkorb-Seite: Icon über "Dein Warenkorb ist gerade leer!" entfernen */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
	content: none !important;
	display: none !important;
}

/* "In den Warenkorb gelegt"-Meldung einfärben (Shop-Liste & Produktseite) */
.woocommerce-message,
.single-product .woocommerce-message {
	background-color: #9C9C9C !important;
	border-top-color: #9C9C9C !important;
	color: #fff !important;
}

.woocommerce-message a,
.single-product .woocommerce-message a {
	color: #fff !important;
}

/* Warenkorb-Menüpunkt: Text durch Icon ersetzen */
.menu-warenkorb-icon a {
	display: inline-flex;
	align-items: center;
	font-size: 0;
}

.menu-warenkorb-icon a::before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iOSIgY3k9IjIxIiByPSIxIj48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMCIgY3k9IjIxIiByPSIxIj48L2NpcmNsZT48cGF0aCBkPSJNMSAxaDRsMi42OCAxMy4zOWEyIDIgMCAwIDAgMiAxLjYxaDkuNzJhMiAyIDAgMCAwIDItMS42MUwyMyA2SDYiPjwvcGF0aD48L3N2Zz4=");
	background-size: contain;
	background-repeat: no-repeat;
}

/* Mein-Konto-Menüpunkt: Text durch Icon ersetzen */
.menu-konto-icon a {
	display: inline-flex;
	align-items: center;
	font-size: 0;
}

.menu-konto-icon a::before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIwIDIxdi0yYTQgNCAwIDAgMC00LTRIOGE0IDQgMCAwIDAtNCA0djIiPjwvcGF0aD48Y2lyY2xlIGN4PSIxMiIgY3k9IjciIHI9IjQiPjwvY2lyY2xlPjwvc3ZnPg==");
	background-size: contain;
	background-repeat: no-repeat;
}

/* Shortcode [produktliste]: Kategorie-Filter oben */
.produkt-liste-filter {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin-bottom: 1.5rem;
}

.produkt-liste-filter select {
	padding: 0.4rem 0.6rem;
}

/* Shortcode [produktliste]: Produkte untereinander als Liste */
.produkt-liste {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.produkt-liste-item {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
	border-bottom: 1px solid #eee;
	padding-bottom: 1.25rem;
}

.produkt-liste-bild {
	flex: 0 0 auto;
}

.produkt-liste-bild img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	display: block;
}

.produkt-liste-name {
	flex: 1 1 150px;
	min-width: 120px;
	font-weight: 600;
}

.produkt-liste-name a {
	text-decoration: none;
	color: inherit;
}

.produkt-liste-auswahl {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex: 1 1 320px;
	justify-content: flex-end;
}

.produkt-liste-preis {
	font-weight: 600;
	white-space: nowrap;
}

/* Varianten-Dropdown-Formular von WooCommerce komplett in einer Zeile darstellen */
.produkt-liste-item {
	align-items: center;
}

.produkt-liste-auswahl,
.produkt-liste-auswahl .variations_form.cart,
.produkt-liste-auswahl table.variations,
.produkt-liste-auswahl table.variations tbody,
.produkt-liste-auswahl table.variations tr,
.produkt-liste-auswahl .single_variation_wrap,
.produkt-liste-auswahl .woocommerce-variation-add-to-cart,
.produkt-liste-auswahl .quantity {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 0.6rem;
	margin: 0;
}

.produkt-liste-auswahl table.variations td,
.produkt-liste-auswahl table.variations th {
	display: flex;
	align-items: center;
	padding: 0;
	border: 0;
}

/* Label "Variante:" vor dem Dropdown ausblenden, spart Platz */
.produkt-liste-auswahl table.variations label {
	display: none;
}

/* Beschreibungstext & Lagerstatus zur Variante ausblenden, damit die Zeile schmal bleibt */
.produkt-liste-auswahl .woocommerce-variation-description,
.produkt-liste-auswahl .woocommerce-variation-availability {
	display: none;
}

.produkt-liste-auswahl .woocommerce-variation-price {
	white-space: nowrap;
}

.produkt-liste-auswahl select {
	padding: 0.3rem 0.5rem;
}

.produkt-liste-auswahl .quantity .qty {
	width: 55px;
	padding: 0.3rem;
}

.produkt-liste-auswahl .single_add_to_cart_button {
	white-space: nowrap;
	margin: 0;
}

/* "Zurücksetzen"-Link neben dem Varianten-Dropdown komplett ausblenden
   (WooCommerce blendet ihn per JS nach Auswahl einer Variante ein,
   daher !important nötig, um das zu überschreiben) */
.produkt-liste-auswahl .reset_variations {
	display: none !important;
}