/**
 * Hamburger v hlavičke.
 *
 * Avada ho vykresľuje ako biely hranatý štvorec so sivou ikonkou — vyzerá ako
 * cudzí prvok, ktorý s webom nemá nič spoločné. Dostane preto rovnaký kabát
 * ako ostatné ovládacie prvky v hlavičke: svetlozelená plocha, tmavozelená
 * kresba a rovnaké zaoblenie 5 px, aké má podložka pod položkami menu aj
 * košíkom.
 */

.fusion-tb-header .awb-menu__m-toggle {
	background-color: var(--awb-color5, #cafc87) !important;
	color: var(--awb-color6, #0a3019) !important;
	border-radius: 5px !important;
	transition: background-color .2s ease, color .2s ease;

	/* Rovnaká výška ako má podložka košíka, aby vedľa seba nesedeli dve
	   rôzne vysoké plochy. Odmerané: podložka 34 px, hamburger mal 44.
	   Výška sa drží odsadením, nie pevným `height` — tlačidlo si tak
	   ponechá vlastné zarovnanie ikonky na stred. */
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	line-height: 20px !important;
}

.fusion-tb-header .awb-menu__m-toggle:hover,
.fusion-tb-header .awb-menu__m-toggle:focus-visible {
	background-color: var(--awb-color6, #0a3019) !important;
	color: var(--awb-color5, #cafc87) !important;
}

/* Ikonka dedí farbu z tlačidla, nech sa prevracia spolu s ním. */
.fusion-tb-header .awb-menu__m-toggle i,
.fusion-tb-header .awb-menu__m-toggle svg {
	color: inherit !important;
	fill: currentColor !important;
}