/*
 * Vysúvací košík Astry (.astra-cart-drawer) — otvára sa po kliknutí na
 * košík v hlavičke, na mobile cez celú obrazovku.
 *
 * Položka v ňom pôsobila rozbito:
 * - názov produktu dobiehal až k ikone odstránenia (ⓧ) vpravo,
 * - „1 ×79,00 €“ bez medzery — množstvo je inline-flex a medzera
 *   medzi „ד a cenou v ňom zanikne,
 * - náhľady bez rámu, rôzne veľké a orezané, mimo osi s textom,
 * - drobný nadpis panela a bodkovaný obrys na krížiku po kliknutí.
 *
 * Štruktúru Astry nechávame (obrázok absolútne vľavo, text odsadený),
 * len jej dávame pevné rozmery a miesto pre ikonu odstránenia. Selektory
 * s .widget_shopping_cart .cart_list li, aby prebili pravidlá WooCommerce
 * a Astry pre mini košík (tie majú rovnaký základ).
 */

/* ------------------------------------------------------------ Hlavička */

.astra-cart-drawer .astra-cart-drawer-title {
	font-family: "Figtree", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	color: #183f22;
}

/* Štvorcové tlačidlo zatvárania s ikonou na stred — krúžok fokusu je tak kruh, nie ovál. */
.astra-cart-drawer .astra-cart-drawer-header .astra-cart-drawer-close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
}

/*
 * Astra po otvorení panela presunie fokus na krížik a prehliadač okolo neho
 * kreslí bodkovaný obrys. Nahrádzame ho decentným krúžkom vo farbe webu —
 * pre klávesnicu ostane fokus viditeľný.
 */
.astra-cart-drawer .astra-cart-drawer-close:focus,
.astra-cart-drawer .astra-cart-drawer-close:focus-visible {
	outline: 2px solid rgba(24, 63, 34, 0.25);
	outline-offset: -2px;
	border-radius: 50%;
}

/* ------------------------------------------------------------- Položka */

.astra-cart-drawer .widget_shopping_cart .cart_list li.woocommerce-mini-cart-item {
	position: relative;
	min-height: 96px;
	padding: 16px 36px 16px 80px;
}

/* Náhľad: jednotný štvorec, celý produkt vpísaný, jemný rám ako karty webu. */
.astra-cart-drawer .widget_shopping_cart .cart_list li.woocommerce-mini-cart-item img {
	position: absolute;
	top: 16px;
	left: 0;
	box-sizing: border-box;
	width: 64px;
	height: 64px;
	margin: 0;
	padding: 4px;
	border: 1px solid #e3e8e4;
	border-radius: 10px;
	background-color: #ffffff;
	object-fit: contain;
	transform: none;
	float: none;
}

/* Názov produktu */
.astra-cart-drawer .widget_shopping_cart .cart_list li.woocommerce-mini-cart-item > a:not(.remove) {
	display: block;
	font-family: "Figtree", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	color: #183f22;
	text-decoration: none;
}

/* Množstvo × cena — blok, aby sa medzera za „ד nestratila. */
.astra-cart-drawer .widget_shopping_cart .cart_list li.woocommerce-mini-cart-item .quantity {
	display: block;
	margin-top: 6px;
	font-size: 14px;
	color: #5b6b5f;
}

.astra-cart-drawer .widget_shopping_cart .cart_list li.woocommerce-mini-cart-item .quantity .amount {
	display: inline;
	font-weight: 600;
	color: #183f22;
}

/* Odstránenie vpravo hore, mimo textu. */
.astra-cart-drawer .widget_shopping_cart .cart_list li.woocommerce-mini-cart-item a.remove {
	position: absolute;
	top: 16px;
	right: 0;
	left: auto;
	margin: 0;
}

/* ------------------------------------------------------------- Súčet */

.astra-cart-drawer .woocommerce-mini-cart__total {
	font-size: 15px;
	color: #183f22;
}

.astra-cart-drawer .woocommerce-mini-cart__total strong,
.astra-cart-drawer .woocommerce-mini-cart__total .amount {
	font-weight: 700;
}

/* ------------------------------------------- Doplnky produktu (WCPA) */

/**
 * Plugin Custom Product Addons vypisuje zvolené doplnky ako <ul><li> priamo
 * v položke košíka. Astra ich preto berie ako ďalšie položky mini košíka —
 * odsadenie 65px zľava, výška 60px a deliaca čiara pod každým. Vlastné
 * padding: 0 pluginu má slabší selektor a prehrá.
 *
 * Doplnky tu skladáme do kompaktných riadkov „Farba: Zelená“ pod názvom.
 */
.astra-cart-drawer .widget_shopping_cart .cart_list li.woocommerce-mini-cart-item ul.wcpa_cart_meta {
	margin: 6px 0 0;
	padding: 0;
	list-style: none;
}

.astra-cart-drawer .widget_shopping_cart .cart_list li.woocommerce-mini-cart-item li.wcpa_cart_meta_item {
	display: flex;
	flex-wrap: wrap;
	gap: 0 4px;
	min-height: 0;
	margin: 0 0 2px;
	padding: 0;
	border: 0;
	font-size: 13px;
	line-height: 1.4;
	color: #5b6b5f;
}

.astra-cart-drawer .widget_shopping_cart .cart_list li.woocommerce-mini-cart-item .wcpa_cart_meta_item-label {
	margin: 0;
	font-weight: 600;
	color: #183f22;
}

.astra-cart-drawer .widget_shopping_cart .cart_list li.woocommerce-mini-cart-item .wcpa_cart_meta_item-value {
	margin: 0;
}