.elementor-51 .elementor-element.elementor-element-f6d29e1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-51 .elementor-element.elementor-element-3bc42f1{--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;--align-items:center;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-51 .elementor-element.elementor-element-ffd11ef{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-51 .elementor-element.elementor-element-f46222f{text-align:start;}.elementor-51 .elementor-element.elementor-element-f46222f img{width:69%;}.elementor-51 .elementor-element.elementor-element-567ad2d{--display:flex;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-51 .elementor-element.elementor-element-12b6f34{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-51 .elementor-element.elementor-element-12b6f34 .elementor-menu-toggle{margin-right:auto;background-color:#A83A3A00;}.elementor-51 .elementor-element.elementor-element-12b6f34 .elementor-nav-menu .elementor-item{font-family:"Lexend", Sans-serif;font-size:16px;font-weight:500;}.elementor-51 .elementor-element.elementor-element-12b6f34 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:29px;padding-right:29px;}.elementor-51 .elementor-element.elementor-element-12b6f34 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-51 .elementor-element.elementor-element-12b6f34 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-51 .elementor-element.elementor-element-12b6f34 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-51 .elementor-element.elementor-element-12b6f34 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-51 .elementor-element.elementor-element-12b6f34 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-51 .elementor-element.elementor-element-12b6f34 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:32px !important;}.elementor-51 .elementor-element.elementor-element-12b6f34 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-51 .elementor-element.elementor-element-12b6f34 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-51 .elementor-element.elementor-element-ac73da4{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-51 .elementor-element.elementor-element-0c90a9d .elementor-button{background-color:#D6372E;font-family:"Lexend", Sans-serif;font-weight:500;border-radius:999px 999px 999px 999px;padding:16px 40px 16px 40px;}.elementor-51 .elementor-element.elementor-element-0c90a9d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-51 .elementor-element.elementor-element-0c90a9d .elementor-button:hover, .elementor-51 .elementor-element.elementor-element-0c90a9d .elementor-button:focus{color:#FFFFFF;}.elementor-51 .elementor-element.elementor-element-0c90a9d .elementor-button:hover svg, .elementor-51 .elementor-element.elementor-element-0c90a9d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-51 .elementor-element.elementor-element-ffd11ef{--width:74%;}.elementor-51 .elementor-element.elementor-element-567ad2d{--width:20%;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-51 .elementor-element.elementor-element-12b6f34{--container-widget-width:37px;--container-widget-flex-grow:0;width:var( --container-widget-width, 37px );max-width:37px;--nav-menu-icon-size:25px;}}@media(min-width:768px){.elementor-51 .elementor-element.elementor-element-f6d29e1{--content-width:1400px;}.elementor-51 .elementor-element.elementor-element-3bc42f1{--width:100%;}.elementor-51 .elementor-element.elementor-element-ffd11ef{--width:40%;}.elementor-51 .elementor-element.elementor-element-ac73da4{--width:40%;}}/* Start custom CSS for container, class: .elementor-element-3bc42f1 *//* ======================================== */
/* 1. HEADER GLASS BOX                      */
/* ======================================== */
.glass-box-menu {
  background: transparent !important;
  border: 1px solid transparent !important;
  transition: background 0.4s ease, border-color 0.4s ease, backdrop-filter 0.4s ease, padding 0.4s ease !important;
}
.glass-box-menu.scrolled {
  background: rgba(8, 10, 24, 0.35) !important;
  backdrop-filter: blur(20px) saturate(150%) grayscale(20%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) grayscale(20%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  padding: 18px 20px !important;
}

/* ======================================== */
/* 2. DESKTOP DROPDOWN                      */
/* ======================================== */
.glass-box-menu .elementor-nav-menu li.menu-item-has-children,
.glass-box-menu .elementor-nav-menu .menu-item.has-submenu {
  position: relative !important;
}

.glass-box-menu .elementor-nav-menu .sub-menu,
.glass-box-menu ul.sub-menu,
.glass-box-menu nav .sub-menu {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background: rgba(8, 10, 24, 0.92) !important;
  backdrop-filter: blur(20px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 16px !important;
  padding: 10px !important;
  margin-top: 18px !important;
  min-width: 240px !important;
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.5),
    0 0 40px rgba(214, 55, 46, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  overflow: hidden !important;
  z-index: 9999 !important;
  list-style: none !important;
}

.glass-box-menu .sub-menu::before {
  content: '' !important;
  position: absolute !important;
  top: -20px !important;
  left: -20px !important;
  width: 150px !important;
  height: 150px !important;
  background: radial-gradient(circle, rgba(214, 55, 46, 0.2) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.glass-box-menu .sub-menu li {
  list-style: none !important;
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.glass-box-menu .sub-menu a,
.glass-box-menu .sub-menu .elementor-item,
.glass-box-menu .sub-menu .elementor-sub-item {
  color: #f5f5f7 !important;
  padding: 12px 18px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1) !important;
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  white-space: nowrap !important;
}

.glass-box-menu .sub-menu a::before,
.glass-box-menu .sub-menu .elementor-sub-item::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 3px !important;
  height: 0 !important;
  background: #D6372E !important;
  border-radius: 0 3px 3px 0 !important;
  transition: height 0.3s cubic-bezier(0.33, 1, 0.68, 1) !important;
}

.glass-box-menu .sub-menu a::after,
.glass-box-menu .sub-menu .elementor-sub-item::after {
  content: '→' !important;
  color: #D6372E !important;
  font-size: 16px !important;
  opacity: 0 !important;
  transform: translateX(-8px) !important;
  transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1) !important;
  margin-left: 12px !important;
  flex-shrink: 0 !important;
}

.glass-box-menu .sub-menu a:hover,
.glass-box-menu .sub-menu .elementor-sub-item:hover,
.glass-box-menu .sub-menu li:hover > a {
  background: rgba(214, 55, 46, 0.15) !important;
  color: #ffffff !important;
  padding-left: 22px !important;
}

.glass-box-menu .sub-menu a:hover::before,
.glass-box-menu .sub-menu .elementor-sub-item:hover::before,
.glass-box-menu .sub-menu li:hover > a::before {
  height: 60% !important;
}

.glass-box-menu .sub-menu a:hover::after,
.glass-box-menu .sub-menu .elementor-sub-item:hover::after,
.glass-box-menu .sub-menu li:hover > a::after {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

/* ============================================================ */
/* MOBILE MENU — FIX                                            */
/* ============================================================ */

@media (max-width: 1024px) {

  /* Mobilné hlavné menu — tmavé pozadie */
  .elementor-nav-menu--dropdown,
  .elementor-menu-toggle + nav,
  nav.elementor-nav-menu--dropdown {
    background: rgba(8, 10, 24, 0.95) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 16px !important;
    padding: 12px !important;
    margin-top: 12px !important;
    box-shadow:
      0 20px 60px rgba(0, 0, 0, 0.5),
      0 0 40px rgba(214, 55, 46, 0.08) !important;
  }

  /* Hlavné položky menu */
  .elementor-nav-menu--dropdown .elementor-item,
  .elementor-nav-menu--dropdown a.elementor-item {
    color: #f5f5f7 !important;
    padding: 14px 18px !important;
    border-radius: 10px !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .elementor-nav-menu--dropdown .elementor-item:hover,
  .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
  .elementor-nav-menu--dropdown .elementor-item.highlighted {
    background: rgba(214, 55, 46, 0.15) !important;
    color: #D6372E !important;
  }

  /* ========== FIX 1: ŠÍPKA PRI SLUŽBÁCH ========== */
  /* Šípka — biela farba, viditeľná na tmavom pozadí */
  .elementor-nav-menu--dropdown .sub-arrow,
  .elementor-nav-menu--dropdown .sub-arrow i,
  .elementor-nav-menu--dropdown .sub-arrow svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    opacity: 0.85 !important;
    font-size: 16px !important;
    transition: transform 0.3s ease !important;
    margin-left: 8px !important;
  }

  /* Keď je submenu otvorené — šípka sa otočí a zmení na červenú */
  .elementor-nav-menu--dropdown .menu-item.elementor-active .sub-arrow,
  .elementor-nav-menu--dropdown .menu-item-has-children.open .sub-arrow,
  .elementor-nav-menu--dropdown .elementor-item-active + .sub-menu ~ .sub-arrow {
    color: #D6372E !important;
    fill: #D6372E !important;
    transform: rotate(180deg) !important;
  }

  /* Keď je položka Služby aktívna/otvorená — šípka červená */
  .elementor-nav-menu--dropdown .elementor-item-active .sub-arrow,
  .elementor-nav-menu--dropdown [aria-expanded="true"] .sub-arrow {
    color: #D6372E !important;
    fill: #D6372E !important;
  }

  /* ========== FIX 2: SUBMENU NESMIE ZAKRÝVAŤ OSTATNÉ POLOŽKY ========== */
  /* Submenu (Služby rozbalené) — kompaktnejšie */
  .elementor-nav-menu--dropdown .sub-menu,
  .elementor-nav-menu--dropdown ul.sub-menu {
    background: rgba(214, 55, 46, 0.05) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 4px !important;
    margin: 4px 0 8px !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    position: static !important;
    min-width: auto !important;
    width: 100% !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Submenu položky — menšie paddingy aby sa všetko zmestilo */
  .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item,
  .elementor-nav-menu--dropdown .sub-menu a {
    color: rgba(245, 245, 247, 0.85) !important;
    padding: 10px 18px 10px 30px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: none !important;
    border-radius: 8px !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    white-space: normal !important;
  }

  /* Červená bodka pred submenu položkami */
  .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item::before,
  .elementor-nav-menu--dropdown .sub-menu a::before {
    content: '' !important;
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #D6372E !important;
    transition: transform 0.3s ease !important;
  }

  /* Odstráň šípku vpravo na mobile */
  .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item::after,
  .elementor-nav-menu--dropdown .sub-menu a::after {
    display: none !important;
    content: none !important;
  }

  /* Submenu hover */
  .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item:hover,
  .elementor-nav-menu--dropdown .sub-menu a:hover {
    background: rgba(214, 55, 46, 0.12) !important;
    color: #ffffff !important;
    padding-left: 34px !important;
  }

  .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item:hover::before,
  .elementor-nav-menu--dropdown .sub-menu a:hover::before {
    transform: translateY(-50%) scale(1.3) !important;
  }

  /* Odstráň border na poslednej položke */
  .elementor-nav-menu--dropdown .menu-item:last-child > .elementor-item {
    border-bottom: none !important;
  }

  /* ========== FIX 3: SCROLLOVANIE MENU ========== */
  /* Ak je menu dlhšie ako obrazovka, umožni scrollovanie */
  .elementor-nav-menu--dropdown {
    max-height: calc(100vh - 120px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Skryť scrollbar (ale nechať funkčnosť) */
  .elementor-nav-menu--dropdown::-webkit-scrollbar {
    width: 4px !important;
  }
  .elementor-nav-menu--dropdown::-webkit-scrollbar-track {
    background: transparent !important;
  }
  .elementor-nav-menu--dropdown::-webkit-scrollbar-thumb {
    background: rgba(214, 55, 46, 0.3) !important;
    border-radius: 2px !important;
  }
}/* End custom CSS */