/**
 * Feintuning für den Offcanvas-Warenkorb (#cart-panel), der über das ECHTE
 * Glozin-Template rendert (template-parts/panels/cart.php ->
 * woocommerce_mini_cart() -> woocommerce/cart/mini-cart.php), seit das
 * kollidierende Element-Pack-Modul deaktiviert wurde.
 *
 * Klassen hier sind bewusst die nativen Glozin/WooCommerce-Klassen
 * (.woocommerce-mini-cart-item, .gz-button-*, .quantity, .glozin-qty-button
 * usw.) -- NICHT mehr die .bdt-mini-cart-* Klassen des alten Element-Pack-
 * Renderings. Farben nutzen konsequent die Theme-Variablen
 * (--gz-color-primary, --gz-color-dark) statt eigener Werte.
 */

/*
 * Warenkorb-Zeile als Reihe (Bild links, Details rechts) statt Bild in voller
 * Breite übereinander -- das native Theme-Layout wird hier erzwungen, da auf
 * dieser Installation offenbar CSS-Reihenfolge/-Spezifität dazwischenfunkt
 * (siehe Button-Regeln unten für dasselbe Muster).
 */
#cart-panel .woocommerce-mini-cart-item {
	display: flex !important;
	align-items: flex-start;
	gap: 15px;
	padding: 20px 0;
	border-bottom: 1px solid var(--gz-border-color, #eee);
}

#cart-panel .woocommerce-mini-cart-item__thumbnail {
	flex: 0 0 90px;
	width: 90px;
}

#cart-panel .woocommerce-mini-cart-item__thumbnail img {
	width: 100% !important;
	height: auto !important;
	display: block;
	border-radius: 4px;
}

#cart-panel .woocommerce-mini-cart-item__summary {
	flex: 1 1 auto;
	min-width: 0;
}

#cart-panel .woocommerce-mini-cart-item__name a {
	font-size: 14px;
	font-weight: 500;
	color: var(--gz-color-dark, #272727);
	text-decoration: none;
}

#cart-panel .woocommerce-mini-cart-item__data .woocommerce-Price-amount {
	font-size: 14px;
	font-weight: 600;
	color: var(--gz-color-dark, #272727);
}

/* Mengen-Buttons (+/-): Icon-Farbe/-Größe an die Shop-CI angleichen */
#cart-panel .quantity .glozin-qty-button svg {
	width: 10px;
	height: 10px;
	fill: currentColor;
}

#cart-panel .quantity .glozin-qty-button:hover {
	color: var(--gz-color-primary, #cbb586);
}

/* Entfernen-Link (Warenkorb-Zeile) */
#cart-panel .remove_from_cart_button {
	color: var(--gz-color-dark, #272727);
}

#cart-panel .remove_from_cart_button:hover {
	color: var(--gz-color-primary, #cbb586);
}

/* Footer-Buttons: "Warenkorb ansehen" (outline) + "Zur Kasse" (gefüllt) */
#cart-panel .woocommerce-mini-cart__buttons {
	display: flex;
	gap: 10px;
}

#cart-panel .woocommerce-mini-cart__buttons .button {
	flex: 1;
	text-align: center;
	border-radius: 4px;
}

/*
 * !important: WordPress' globaler Block-Button-Stil (.wp-element-button aus
 * global-styles-inline-css, background-color:#32373c) macht beide Buttons
 * sonst einheitlich dunkelgrau -- genau das im Screenshot beobachtete
 * Verhalten. Unsere Regeln müssen das sicher überstimmen.
 */
#cart-panel .woocommerce-mini-cart__buttons .button.gz-button-outline-dark {
	background-color: #fff !important;
	color: var(--gz-color-dark, #272727) !important;
	border: 1px solid var(--gz-color-dark, #272727) !important;
}

#cart-panel .woocommerce-mini-cart__buttons .button.gz-button-outline-dark:hover {
	background-color: var(--gz-color-dark, #272727) !important;
	color: #fff !important;
}

#cart-panel .woocommerce-mini-cart__buttons .button.checkout {
	background-color: var(--gz-color-primary, #cbb586) !important;
	color: #fff !important;
	border: 1px solid var(--gz-color-primary, #cbb586) !important;
}

#cart-panel .woocommerce-mini-cart__buttons .button.checkout:hover {
	background-color: var(--gz-color-dark, #272727) !important;
	border-color: var(--gz-color-dark, #272727) !important;
	color: #fff !important;
}

/* Leerer Warenkorb zentrieren */
#cart-panel .woocommerce-mini-cart__empty-message {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 30px 20px;
}

#cart-panel .woocommerce-mini-cart__empty-message a.gz-button {
	background-color: var(--gz-color-primary, #cbb586);
	color: #fff;
	border-radius: 4px;
}

#cart-panel .woocommerce-mini-cart__empty-message a.gz-button:hover {
	background-color: var(--gz-color-dark, #272727);
}

/*
 * Free-Shipping-Bar im Warenkorb-Panel: Erfolgsfarbe absichern.
 * Das Theme setzt bei .gz-is-success bereits --gz-background-color-primary
 * auf Grün (#14854e) -- hier zusätzlich explizit erzwingen, falls eine
 * andere Regel im Panel-Kontext die Variable überschreibt.
 */
.cart-panel .glozin-free-shipping-bar.gz-is-success {
	--gz-background-color-primary: #14854e !important;
}