/**
 * Header-Warenkorb (Mini-Cart) im KS-Layout.
 *
 * Das BuddyBoss-Theme rendert die Warenkorb-Artikel im Header-Flyout als
 * `display:flex; flex-wrap:wrap; align-items:center`. In Verbindung mit dem
 * German-Market-Steuerhinweis (`div.wgm-info`) und großen Produktbildern
 * wirbelt das die Blöcke durcheinander: der MwSt-Hinweis rutscht nach oben,
 * kurze Artikel (s´Kässle) zentrieren sich. Diese Datei zwingt jeden Artikel
 * in eine saubere, linksbündige Spalte mit fester Reihenfolge und ein kleines,
 * fest oben rechts sitzendes Produktbild.
 *
 * Gescoped auf `.header-mini-cart` — trifft ausschließlich den Header-Flyout,
 * NICHT die Warenkorb-Seite (`/warenkorb/`). CI-Farben literal (Vorgabe).
 *
 * @package KS_Shop
 */

/* Clearfix-Pseudoelemente des Themes stören das Flex-Layout → aus */
.header-mini-cart ul.cart_list li.mini_cart_item::before,
.header-mini-cart ul.cart_list li.mini_cart_item::after { display: none !important; }

/* Artikel = saubere vertikale Spalte, linksbündig, rechts Platz fürs Bild */
.header-mini-cart ul.cart_list li.mini_cart_item {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	text-align: left !important;
	position: relative !important;
	gap: 2px;
	min-height: 48px;
	padding: 12px 66px 12px 0 !important;
}

/* Feste Reihenfolge: Name → Preis → MwSt → Entfernen */
.header-mini-cart ul.cart_list li.mini_cart_item > a:not(.remove) { order: 1; width: 100%; display: block; }
.header-mini-cart ul.cart_list li.mini_cart_item > .quantity     { order: 2; color: var(--ks-text, #253d54); font-size: 13px; }
.header-mini-cart ul.cart_list li.mini_cart_item > .wgm-info     { order: 3; font-size: 11px !important; color: var(--ks-text-muted, #6f7c86) !important; margin: 0 !important; }
.header-mini-cart ul.cart_list li.mini_cart_item > a.remove.remove_from_cart_button {
	order: 4; margin: 3px 0 0 !important; font-size: 14px; color: var(--ks-danger, #931204) !important;
}

/* Produktbild: klein, fest oben rechts */
.header-mini-cart ul.cart_list li.mini_cart_item img {
	position: absolute !important;
	top: 12px; right: 0;
	width: 48px !important; height: 48px !important;
	object-fit: cover !important; border-radius: 6px !important;
	margin: 0 !important; float: none !important;
}

/* Dark Mode: Der Header-Warenkorb-Flyout gehoert dem BuddyBoss-Theme und wird
   vom Darkmode-Plugin NICHT abgedunkelt; die tokenisierten Item-Texte (Preis,
   MwSt) kippen aber auf hell. Deshalb den Popup hier selbst abdunkeln, damit
   heller Text auf dunklem Grund steht. Nur unter der Darkmode-Klasse — der
   Light-Modus bleibt exakt unveraendert. */
html.ks-theme-dark .header-mini-cart,
html.ksom-dark-mode .header-mini-cart { background: #17232d !important; color: #f3efe6 !important; }
html.ks-theme-dark .header-mini-cart a,
html.ksom-dark-mode .header-mini-cart a { color: #72aeb1 !important; }
html.ks-theme-dark .header-mini-cart .mini_cart_item,
html.ksom-dark-mode .header-mini-cart .mini_cart_item { border-color: #344650 !important; }