/*
 * Prilepená hlavička (Astra Pro → Sticky Header, riadok Primary).
 *
 * Na stránkach s transparentnou hlavičkou (homepage, bežné stránky) si
 * prilepená lišta drží pozadie transparentnej hlavičky rgba(24,64,34,0),
 * teda je úplne priehľadná — biele logo a menu sa strácajú v obsahu.
 * Menu má zo sticky nastavení navyše vlastné tmavé pozadie, takže pod
 * priehľadnou lištou z neho vznikal samostatný zelený blok.
 *
 * Prilepenej lište preto vraciame plné pozadie hlavičky (#184022 = Header
 * Builder → Primary Header → Background) a menu necháme priehľadné, aby
 * splynulo s lištou rovnako ako v neprilepenom stave.
 */

#masthead .main-header-bar.ast-header-sticked,
.ast-theme-transparent-header #masthead .main-header-bar.ast-header-sticked {
	background-color: #184022;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
}

/*
 * Pre prihláseného používateľa Astra obalí ikonu účtu do blokového
 * .ast-header-account-inner-wrap. Odkaz v ňom je inline-flex, takže výšku
 * obalu určuje riadok, teda line-height lišty — a ten Astra pri prilepení
 * (shrink) zvýši na 55px. Biela „pilulka“ účtu tak narástla z 50 na 55px
 * a nesedela s košíkom. Ako flex obal riadok nemá a výšku drží len odkaz.
 */
#masthead .ast-header-account-inner-wrap {
	display: flex;
}

/*
 * Mobilný hamburger: v neprilepenom stave mu child téma dáva biele pozadie,
 * ale sticky štýly Astry ho prepíšu na priehľadné so zelenou ikonou —
 * na zelenej lište je potom neviditeľný. Držíme rovnaký vzhľad ako hore.
 */
#masthead .ast-header-sticked [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-outline {
	background: #fff;
	border-radius: 12px;
}

#masthead .main-header-bar.ast-header-sticked .main-header-menu,
#masthead .main-header-bar.ast-header-sticked .main-header-menu > .menu-item > .menu-link {
	background-color: transparent;
}