.elementor-876 .elementor-element.elementor-element-764c7a8{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:-150px;--margin-left:0px;--margin-right:0px;--z-index:11272;}.elementor-876 .elementor-element.elementor-element-64bb0df{--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;--justify-content:center;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-876 .elementor-element.elementor-element-1e272ff{--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-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:15px;--padding-bottom:15px;--padding-left:25px;--padding-right:25px;}.elementor-876 .elementor-element.elementor-element-16537ce{--display:flex;}.elementor-876 .elementor-element.elementor-element-f4d1d3c{text-align:start;padding:6px 10px 6px 10px;border-radius:8px 8px 8px 8px;}.elementor-876 .elementor-element.elementor-element-f4d1d3c img{width:220px;}.elementor-876 .elementor-element.elementor-element-4b8503c{text-align:start;padding:6px 10px 6px 10px;border-radius:8px 8px 8px 8px;}.elementor-876 .elementor-element.elementor-element-4b8503c img{width:180px;}.elementor-876 .elementor-element.elementor-element-64cb4b8{--display:flex;}.elementor-876 .elementor-element.elementor-element-3fc6469{--display:flex;}.elementor-876 .elementor-element.elementor-element-a84b27f{--display:flex;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5);--z-index:9999;}.elementor-876 .elementor-element.elementor-element-add56d0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(7px/2);}.elementor-876 .elementor-element.elementor-element-add56d0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(7px/2);}.elementor-876 .elementor-element.elementor-element-add56d0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(7px/2);}.elementor-876 .elementor-element.elementor-element-add56d0 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-7px/2);}.elementor-876 .elementor-element.elementor-element-add56d0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-7px/2);}.elementor-876 .elementor-element.elementor-element-add56d0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-876 .elementor-element.elementor-element-add56d0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-876 .elementor-element.elementor-element-add56d0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;padding:10px 10px 10px 10px;width:var( --container-widget-width, 270px );max-width:270px;--container-widget-width:270px;--container-widget-flex-grow:0;}.elementor-876 .elementor-element.elementor-element-add56d0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-876 .elementor-element.elementor-element-add56d0 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;}.elementor-876 .elementor-element.elementor-element-add56d0 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-876 .elementor-element.elementor-element-e9e2302{--display:flex;}.elementor-876 .elementor-element.elementor-element-bda7091{--display:flex;}.elementor-876 .elementor-element.elementor-element-be0ef8c{--display:flex;--border-radius:12px 12px 12px 12px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.32);}.elementor-876 .elementor-element.elementor-element-731958b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(7px/2);}.elementor-876 .elementor-element.elementor-element-731958b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(7px/2);}.elementor-876 .elementor-element.elementor-element-731958b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(7px/2);}.elementor-876 .elementor-element.elementor-element-731958b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-7px/2);}.elementor-876 .elementor-element.elementor-element-731958b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-7px/2);}.elementor-876 .elementor-element.elementor-element-731958b .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-876 .elementor-element.elementor-element-731958b .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-876 .elementor-element.elementor-element-731958b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;padding:10px 10px 10px 10px;width:var( --container-widget-width, 270px );max-width:270px;--container-widget-width:270px;--container-widget-flex-grow:0;}.elementor-876 .elementor-element.elementor-element-731958b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-876 .elementor-element.elementor-element-731958b .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:700;}.elementor-876 .elementor-element.elementor-element-731958b .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-876 .elementor-element.elementor-element-57c6d03{--display:flex;}.elementor-876 .elementor-element.elementor-element-77efa44{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-space-between:0px;--n-menu-title-distance-from-content:20px;--n-menu-title-color-normal:var( --e-global-color-4e12c05 );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;z-index:9999;}.elementor-876 .elementor-element.elementor-element-77efa44 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-876 .elementor-element.elementor-element-77efa44 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-876 .elementor-element.elementor-element-77efa44 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-weight:700;--n-menu-title-line-height:1;}.elementor-876 .elementor-element.elementor-element-77efa44 {--n-menu-title-color-hover:var( --e-global-color-4e12c05 );--n-menu-title-color-active:var( --e-global-color-4e12c05 );}.elementor-876 .elementor-element.elementor-element-77efa44 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){background-color:var( --e-global-color-primary );}.elementor-876 .elementor-element.elementor-element-77efa44 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:10px 10px 10px 10px;}.elementor-876 .elementor-element.elementor-element-ebf29d5{--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:flex-end;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-876 .elementor-element.elementor-element-0424565 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-876 .elementor-element.elementor-element-0424565 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-876 .elementor-element.elementor-element-0424565 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-876 .elementor-element.elementor-element-0424565 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-876 .elementor-element.elementor-element-0424565 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-876 .elementor-element.elementor-element-0424565 .elementor-icon-list-icon i{color:var( --e-global-color-4e12c05 );transition:color 0.3s;}.elementor-876 .elementor-element.elementor-element-0424565 .elementor-icon-list-icon svg{fill:var( --e-global-color-4e12c05 );transition:fill 0.3s;}.elementor-876 .elementor-element.elementor-element-0424565{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-876 .elementor-element.elementor-element-0424565 .elementor-icon-list-text{transition:color 0.3s;}.elementor-876 .elementor-element.elementor-element-0262e1a .elementor-icon-wrapper{text-align:center;}.elementor-876 .elementor-element.elementor-element-0262e1a.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-876 .elementor-element.elementor-element-0262e1a.elementor-view-framed .elementor-icon, .elementor-876 .elementor-element.elementor-element-0262e1a.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-876 .elementor-element.elementor-element-0262e1a.elementor-view-framed .elementor-icon, .elementor-876 .elementor-element.elementor-element-0262e1a.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-876 .elementor-element.elementor-element-c1b1808{--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;--justify-content:flex-end;}.elementor-876 .elementor-element.elementor-element-419cfbb .elementor-button{font-family:"Manrope", Sans-serif;fill:var( --e-global-color-4e12c05 );color:var( --e-global-color-4e12c05 );background-color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:25px 25px 25px 25px;padding:7px 40px 7px 40px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1500px){.elementor-876 .elementor-element.elementor-element-ebf29d5{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-876 .elementor-element.elementor-element-0424565 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-876 .elementor-element.elementor-element-0424565 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-876 .elementor-element.elementor-element-0424565 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-876 .elementor-element.elementor-element-0424565 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-876 .elementor-element.elementor-element-0424565 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-876 .elementor-element.elementor-element-419cfbb .elementor-button{padding:10px 20px 10px 20px;}}@media(min-width:768px){.elementor-876 .elementor-element.elementor-element-16537ce{--width:25%;}.elementor-876 .elementor-element.elementor-element-64cb4b8{--width:55%;}.elementor-876 .elementor-element.elementor-element-a84b27f{--content-width:678px;}.elementor-876 .elementor-element.elementor-element-ebf29d5{--width:10%;}.elementor-876 .elementor-element.elementor-element-c1b1808{--width:12%;}}@media(max-width:1500px) and (min-width:768px){.elementor-876 .elementor-element.elementor-element-16537ce{--width:20%;}.elementor-876 .elementor-element.elementor-element-64cb4b8{--width:60%;}.elementor-876 .elementor-element.elementor-element-ebf29d5{--width:13%;}.elementor-876 .elementor-element.elementor-element-c1b1808{--width:12%;}}@media(max-width:1279px) and (min-width:768px){.elementor-876 .elementor-element.elementor-element-16537ce{--width:25%;}.elementor-876 .elementor-element.elementor-element-64cb4b8{--width:25%;}.elementor-876 .elementor-element.elementor-element-ebf29d5{--width:40%;}.elementor-876 .elementor-element.elementor-element-c1b1808{--width:25%;}}@media(max-width:1279px){.elementor-876 .elementor-element.elementor-element-77efa44.elementor-element{--align-self:flex-end;}.elementor-876 .elementor-element.elementor-element-ebf29d5{--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-876 .elementor-element.elementor-element-0262e1a .elementor-icon{font-size:25px;}.elementor-876 .elementor-element.elementor-element-0262e1a .elementor-icon svg{height:25px;}.elementor-876 .elementor-element.elementor-element-0262e1a{margin:3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-876 .elementor-element.elementor-element-16537ce{--width:50%;}.elementor-876 .elementor-element.elementor-element-64cb4b8{--width:1%;}.elementor-876 .elementor-element.elementor-element-ebf29d5{--width:43%;}.elementor-876 .elementor-element.elementor-element-0262e1a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-876 .elementor-element.elementor-element-c1b1808{--width:1%;}}/* Start custom CSS for container, class: .elementor-element-16537ce *//* ============================================================
   AQUA SOLVING – VÝMENA LOGA PRI STICKY
   Sticky logo: 80 % veľkosť + plynulý efekt
   ============================================================ */

.logo-switch {
    position: relative;
    display: grid;
    align-items: center;
}

/* Obe logá sú na rovnakom mieste */
.logo-switch .logo-main,
.logo-switch .logo-sticky {
    grid-area: 1 / 1;
    justify-self: start;
    transform-origin: left center;
    will-change: opacity, transform;
    transition:
        opacity 0.35s ease,
        transform 0.45s cubic-bezier(.22, 1, .36, 1),
        visibility 0.35s ease;
}

/* Pôvodné logo */
.logo-switch .logo-main {
    width: 100%;
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

/* Sticky logo – výsledná veľkosť 80 % */
.logo-switch .logo-sticky {
    width: 80% !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px) scale(0.92);
    pointer-events: none;
}

/* Pri sticky sa pôvodné logo jemne stratí */
.glass-header.elementor-sticky--effects
.logo-switch .logo-main {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px) scale(1.04);
    pointer-events: none;
}

/* Sticky logo sa plynulo zobrazí */
.glass-header.elementor-sticky--effects
.logo-switch .logo-sticky {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

/* Rešpektovanie nastavenia obmedzených animácií */
@media (prefers-reduced-motion: reduce) {
    .logo-switch .logo-main,
    .logo-switch .logo-sticky {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-77efa44 */.glass-header .e-n-menu-title-text,
.glass-header .e-n-menu-title,
.glass-header .e-n-menu-title-container {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
}

@media (max-width: 1300px) {
    .glass-header .e-n-menu-title-text {
        font-size: 16px !important;
         letter-spacing: -0.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8380a5 *//* ============================================================
   AQUA SOLVING – VYHĽADÁVANIE V HEADERI
   Stabilná pozícia · input sa otvára doľava
   ============================================================ */

.as-search-form {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;

  width: 48px;
  height: 48px;

  overflow: visible;
}

.as-search-box {
  position: relative;
  display: block;

  width: 48px;
  height: 48px;

  overflow: visible;
}


/* ============================================================
   IKONA LUPY
   ============================================================ */

.as-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 21;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 48px !important;
  min-width: 48px;
  height: 48px !important;

  padding: 0 !important;
  margin: 0;

  border: 0 !important;
  border-radius: 50%;

  background: transparent !important;
  box-shadow: none !important;

  /* Hore nad hero je zatvorená lupa biela */
  color: #FFFFFF !important;

  cursor: pointer;

  transform: translateY(-50%);

  transition:
    color 180ms ease,
    background-color 180ms ease;
}

.as-icon:hover {
  color: #8FD6C9 !important;
}


/* SVG aj jeho vnútorné elementy používajú farbu tlačidla */

.as-icon svg {
  display: block;

  width: 22px !important;
  min-width: 22px;
  max-width: 22px;
  height: 22px !important;

  color: inherit !important;
  fill: none !important;
  stroke: currentColor !important;

  pointer-events: none;
}

.as-icon svg path,
.as-icon svg circle,
.as-icon svg line,
.as-icon svg polyline {
  fill: none !important;
  stroke: currentColor !important;
}


/* ============================================================
   INPUT
   Ukotvený vpravo, otvára sa doľava
   ============================================================ */

.as-input {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 20;

  width: 0 !important;
  height: 48px !important;

  padding: 0 !important;
  margin: 0;

  opacity: 0;

  border: 1.5px solid transparent !important;
  border-radius: 50px !important;

  background: #FFFFFF;

  font-family: "Manrope", sans-serif;
  font-size: 16px;
  line-height: normal;
  color: #2B2F33;

  box-sizing: border-box;
  box-shadow: none;

  transform: translateY(-50%);

  transition:
    width 400ms cubic-bezier(.4, 0, .2, 1),
    opacity 300ms ease,
    padding 400ms cubic-bezier(.4, 0, .2, 1),
    border-color 300ms ease,
    box-shadow 300ms ease;
}


/* Placeholder */

.as-input::placeholder {
  color: rgba(43, 47, 51, 0.45);
  transition: opacity 250ms ease;
}

.as-input.as-ph-fade::placeholder {
  opacity: 0;
}


/* ============================================================
   OTVORENÝ STAV
   ============================================================ */

.as-search-box.open .as-input {
  width: 340px !important;

  padding: 0 50px 0 20px !important;

  opacity: 1;

  border-color: rgba(14, 58, 70, 0.25) !important;

  box-shadow:
    0 6px 20px rgba(14, 58, 70, 0.12);
}


/* FIX:
   Na bielom inpute musí byť lupa tmavá,
   bez ohľadu na sticky alebo transparentný stav hlavičky.
*/

.as-search-box.open .as-icon {
  color: #0E3A46 !important;
  background-color: transparent !important;
}


/* Hover otvorenej lupy */

.as-search-box.open .as-icon:hover {
  color: #0E3A46 !important;
  background-color: #8FD6C9 !important;
}


/* Focus inputu */

.as-search-box.open .as-input:focus {
  outline: none !important;

  border-color: #8FD6C9 !important;

  box-shadow:
    0 0 0 4px rgba(143, 214, 201, 0.30);
}


/* ============================================================
   STICKY HLAVIČKA
   Zatvorená lupa je tmavá
   ============================================================ */

.glass-header.elementor-sticky--effects .as-icon {
  color: #0E3A46 !important;
}


/* Otvorený stav má prioritu v oboch stavoch hlavičky */

.glass-header .as-search-box.open .as-icon,
.glass-header.elementor-sticky--effects
.as-search-box.open .as-icon {
  color: #0E3A46 !important;
}


/* ============================================================
   MOBIL
   ============================================================ */

@media (max-width: 767px) {
  .as-search-box.open .as-input {
    width: 220px !important;
  }
}


/* ============================================================
   REDUKOVANÝ POHYB
   ============================================================ */

@media (prefers-reduced-motion: reduce) {
  .as-icon,
  .as-input,
  .as-input::placeholder {
    transition-duration: 0.01ms !important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-419cfbb *//* ============================================================
   AQUA SOLVING – CTA tlačidlá s aurou
   ============================================================
   TEXTY TLAČIDIEL – MENÍŠ IBA TU:
   ============================================================ */

.aqua-btn-1 {
    --riadok1: "Nahrať";
    --riadok2: "rozbor vody";
}

.aqua-btn-2 {
    --riadok1: "Požiadať";
    --riadok2: "o návrh riešenia";
}

/* ďalšie tlačidlo pridáš takto:
.aqua-btn-3 {
    --riadok1: "Prvý riadok";
    --riadok2: "druhý riadok";
}
a v Elementore mu dáš triedy: aqua-cta aqua-btn-3
*/

/* ============================================================
   ODTIAĽTO DOLE UŽ NIČ NEMENÍŠ
   ============================================================ */

/* aura + hover */
.aqua-cta .elementor-button {
    position: relative;
    border-radius: 50px !important;

    box-shadow:
        0 0 0 1px rgba(143, 214, 201, 0.15),
        0 6px 16px rgba(14, 58, 70, 0.30),
        0 0 20px 2px rgba(143, 214, 201, 0.22) !important;

    transition: transform 0.35s ease;
}

.aqua-cta .elementor-button:hover {
    transform: translateY(-3px);
}

/* dvojriadkový text z premenných */
.aqua-cta .elementor-button-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0;
    line-height: 1;
}

.aqua-cta .elementor-button-text::before {
    content: var(--riadok1);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
}

.aqua-cta .elementor-button-text::after {
    content: var(--riadok2);
    margin-top: 3px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-764c7a8 *//* ============================================================
   AQUA SOLVING – GLASS HEADER
   Trieda: glass-header
   Výška: 92 → 80 px
   Menu a submenu polohuje Elementor
   ============================================================ */

.glass-header {
  /* ---------- ROZMERY ---------- */
  --h-height:          92px;
  --h-height-stuck:    80px;
  --logo-height:       56px;
  --logo-height-stuck: 44px;
  --cta-scale:         0.88;

  /* ---------- FARBY ---------- */
  --g-bg:        rgba(255, 255, 255, 0.08);
  --g-blur:      30px;
  --g-saturate:  200%;
  --g-sheen:     rgba(255, 255, 255, 0.55);
  --as-dark:     #0E3A46;
  --as-accent:   #7FD1C1;
  --as-hover-bg: #F4FAFA;

  /* ---------- ČASOVANIE ---------- */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.30, 1);
  --ease-spring:   cubic-bezier(0.34, 1.42, 0.64, 1);
  --ease-smooth:   cubic-bezier(0.40, 0, 0.20, 1);

  --dur-shell:  520ms;
  --dur-logo:   560ms;
  --dur-cta:    480ms;
  --dur-color:  0ms;
  --dur-shadow: 700ms;

  --delay-logo: 40ms;
  --delay-cta:  90ms;

  position: relative;
  z-index: 999;

  height: var(--h-height) !important;
  min-height: var(--h-height) !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;

  border: 0;
  border-radius: 0 !important;

  display: flex !important;
  align-items: center !important;

  background:
    linear-gradient(
      100deg,
      rgba(255, 255, 255, 0) 30%,
      var(--g-sheen) 48%,
      rgba(255, 255, 255, 0) 66%
    ),
    var(--g-bg) !important;

  background-size: 250% 100%, 100% 100%;
  background-position: -60% 0, 0 0;
  background-repeat: no-repeat;

  -webkit-backdrop-filter:
    blur(var(--g-blur))
    saturate(var(--g-saturate));

  backdrop-filter:
    blur(var(--g-blur))
    saturate(var(--g-saturate));

  box-shadow:
    inset 0 -1px 0 rgba(255, 255, 255, 0.85),
    0 1px 0 rgba(15, 23, 42, 0.10),
    0 10px 30px rgba(15, 23, 42, 0.08);

  transition:
    height var(--dur-shell) var(--ease-out-expo),
    min-height var(--dur-shell) var(--ease-out-expo),
    box-shadow var(--dur-shadow) var(--ease-smooth) !important;

  isolation: isolate;
  overflow: visible;

  animation: glass-sheen 9s ease-in-out infinite;
}


/* ============================================================
   OPTIMALIZÁCIA POČAS POHYBU
   ============================================================ */

.glass-header:hover,
.glass-header.elementor-sticky--effects {
  will-change: height, box-shadow;
}


/* ============================================================
   SKLENENÝ ODLESK
   ============================================================ */

@keyframes glass-sheen {
  0% {
    background-position: -60% 0, 0 0;
  }

  50% {
    background-position: 160% 0, 0 0;
  }

  100% {
    background-position: 160% 0, 0 0;
  }
}


/* ============================================================
   VNÚTORNÝ KONTAJNER

   Bez justify-content a bez vlastného flex rozloženia.
   Horizontálnu polohu menu riadi Elementor.
   ============================================================ */

.glass-header > .e-con-inner {
  height: 100% !important;
  min-height: 0 !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* ============================================================
   SPODNÁ SVETELNÁ ČIARA HLAVIČKY
   ============================================================ */

.glass-header::after {
  content: "";

  position: absolute;
  inset: auto 0 0 0;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      color-mix(
        in srgb,
        var(--as-accent) 70%,
        transparent
      ) 30%,
      color-mix(
        in srgb,
        var(--as-accent) 90%,
        transparent
      ) 50%,
      color-mix(
        in srgb,
        var(--as-accent) 70%,
        transparent
      ) 70%,
      transparent 100%
    );

  transform: scaleX(0.2);
  transform-origin: center;

  opacity: 0;
  pointer-events: none;

  transition: none !important;
}

.glass-header.elementor-sticky--effects::after {
  transform: scaleX(1);
  opacity: 1;
}


/* ============================================================
   SCROLL PROGRESS ČIARA
   Zvýšená z 2 px na 3 px
   ============================================================ */

@supports (animation-timeline: scroll()) {

  .glass-header::before {
    content: "";

    position: absolute;
    inset: auto 0 0 auto;
    left: 0;

    height: 3px;

    background:
      linear-gradient(
        90deg,
        var(--as-dark),
        var(--as-accent)
      );

    transform: scaleX(0);
    transform-origin: 0 50%;

    opacity: 0;
    pointer-events: none;

    transition:
      opacity var(--dur-shell) var(--ease-smooth);

    animation: as-scroll-progress linear both;
    animation-timeline: scroll(root block);
  }

  .glass-header.elementor-sticky--effects::before {
    opacity: 1;
  }

  @keyframes as-scroll-progress {
    from {
      transform: scaleX(0);
    }

    to {
      transform: scaleX(1);
    }
  }
}


/* ============================================================
   STICKY STAV
   ============================================================ */

.glass-header.elementor-sticky--effects {
  height: var(--h-height-stuck) !important;
  min-height: var(--h-height-stuck) !important;

  background: #ffffff !important;

  -webkit-backdrop-filter: none;
  backdrop-filter: none;

  animation: none;

  box-shadow:
    inset 0 -1px 0 rgba(255, 255, 255, 0.95),
    0 1px 0 rgba(15, 23, 42, 0.06),
    0 18px 44px -12px rgba(14, 58, 70, 0.16);
}


/* ============================================================
   LOGO
   ============================================================ */

.glass-header .elementor-widget-theme-site-logo img,
.glass-header .elementor-widget-image img {
  display: block;

  width: auto;
  max-height: var(--logo-height);

  vertical-align: middle;

  transition:
    max-height
    var(--dur-logo)
    var(--ease-out-expo)
    var(--delay-logo);
}

.glass-header.elementor-sticky--effects
.elementor-widget-theme-site-logo img,
.glass-header.elementor-sticky--effects
.elementor-widget-image img {
  max-height: var(--logo-height-stuck);
}


/* ============================================================
   CTA TLAČIDLO
   ============================================================ */

.glass-header .aqua-cta .elementor-button {
  zoom: 1;

  transition:
    zoom var(--dur-cta) var(--ease-spring) var(--delay-cta),
    transform var(--dur-cta) var(--ease-spring),
    box-shadow var(--dur-cta) var(--ease-smooth) !important;
}

.glass-header.elementor-sticky--effects
.aqua-cta .elementor-button {
  zoom: var(--cta-scale);
}


/* Padding iba pre tlačidlo.
   Menu padding už CSS neupravuje. */

.glass-header .elementor-button {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}


/* Widgety nesmú pridávať vertikálny margin */

.glass-header .elementor-widget,
.glass-header .elementor-widget-container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* ============================================================
   STICKY FARBY

   Iba farba textu a šípok.
   Žiadna zmena rozloženia, paddingu ani submenu.
   ============================================================ */

.glass-header .e-n-menu-title-text,
.glass-header .e-n-menu-title svg,
.glass-header .e-n-menu-title svg path,
.glass-header .elementor-icon-list-icon,
.glass-header .elementor-icon-list-icon svg,
.glass-header .elementor-icon-list-icon svg path,
.glass-header .as-icon,
.glass-header .as-icon svg,
.glass-header .as-icon svg path {
  transition:
    color var(--dur-color) var(--ease-smooth),
    fill var(--dur-color) var(--ease-smooth),
    stroke var(--dur-color) var(--ease-smooth);
}


/* Menu a šípky po aktivácii sticky */

.glass-header.elementor-sticky--effects
.e-n-menu-title-text,
.glass-header.elementor-sticky--effects
.e-n-menu-title svg,
.glass-header.elementor-sticky--effects
.e-n-menu-title svg path {
  color: var(--as-dark) !important;
  fill: var(--as-dark) !important;
  stroke: var(--as-dark) !important;
}


/* Sociálne ikony po aktivácii sticky */

.glass-header.elementor-sticky--effects
.elementor-icon-list-icon,
.glass-header.elementor-sticky--effects
.elementor-icon-list-icon svg,
.glass-header.elementor-sticky--effects
.elementor-icon-list-icon svg path {
  color: var(--as-dark) !important;
  fill: var(--as-dark) !important;
}


/* Lupa po aktivácii sticky */

.glass-header.elementor-sticky--effects .as-icon,
.glass-header.elementor-sticky--effects .as-icon::before,
.glass-header.elementor-sticky--effects .as-icon::after {
  color: var(--as-dark) !important;
}

.glass-header.elementor-sticky--effects .as-icon svg,
.glass-header.elementor-sticky--effects .as-icon svg path,
.glass-header.elementor-sticky--effects .as-icon svg circle,
.glass-header.elementor-sticky--effects .as-icon svg line {
  fill: none !important;
  stroke: var(--as-dark) !important;
  color: var(--as-dark) !important;
}


/* Hamburger ikona po aktivácii sticky */

.glass-header .elementor-element-0262e1a .elementor-icon,
.glass-header .elementor-element-0262e1a .elementor-icon svg,
.glass-header .elementor-element-0262e1a .elementor-icon svg path {
  transition:
    color var(--dur-color) var(--ease-smooth),
    fill var(--dur-color) var(--ease-smooth),
    stroke var(--dur-color) var(--ease-smooth);
}

.glass-header.elementor-sticky--effects
.elementor-element-0262e1a .elementor-icon,
.glass-header.elementor-sticky--effects
.elementor-element-0262e1a .elementor-icon svg,
.glass-header.elementor-sticky--effects
.elementor-element-0262e1a .elementor-icon svg path {
  color: var(--as-dark) !important;
  fill: var(--as-dark) !important;
  stroke: var(--as-dark) !important;
}


/* ============================================================
   AQUA SOLVING – MENU A SUBMENU HOVER
   Bez akéhokoľvek posúvania položiek
   ============================================================ */

@media (min-width: 1025px) {

  /* ----------------------------------------------------------
     ZÁKLAD – žiadne posúvanie icon-list položiek
     ---------------------------------------------------------- */

  .glass-header .elementor-icon-list-item,
  .glass-header .elementor-icon-list-item:hover {
    transform: none !important;
  }

  /* Submenu icon list – stabilný priestor aj pred hoverom */
  .glass-header .e-n-menu-content .elementor-icon-list-item {
    width: 100%;
    margin: 0 !important;
    padding: 9px 12px !important;
    border-radius: 10px;

    transition:
      background-color 180ms var(--ease-smooth),
      color 180ms var(--ease-smooth) !important;
  }


  /* ==========================================================
     HLAVIČKA HORE – NIE JE STICKY
     Tmavý hover ako na hlavnej položke menu
     ========================================================== */

  .glass-header:not(.elementor-sticky--effects)
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title:hover,

  .glass-header:not(.elementor-sticky--effects)
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title[aria-expanded="true"] {
    background-color: var(--as-dark) !important;
    border-radius: 14px;
  }

  /* Text hlavného menu */
  .glass-header:not(.elementor-sticky--effects)
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title:hover
  .e-n-menu-title-text,

  .glass-header:not(.elementor-sticky--effects)
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title[aria-expanded="true"]
  .e-n-menu-title-text {
    color: #ffffff !important;
  }

  /* Šípka hlavného menu */
  .glass-header:not(.elementor-sticky--effects)
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title:hover svg,

  .glass-header:not(.elementor-sticky--effects)
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title:hover svg path,

  .glass-header:not(.elementor-sticky--effects)
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title[aria-expanded="true"] svg,

  .glass-header:not(.elementor-sticky--effects)
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title[aria-expanded="true"] svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }

  /* Submenu icon-list hover hore */
  .glass-header:not(.elementor-sticky--effects)
  .e-n-menu-content
  .elementor-icon-list-item:hover {
    background-color: var(--as-dark) !important;
  }

  .glass-header:not(.elementor-sticky--effects)
  .e-n-menu-content
  .elementor-icon-list-item:hover
  .elementor-icon-list-text {
    color: #ffffff !important;
  }

  .glass-header:not(.elementor-sticky--effects)
  .e-n-menu-content
  .elementor-icon-list-item:hover svg,

  .glass-header:not(.elementor-sticky--effects)
  .e-n-menu-content
  .elementor-icon-list-item:hover svg path {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }


  /* ==========================================================
     STICKY HLAVIČKA
     Svetlé hover pozadie + tmavý obsah
     ========================================================== */

  .glass-header.elementor-sticky--effects
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title:hover,

  .glass-header.elementor-sticky--effects
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title[aria-expanded="true"] {
    background-color: var(--as-hover-bg) !important;
    border-radius: 14px;
  }

  /* Text hlavného menu v sticky stave */
  .glass-header.elementor-sticky--effects
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title:hover
  .e-n-menu-title-text,

  .glass-header.elementor-sticky--effects
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title[aria-expanded="true"]
  .e-n-menu-title-text {
    color: var(--as-dark) !important;
  }

  /* Šípka hlavného menu v sticky stave */
  .glass-header.elementor-sticky--effects
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title:hover svg,

  .glass-header.elementor-sticky--effects
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title:hover svg path,

  .glass-header.elementor-sticky--effects
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title[aria-expanded="true"] svg,

  .glass-header.elementor-sticky--effects
  .e-n-menu-heading
  > .e-n-menu-item
  > .e-n-menu-title[aria-expanded="true"] svg path {
    color: var(--as-dark) !important;
    fill: var(--as-dark) !important;
    stroke: var(--as-dark) !important;
  }

  /* Submenu icon-list hover v sticky stave */
  .glass-header.elementor-sticky--effects
  .e-n-menu-content
  .elementor-icon-list-item:hover {
    background-color: var(--as-hover-bg) !important;
  }

  .glass-header.elementor-sticky--effects
  .e-n-menu-content
  .elementor-icon-list-item:hover
  .elementor-icon-list-text {
    color: var(--as-dark) !important;
  }

  .glass-header.elementor-sticky--effects
  .e-n-menu-content
  .elementor-icon-list-item:hover svg,

  .glass-header.elementor-sticky--effects
  .e-n-menu-content
  .elementor-icon-list-item:hover svg path {
    color: var(--as-dark) !important;
    fill: var(--as-dark) !important;
    stroke: var(--as-dark) !important;
  }
}

/* ============================================================
   HOVER LUPY V STICKY STAVE
   ============================================================ */

.glass-header.elementor-sticky--effects
.as-icon:hover:not(:active) {
  background-color: var(--as-hover-bg) !important;
}

.glass-header.elementor-sticky--effects .as-icon:active,
.glass-header.elementor-sticky--effects
.as-icon[aria-expanded="true"],
.glass-header.elementor-sticky--effects
.as-icon:focus:not(:focus-visible) {
  background-color: transparent !important;
}


/* ============================================================
   FALLBACK BEZ BACKDROP-FILTER
   ============================================================ */

@supports not (
  (backdrop-filter: blur(1px)) or
  (-webkit-backdrop-filter: blur(1px))
) {
  .glass-header {
    background: rgba(255, 255, 255, 0.90) !important;
    animation: none;
  }
}


/* ============================================================
   TABLET A MOBIL
   ============================================================ */

@media (max-width: 1024px) {

  .glass-header {
    --h-height:          76px;
    --h-height-stuck:    66px;
    --logo-height:       44px;
    --logo-height-stuck: 38px;
    --cta-scale:         0.92;

    --g-bg:   rgba(255, 255, 255, 0.30);
    --g-blur: 22px;

    --dur-shell: 380ms;
    --dur-logo:  400ms;
    --dur-cta:   340ms;

    --delay-logo: 20ms;
    --delay-cta:  50ms;

    border-radius: 0 !important;
  }
}


/* ============================================================
   REDUKOVANÝ POHYB
   ============================================================ */

@media (prefers-reduced-motion: reduce) {

  .glass-header,
  .glass-header::before,
  .glass-header::after,
  .glass-header *,
  .glass-header *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0ms !important;
  }
}


/* ============================================================
   POZADIE A BLUR SA NEANIMUJÚ
   ============================================================ */

.glass-header,
.glass-header.elementor-sticky--effects {
  transition-property:
    height,
    min-height,
    box-shadow !important;
}/* End custom CSS */