.elementor-28556 .elementor-element.elementor-element-b57bab9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:100;}.elementor-28556 .elementor-element.elementor-element-b57bab9:not(.elementor-motion-effects-element-type-background), .elementor-28556 .elementor-element.elementor-element-b57bab9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-28556 .elementor-element.elementor-element-e4c5e71{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28556 .elementor-element.elementor-element-e4c5e71.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28556 .elementor-element.elementor-element-260b3615{width:var( --container-widget-width, 183.174% );max-width:183.174%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--container-widget-width:183.174%;--container-widget-flex-grow:0;}.elementor-28556 .elementor-element.elementor-element-260b3615.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-28556 .elementor-element.elementor-element-260b3615 .elementor-heading-title{color:#FFFFFF;}.elementor-28556:not(.elementor-motion-effects-element-type-background), .elementor-28556 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-28556{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-28556 .elementor-element.elementor-element-b57bab9{--content-width:1600px;}.elementor-28556 .elementor-element.elementor-element-e4c5e71{--width:30%;}}/* Start custom CSS for container, class: .elementor-element-b57bab9 *//* 1) Spacer od Elementoru – ať je průhledný, ne bílý */
.elementor-sticky__spacer {
  background: transparent !important;
}

/* 2) Astra sticky placeholdere/wrappery – taky průhledné */
.ast-primary-header-bar,
.main-header-bar,
.ast-above-header,
.ast-below-header,
.ast-header-sticky-placeholder,
.ast-mobile-header-wrap,
.site-header,
header.site-header {
  background: transparent !important;
  box-shadow: none !important;
}

/* 3) Zruš nežádoucí horní mezeru/kolabující margin první sekce pod headerem */
.elementor-location-header + .site-content,
.elementor-location-header + .elementor,
.elementor-location-header + .page-content {
  margin-top: 0 !important;
}

/* Bezpečnostně: první top sekci na stránce nenech mít margin-top */
.elementor-section.elementor-top-section:first-of-type,
.e-con.e-con-full.e-con > .elementor-section:first-of-type {
  margin-top: 0 !important;
}

/* Pokud by i přes to byla bílá vidět kvůli barvě stránky, dej tělu tmavé pozadí */
body, .site, .site-content {
  background: #0b0b0b; /* nebo transparent, pokud máš hero přes celý viewport nahoře */
}

/* --- Výchozí stav: plná černá --- */
.vb-header {
  background-color: #000 !important;
  transition: background-color .3s ease, backdrop-filter .3s ease, box-shadow .3s ease;
  z-index: 1002;
}

/* --- Sticky stav: průhledná černá + jemný blur --- */
.vb-header.elementor-sticky--effects,
.elementor-sticky--active .vb-header {
  background-color: rgba(0, 0, 0, 0.7) !important; /* 70% neprůhlednost */
  backdrop-filter: blur(6px); /* rozmazání pozadí – pro moderní vzhled */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); /* lehký stín pod navigací */
}/* End custom CSS */