<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* =========================================================
   ASTRA MENU – CLEAN CSS
   Desktop/header only
   Mobilní menu řešit přímo v Astře
   ========================================================= */

/* HOMEPAGE – header přes hero */
body.home .site-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 999 !important;
}

/* Homepage vnitřní lišta */
body.home .ast-primary-header-bar,
body.home .main-header-bar {
  position: relative !important;
  background: linear-gradient(
    180deg,
    rgba(5,8,6,.92) 0%,
    rgba(5,8,6,.65) 58%,
    rgba(5,8,6,0) 100%
  ) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Ostatní stránky – normální tmavý header */
body:not(.home) .site-header,
body:not(.home) .ast-primary-header-bar,
body:not(.home) .main-header-bar {
  position: relative !important;
  background: #050805 !important;
  border-bottom: 1px solid rgba(255,255,255,.1) !important;
  box-shadow: none !important;
}

/* Admin bar */
body.home.admin-bar .site-header {
  top: 0 !important;
}

@media (max-width: 782px) {
  body.home.admin-bar .site-header {
    top: 0 !important;
  }
}

/* Kontejner */
.site-header .ast-container,
.ast-primary-header-bar .ast-container,
.main-header-bar .ast-container {
  background: transparent !important;
}

/* Desktop menu text */
.main-header-menu .menu-link,
.ast-builder-menu .main-navigation > ul > li > a {
  color: #ffffff !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* Hover + aktivní položka */
.main-header-menu .current-menu-item > .menu-link,
.ast-builder-menu .main-navigation > ul > li.current-menu-item > a,
.main-header-menu .menu-link:hover,
.ast-builder-menu .main-navigation > ul > li > a:hover {
  color: #b6ff00 !important;
}

/* Homepage hero offset */
body.home .cr-hero,
body.home .cr-home-hero,
body.home .cr-hero-new {
  margin-top: 0 !important;
  padding-top: 120px !important;
}

/* Ostatní stránky bez offset hacku */
body:not(.home) .site-content,
body:not(.home) .entry-content,
body:not(.home) .wp-site-blocks {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Mobil – pouze header, NE popup menu */
@media (max-width: 921px) {
  body.home .site-header {
    position: absolute !important;
  }

  body:not(.home) .site-header {
    position: relative !important;
  }

  .ast-mobile-header-wrap,
  .ast-mobile-header-wrap .ast-primary-header-bar,
  .ast-mobile-header-wrap .main-header-bar {
    background: #050805 !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
  }

  body.home .ast-mobile-header-wrap,
  body.home .ast-mobile-header-wrap .ast-primary-header-bar,
  body.home .ast-mobile-header-wrap .main-header-bar {
    background: linear-gradient(
      180deg,
      rgba(5,8,6,.96) 0%,
      rgba(5,8,6,.72) 70%,
      rgba(5,8,6,0) 100%
    ) !important;
    border-bottom: 0 !important;
  }

  .ast-mobile-header-wrap .menu-toggle,
  .ast-button-wrap .menu-toggle {
    color: #ffffff !important;
    border-color: rgba(183,255,0,.45) !important;
    background: rgba(255,255,255,.035) !important;
    border-radius: 8px !important;
  }
}</style>
<!-- end Simple Custom CSS and JS -->
