/**
 * Košík vytiahnutý z hamburgera do lišty.
 *
 * Triedu pridáva menu-kosik-vedla-burgra.js v okamihu, keď položku presunie
 * z menu priamo do navigácie. Mimo zoznamu stráca odsadenie aj zarovnanie,
 * ktoré mala ako položka menu, tak si ich vráti tu.
 */

/* Do rozloženia navigácie sa zámerne nesiaha.
   Prvý pokus jej vnútil jeden riadok (`flex-wrap: nowrap`) a tým sa vedľa
   košíka a hamburgera postavil aj zbalený zoznam menu — cez pol stránky
   sa roztiahol biely blok. Navigácia si teda ďalej zalamuje po svojom
   a jediné, o čo sa staráme, je aby bol košík dosť úzky a zmestil sa
   na riadok k hamburgeru. */

/* Slovo „Košík“ ide preč — ikonka s počtom kusov povie to isté. Rovnako je
   to riešené aj v mobilnej hlavičke. */
.melino-kosik-vedla-burgra .menu-text {
	display: none !important;
}

/* Odsadenie, ktoré má položka ako súčasť menu, tu už nie je na čo — a práve
   ono robilo z košíka 159 px namiesto zhruba šesťdesiatich.
   Selektor je zámerne dlhý: Avada si odsadenie položiek nastavuje vlastným
   pravidlom, ktoré krátku podobu prebilo aj s `!important`. */
li.melino-kosik-vedla-burgra > a.awb-menu__main-a {
	display: flex;
	align-items: center;
	gap: 8px;
	/* Odsadenie po stranách, aby ikonka ani počet kusov nesedeli natesno na
	   okraji svetlozelenej podložky, ktorá sa ukáže pri hoveri. */
	padding-left: 12px !important;
	padding-right: 12px !important;
}

/* Ikonku košíka má toto menu skrytú — vypisuje sa v ňom text „Košík“.
   Ten sme skryli, takže by ostalo visieť samotné číslo. */
li.melino-kosik-vedla-burgra .awb-menu__i,
li.melino-kosik-vedla-burgra .awb-menu__i i {
	display: inline-flex !important;
	font-size: 20px;
	margin: 0 !important;
}

.melino-kosik-vedla-burgra {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	list-style: none;
	white-space: nowrap;

}

/* Hover ako pri ostatných položkách menu.
 *
 * Mimo zoznamu prestali na košík platiť štýly hlavného menu a Avada mu podložku
 * vykreslila po svojom — 3 px tmavý rám bez zaoblenia. Vyzeralo to ako rámček
 * omylom. Položky menu majú pritom svetlozelenú pilulku so zaoblením 5 px,
 * tak ju dostane aj košík. */
li.melino-kosik-vedla-burgra .awb-menu__main-background-default,
li.melino-kosik-vedla-burgra .awb-menu__main-background-active {
	border: 0 !important;
	border-radius: 5px !important;
}

li.melino-kosik-vedla-burgra .awb-menu__main-background-active {
	background-color: var(--awb-color5, #cafc87) !important;
}

/* Obal, do ktorého JavaScript uloží košík a navigáciu, nech ich stĺpec
   hlavičky neroztiahne od seba. */
.melino-hlavicka-vpravo {
	display: flex;
	align-items: center;
	gap: 14px;
}

/* Zhrnutie košíka sa otvára pod položkou; mimo zoznamu potrebuje vlastný
   referenčný bod, inak by sa umiestnilo voči celej navigácii. */
.melino-kosik-vedla-burgra {
	position: relative;
}