/* Upozornění na nákupy (plugin WooCommerce Notification, inc/upozorneni.php) ve vzhledu AŠVY: karta
   s inkoustovým rámečkem a meruňkovým stínem jako plovoucí tlačítko průvodce, balení na modrém podkladu.

   Plugin vypisuje barvy z nastavení inline stylem s !important (#message-purchased … p, small, a).
   Přebíjí je jen vyšší specificita (body #message-purchased …) a znovu !important — jinde ve
   stylech šablony !important není, tady je to jediná cesta bez zásahu do nastavení pluginu.

   Poloha: plugin dává kartu vlevo dole (nebo vpravo, třída bottom_right). Na desktopu uhne nad
   plovoucí tlačítko průvodce (54 px, vlevo dole, jen ≥ 1025 px), na mobilu nad spodní lištu
   s tlačítkem do košíku (úvod a detail produktu) — třídy na <body> dává inc/upozorneni.php. */

body #message-purchased {
	left: 24px;
	bottom: 24px;
	z-index: 45;
	width: 360px;
	max-width: calc(100vw - 48px);
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	font-family: var(--as-pismo);
}
body #message-purchased.bottom_right { left: auto; right: 24px; }

body #message-purchased .message-purchase-main {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 0;
	margin: 0;
	padding: 10px 36px 10px 10px;
	border: var(--as-ramecek);
	border-radius: 18px !important;
	background: var(--as-bila) !important;
	box-shadow: 4px 4px 0 var(--as-merunka);
}
body #message-purchased .wn-notification-image-wrapper {
	flex: 0 0 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	padding: 0;
	border-radius: 12px;
	background: var(--as-pozadi-baleni);
	overflow: hidden;
}
body #message-purchased .wn-notification-image-wrapper img,
body #message-purchased img.wn-notification-image {
	width: auto;
	height: auto;
	max-width: 86%;
	max-height: 86%;
	margin: 0;
	border-radius: 0;
	object-fit: contain;
}
body #message-purchased .message-purchase-main p,
body #message-purchased .wn-notification-message-container {
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
	margin: 0;
	padding: 0 !important;
	font-family: var(--as-pismo);
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.45;
	text-align: left;
	color: var(--as-text) !important;
}
body #message-purchased .message-purchase-main p a,
body #message-purchased .message-purchase-main p span {
	font-weight: 800;
	text-decoration: none;
	color: var(--as-inkoust) !important;
}
body #message-purchased .message-purchase-main p a:hover { color: var(--as-terakota) !important; }
body #message-purchased .message-purchase-main p small {
	display: block;
	margin-top: 1px;
	font-size: 12px;
	font-weight: 600;
	color: var(--as-sede) !important;
}
body #message-purchased #notify-close {
	top: 8px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: 1;
}
body #message-purchased #notify-close::before { color: var(--as-sede); font-size: 12px; }
body #message-purchased #notify-close:hover::before { color: var(--as-inkoust); }

@media (min-width: 1025px) {
	/* Nad plovoucí tlačítko průvodce: jeho spodek 24 px + výška 54 px + mezera. */
	body.as-s-pruvodcem #message-purchased:not(.bottom_right) { bottom: 92px; }
}

@media (max-width: 768px) {
	body #message-purchased,
	body #message-purchased.bottom_right {
		left: 12px;
		right: 12px;
		bottom: 12px;
		width: auto;
		max-width: none;
	}
	/* Spodní lišta košíku (jen s položkou): karta uhne nad ni — 4 + 45 + 50 + 12 px, stín a bezpečná oblast
	   iPhonu. Plugin pod 768 px drží kartu u dna s !important. Bez :has() (starší prohlížeče) lištu jen překryje;
	   při cookie liště platí její odsazení (pravidlo výš). */
	html:not(.as-ck-lista) body:has(.as-kosik-lista:not(.is-prazdna)) #message-purchased { bottom: calc(128px + env(safe-area-inset-bottom)) !important; }
	body #message-purchased .message-purchase-main { padding: 8px 34px 8px 8px; gap: 10px; }
	body #message-purchased .wn-notification-image-wrapper { flex-basis: 48px; width: 48px; height: 48px; }
	body #message-purchased .wn-notification-message-container { font-size: 13px; }
}

/* Cookie lišta (inc/cookies.php): dokud svítí, karta sedí nad ní — výšku pruhu měří
   assets/js/cookies.js do --as-ck-vyska. Rozbalené předvolby sahají vysoko, tam karta počká skrytá. */
html.as-ck-lista body #message-purchased { bottom: calc(var(--as-ck-vyska, 0px) + 12px) !important; }
html.as-ck-predvolby body #message-purchased { display: none !important; }