.elementor-41 .elementor-element.elementor-element-67504937{--display:flex;--min-height:10vh;--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:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;--z-index:99;}.elementor-41 .elementor-element.elementor-element-67504937:not(.elementor-motion-effects-element-type-background), .elementor-41 .elementor-element.elementor-element-67504937 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#505C61F2;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-41 .elementor-element.elementor-element-69be47e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-41 .elementor-element.elementor-element-69be47e{text-align:start;}.elementor-41 .elementor-element.elementor-element-69be47e img{width:300px;}.elementor-41 .elementor-element.elementor-element-f8c715b{--display:flex;}.elementor-41 .elementor-element.elementor-element-c933710{--display:flex;}.elementor-41 .elementor-element.elementor-element-2f2a9b5{--display:flex;}@media(max-width:1024px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-41 .elementor-element.elementor-element-69be47e img{height:59px;object-fit:contain;}}@media(max-width:767px){.elementor-41 .elementor-element.elementor-element-67504937{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-41 .elementor-element.elementor-element-69be47e{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:center;}.elementor-41 .elementor-element.elementor-element-69be47e > .elementor-widget-container{margin:0px 0px -8px 0px;}.elementor-41 .elementor-element.elementor-element-69be47e img{height:53px;}}/* Start custom CSS for html, class: .elementor-element-280d22c */#mobile-toggle{
width:35px;
height:25px;
position:fixed;
top:20px;
right:20px;
border:none;
background:none;
cursor:pointer;
z-index:9999;
}

#mobile-toggle span{
position:absolute;
width:100%;
height:3px;
background:white;
left:0;
transition:0.3s;
}

#mobile-toggle span:nth-child(1){top:0;}
#mobile-toggle span:nth-child(2){top:11px;}
#mobile-toggle span:nth-child(3){bottom:0;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67504937 */<!-- HAMBURGER MENU -->
<button id="mobile-toggle">☰</button>

<!-- Overlay -->
<div id="menu-overlay"></div>

<!-- Novi glavni meni -->
<nav class="nav-menu" id="main-menu">
    <ul>
        <li><a href="/">Domov</a></li>
        <li><a href="/reservations">Rezervacije</a></li>
        <li><a href="/offers">Ponudbe</a></li>
        <li><a href="/contact">Kontakt</a></li>
    </ul>
</nav>

<script>
document.addEventListener('DOMContentLoaded', function() {
  const toggle = document.getElementById('mobile-toggle');
  const menu = document.getElementById('main-menu');
  const overlay = document.getElementById('menu-overlay');
  const links = menu.querySelectorAll('a');

  function openMenu() {
    menu.classList.add('active');
    overlay.classList.add('active');

    links.forEach((link, i) => {
      link.style.transition = 'opacity 0.3s ease-in-out';
      link.style.opacity = 0;
      setTimeout(() => { link.style.opacity = 1; }, i * 100);
    });
  }

  function closeMenu() {
    menu.classList.remove('active');
    overlay.classList.remove('active');
    links.forEach(link => link.style.opacity = 1);
  }

  toggle.addEventListener('click', function() {
    if(menu.classList.contains('active')) {
      closeMenu();
    } else {
      openMenu();
    }
  });

  overlay.addEventListener('click', closeMenu);

  links.forEach(link => link.addEventListener('click', closeMenu));
});
</script>/* End custom CSS */