/* Opravy statickej kópie oproti WordPressu. Pripája ich scripts/static-fixes.mjs na koniec <head>,
   aby prebili zlúčené CSS témy (avia-merged-styles). */

/* Zmenšená hlavička po scrollnutí: téma ju stiahla na 38 px (do 991 px na 50 px) a logo posunula
   percentuálnym margin-top nadol, takže sa spodok loga („DESIGN“) orezával. Jednotne 52 px, logo
   38 px zvislo v strede. */
.responsive #top #header.header-scrolled{height:52px!important}
.responsive #top #header.header-scrolled .av-logo-container,
.responsive #top #header.header-scrolled #header_main>.container .main_menu .av-main-nav>li>a{height:52px!important;line-height:52px!important}
.responsive #top #header.header-scrolled .logo a{display:flex!important;align-items:center;height:52px;max-height:none!important}
.responsive #top #header.header-scrolled .logo a svg{max-height:38px!important;height:38px;margin-top:0!important;padding-bottom:0!important}

/* 990 – 991 px: CSS webu prepína na mobilnú hlavičku od 991 px (tlačidlo „Cenová ponuka“, zúžené menu),
   téma však ukáže hamburger až od 989 px. Tlačidlo potom prekrylo menu a prepínač jazyka položky
   „Blog“ a „Kontakt“. V tomto pásme ostáva desktopová hlavička. */
@media only screen and (min-width:990px) and (max-width:991px){
#top .header-mobile-btn{display:none}
#top #header_main .container .inner-container .main_menu{width:auto!important;left:0;right:0}
}

/* 501 – 768 px: CSS webu tu dáva tlačidlu „Cenová ponuka“ top:57px, hlavička je však vysoká len 50 – 52 px,
   takže tlačidlo viselo pod hlavičkou nad obsahom (rovnako na pôvodnom WP). Ako pod 500 px ho dáme do hlavičky. */
@media only screen and (min-width:501px) and (max-width:768px){
#top .header-mobile-btn{top:10px}
}