.elementor-121 .elementor-element.elementor-element-9c7b097{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:80px;--padding-right:80px;}.elementor-121 .elementor-element.elementor-element-6334ec9{--e-transform-scale:1.1;}.elementor-121 .elementor-element.elementor-element-6334ec9 img{width:100%;max-width:100%;}.elementor-121 .elementor-element.elementor-element-06991b3 .elementor-button{background-color:#02010100;font-family:var( --e-global-typography-9ffc1b9-font-family ), Sans-serif;font-size:var( --e-global-typography-9ffc1b9-font-size );font-weight:var( --e-global-typography-9ffc1b9-font-weight );text-transform:var( --e-global-typography-9ffc1b9-text-transform );line-height:var( --e-global-typography-9ffc1b9-line-height );letter-spacing:var( --e-global-typography-9ffc1b9-letter-spacing );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:none;}.elementor-121 .elementor-element.elementor-element-06991b3 .elementor-button:hover, .elementor-121 .elementor-element.elementor-element-06991b3 .elementor-button:focus{color:var( --e-global-color-accent );}.elementor-121 .elementor-element.elementor-element-06991b3 .elementor-button:hover svg, .elementor-121 .elementor-element.elementor-element-06991b3 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-121 .elementor-element.elementor-element-d97f444{--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;}.elementor-121 .elementor-element.elementor-element-022e0f7 .elementor-button{background-color:#02010100;font-family:var( --e-global-typography-9ffc1b9-font-family ), Sans-serif;font-size:var( --e-global-typography-9ffc1b9-font-size );font-weight:var( --e-global-typography-9ffc1b9-font-weight );text-transform:var( --e-global-typography-9ffc1b9-text-transform );line-height:var( --e-global-typography-9ffc1b9-line-height );letter-spacing:var( --e-global-typography-9ffc1b9-letter-spacing );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:none;}.elementor-121 .elementor-element.elementor-element-022e0f7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-121 .elementor-element.elementor-element-022e0f7 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-121 .elementor-element.elementor-element-022e0f7 .elementor-button:hover, .elementor-121 .elementor-element.elementor-element-022e0f7 .elementor-button:focus{color:var( --e-global-color-accent );}.elementor-121 .elementor-element.elementor-element-022e0f7 .elementor-button:hover svg, .elementor-121 .elementor-element.elementor-element-022e0f7 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-121 .elementor-element.elementor-element-a0f026f .elementor-icon-wrapper{text-align:center;}.elementor-121 .elementor-element.elementor-element-a0f026f .elementor-icon{font-size:50px;}.elementor-121 .elementor-element.elementor-element-a0f026f .elementor-icon svg{height:50px;}.elementor-121 .elementor-element.elementor-element-f61c5fc{--display:flex;--min-height:100vh;--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-start;--padding-top:130px;--padding-bottom:10px;--padding-left:80px;--padding-right:80px;}#elementor-popup-modal-121 .dialog-widget-content{animation-duration:1s;background-image:url("https://ekokat.splitx.com/wp-content/uploads/2025/08/Hero.webp");background-repeat:no-repeat;background-size:cover;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-121 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-121{justify-content:center;align-items:center;}@media(max-width:1024px){.elementor-121 .elementor-element.elementor-element-9c7b097{--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-121 .elementor-element.elementor-element-6334ec9{text-align:start;}.elementor-121 .elementor-element.elementor-element-6334ec9 img{width:50%;max-width:50%;}.elementor-121 .elementor-element.elementor-element-06991b3 .elementor-button{font-size:var( --e-global-typography-9ffc1b9-font-size );line-height:var( --e-global-typography-9ffc1b9-line-height );letter-spacing:var( --e-global-typography-9ffc1b9-letter-spacing );}.elementor-121 .elementor-element.elementor-element-022e0f7 .elementor-button{font-size:var( --e-global-typography-9ffc1b9-font-size );line-height:var( --e-global-typography-9ffc1b9-line-height );letter-spacing:var( --e-global-typography-9ffc1b9-letter-spacing );}.elementor-121 .elementor-element.elementor-element-a0f026f .elementor-icon{font-size:35px;}.elementor-121 .elementor-element.elementor-element-a0f026f .elementor-icon svg{height:35px;}.elementor-121 .elementor-element.elementor-element-f61c5fc{--padding-top:120px;--padding-bottom:10px;--padding-left:30px;--padding-right:030px;}}@media(max-width:767px){.elementor-121 .elementor-element.elementor-element-9c7b097{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-121 .elementor-element.elementor-element-6334ec9{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:start;}.elementor-121 .elementor-element.elementor-element-6334ec9 img{width:100%;max-width:100%;}.elementor-121 .elementor-element.elementor-element-06991b3 .elementor-button{font-size:var( --e-global-typography-9ffc1b9-font-size );line-height:var( --e-global-typography-9ffc1b9-line-height );letter-spacing:var( --e-global-typography-9ffc1b9-letter-spacing );}.elementor-121 .elementor-element.elementor-element-d97f444{--width:40%;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-121 .elementor-element.elementor-element-022e0f7 .elementor-button{font-size:var( --e-global-typography-9ffc1b9-font-size );line-height:var( --e-global-typography-9ffc1b9-line-height );letter-spacing:var( --e-global-typography-9ffc1b9-letter-spacing );}.elementor-121 .elementor-element.elementor-element-a0f026f .elementor-icon-wrapper{text-align:end;}.elementor-121 .elementor-element.elementor-element-a0f026f .elementor-icon{font-size:40px;}.elementor-121 .elementor-element.elementor-element-a0f026f .elementor-icon svg{height:40px;}.elementor-121 .elementor-element.elementor-element-f61c5fc{--padding-top:100px;--padding-bottom:10px;--padding-left:30px;--padding-right:10px;}}@media(min-width:768px){.elementor-121 .elementor-element.elementor-element-9c7b097{--width:100%;}}@media(min-width:2400px){.elementor-121 .elementor-element.elementor-element-9c7b097{--padding-top:20px;--padding-bottom:20px;--padding-left:80px;--padding-right:80px;}.elementor-121 .elementor-element.elementor-element-6334ec9 img{width:100%;max-width:100%;}.elementor-121 .elementor-element.elementor-element-06991b3 .elementor-button{font-size:var( --e-global-typography-9ffc1b9-font-size );line-height:var( --e-global-typography-9ffc1b9-line-height );letter-spacing:var( --e-global-typography-9ffc1b9-letter-spacing );}.elementor-121 .elementor-element.elementor-element-022e0f7 .elementor-button{font-size:var( --e-global-typography-9ffc1b9-font-size );line-height:var( --e-global-typography-9ffc1b9-line-height );letter-spacing:var( --e-global-typography-9ffc1b9-letter-spacing );}.elementor-121 .elementor-element.elementor-element-a0f026f .elementor-icon{font-size:80px;}.elementor-121 .elementor-element.elementor-element-a0f026f .elementor-icon svg{height:80px;}.elementor-121 .elementor-element.elementor-element-f61c5fc{--padding-top:360px;--padding-bottom:10px;--padding-left:80px;--padding-right:80px;}}/* Start custom CSS for html, class: .elementor-element-c0783fe *//* ======================================================
   BASE
   ====================================================== */

/* WRAPPER: lijevi column na početku containera + 160px razmak */
.custom-menu {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;

  /* ✅ desktop fluidnost (umjesto fiksnih 160px) */
  gap: clamp(80px, 6vw, 160px);

  font-family: sans-serif;
  text-align: left;
}

/* KOLONE */
.custom-menu .menu-column {
  list-style: none;
  margin: 0;
  padding: 0;

  /* ✅ desktop fluidnost (umjesto flex: 0 0 auto) */
  flex: 0 1 auto;
  min-width: 0;
}

/* STAVKE */
.custom-menu .menu-item {
  margin-bottom: 20px;
  transition: color .2s ease;
  white-space: nowrap;
}

.custom-menu .menu-item:last-child {
  margin-bottom: 0;
}

/* poništi margin-bottom na sub-stavkama */
.custom-menu .submenu .menu-item {
  margin-bottom: 0;
}

/* GLAVNI LINKOVI */
.custom-menu > .menu-column > .menu-item > a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #fff;
  transition: color .2s ease;
  font-family: "Hubot Sans", sans-serif;
  font-weight: 300;
  font-size: clamp(30px, 2.3vw, 64px);
  line-height: 1.05;
  letter-spacing: -0.02em;
}

/* BROJEVI */
.custom-menu .menu-number {
  font-family: "Hubot Sans", sans-serif;
  font-weight: 300;
  font-size: clamp(12px, 1vw, 32px);
  line-height: 100%;
  letter-spacing: -0.02em;
  margin-right: 40px;
  display: inline-block;
  width: 2ch;
}

/* SUBMENU – default */
.custom-menu .submenu {
  display: inline-flex;
  align-items: center;
  list-style: none;
  margin: 24px 0 0 110px;
  padding: 0;
  gap: 0;
  white-space: nowrap;

  /* ✅ desktop fluidnost (ne dira tablet/mobile jer oni overrideaju margin-left) */
  margin-left: clamp(48px, 6vw, 110px);
}

/* SUBMENU LINKOVI */
.custom-menu .submenu .menu-item a {
  position: relative;
  padding-left: 16px;
  margin-right: 30px;
  color: #fff;
  opacity: .8;
  font-family: "Hubot Sans", sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: clamp(18px, 1.6vw, 48px);
  line-height: 1.15;
  letter-spacing: -0.02em;
  text-decoration: none;
  transition: opacity .2s ease, color .2s ease;
}

.custom-menu .submenu .menu-item:last-child a {
  margin-right: 0;
}

/* DOT */
.custom-menu .submenu .menu-item a::before {
  content: "";
  position: absolute;
  left: 0;
  top: .62em;
  transform: translateY(-50%);
  width: clamp(6px, 0.5vw, 16px);
  height: clamp(6px, 0.5vw, 16px);
  border: 1px solid #fff;
  border-radius: 50%;
  transition: background .2s ease, border-color .2s ease;
}

/* HOVER */
.custom-menu .menu-item:hover > a,
.custom-menu .menu-item.active > a,
.custom-menu .submenu .menu-item:hover > a,
.custom-menu .submenu .menu-item.active > a {
  color: #00e6ff;
}

.custom-menu .submenu .menu-item a:hover::before,
.custom-menu .submenu .menu-item.active > a::before {
  background: #4BC8DB;
  border-color: #4BC8DB;
}


/* ======================================================
   DESKTOP: samo ZONING submenu (Long Stay / Charter / ROI)
   -> ROI može otići u novi red (kao na mobu)
   ====================================================== */
@media (min-width: 1025px) {
  /* targetira točno /charters-and-roi/ submenu bez diranja ostalih */
  .custom-menu a[href="/charters-and-roi/"] + .submenu {
    display: flex;          /* umjesto inline-flex */
    flex-wrap: wrap;
    white-space: normal;
    row-gap: 10px;
  }

  .custom-menu a[href="/charters-and-roi/"] + .submenu .menu-item {
    white-space: normal;    /* override global nowrap */
  }

  /* ROI namjerno u drugi red */
  .custom-menu a[href="/charters-and-roi/"] + .submenu .menu-item:last-child {
    flex-basis: 100%;
  }
}


/* ======================================================
   TABLET (tvoj original)
   ====================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
  .custom-menu {
    flex-wrap: wrap;
    column-gap: 100px;
    row-gap: 32px;
  }

  .custom-menu .menu-column {
    flex: 0 1 calc((100% - 100px) / 2);
    max-width: calc((100% - 100px) / 2);
  }

  .custom-menu > .menu-column > .menu-item > a {
    font-size: clamp(24px, 4vw, 32px);
  }

  .custom-menu .submenu {
    margin-left: 40px;
    margin-top: 12px;
    flex-wrap: wrap;
    white-space: normal;
  }

  .custom-menu .submenu .menu-item { 
    white-space: normal; 
  }

  .custom-menu .submenu .menu-item a {
    font-size: clamp(16px, 2.5vw, 20px);
    margin-right: 15px;
    padding-left: 10px;
  }

  .custom-menu .submenu .menu-item a::before {
    width: 6px;
    height: 6px;
    top: .58em;
  }

  .custom-menu .menu-number {
    margin-right: 20px !important;
    font-size: 14px;
  }

  .custom-menu .menu-item {
    margin-bottom: 16px;
  }
}


/* ======================================================
   MOBILE (tvoj original + FIXES)
   - dodan padding-bottom (da ne ljubi dno)
   - smanjen gap između UL stupaca (rješava veliki razmak 04->05)
   ====================================================== */
@media (max-width: 767px) {
  .custom-menu {
    flex-direction: column;
    gap: 12px; /* bilo 24px -> ovo je taj “veliki razmak” između 04 i 05 */
    width: 100%;
    box-sizing: border-box;

    /* da ne bude zalijepljeno za dno */
    padding: 24px 0 clamp(32px, 6vh, 96px);
  }

  .custom-menu .menu-column {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .custom-menu .menu-item { 
    margin-bottom: 12px;
    white-space: normal;
  }

  .custom-menu > .menu-column > .menu-item > a {
    font-size: clamp(20px, 6vw, 28px);
    line-height: 1.05;
  }

  .custom-menu .menu-number {
    font-size: 12px;
    margin-right: 12px;
  }

  .custom-menu .submenu {
    margin: 10px 0 0 24px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 6px;
    white-space: normal;
  }

  .custom-menu .submenu .menu-item a {
    font-size: clamp(14px, 3.8vw, 16px);
    padding-left: 10px;
    margin-right: 12px;
    line-height: 1.18;
  }

  .custom-menu .submenu .menu-item a::before {
    width: 5px;
    height: 5px;
    top: .56em;
  }
}

/* ======================================================
   “ONE COLUMN” FIX za sve <=1024 (ne samo mob)
   - ovo hvata i tablet u portrait / uske laptope gdje ide u 1 stupac
   ====================================================== */
@media (max-width: 1024px) {
  /* ako se kod tebe u ovom rangeu prebacuje u 1 stupac,
     ovo osigura padding-bottom i manji razmak između UL-ova */
  .custom-menu {
    padding-bottom: clamp(32px, 6vh, 96px);
  }
}


/* ======================================================
   ULTRA WIDESCREEN (2400px+)
   ====================================================== */
@media (min-width: 2400px) {
  .custom-menu{
    gap: clamp(220px, 12vw, 360px);
  }

  .custom-menu .menu-item{
    margin-bottom: 34px;
  }

  .custom-menu > .menu-column > .menu-item > a{
    font-size: clamp(56px, 2.4vw, 92px);
    line-height: 1.02;
    letter-spacing: -0.015em;
  }

  .custom-menu .menu-number{
    font-size: clamp(18px, 0.9vw, 36px);
    margin-right: 64px;
  }

  .custom-menu .submenu{
    margin-top: 36px;
    margin-left: 140px; /* widescreen override */
  }

  .custom-menu .submenu .menu-item a{
    font-size: clamp(26px, 1.6vw, 60px);
    margin-right: 46px;
    opacity: 0.85;
  }

  .custom-menu .submenu .menu-item a::before{
    top: .66em;
    width: clamp(8px, 0.45vw, 16px);
    height: clamp(8px, 0.45vw, 16px);
  }
}


/* ======================================================
   UNDERLINE – NextGen (tvoj original)
   ====================================================== */
.custom-menu .menu-label {
  position: relative;
  display: inline-block;
}

.custom-menu .menu-label::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 2px;
  background: repeating-linear-gradient(
    90deg,
    #01E6FF 0%,
    rgba(1, 230, 255, 0) 25%,
    #01E6FF 50%,
    rgba(1, 230, 255, 0) 75%,
    #01E6FF 100%
  );
  background-size: 200% 100%;
  background-position: 0 0;
}

.custom-menu .menu-nextgen .menu-label::after {
  animation:
    nextgen-underline 0.7s ease forwards 1.5s,
    nextgen-shimmer 3s linear infinite 2.2s;
}

@keyframes nextgen-underline {
  from { width: 0; }
  to   { width: 100%; }
}

@keyframes nextgen-shimmer {
  0%   { background-position: 0% 0; }
  100% { background-position: -200% 0; }
}/* End custom CSS */
/* Start custom CSS *//* Sakrij defaultni close-button u svim Elementor popupovima */
.elementor-popup-modal .dialog-close-button,
.elementor-popup-modal .dialog-lightbox-close-button {
  display: none !important;
}/* End custom CSS */