.elementor-8 .elementor-element.elementor-element-874a9bf:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-874a9bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D7D9CE;}.elementor-8 .elementor-element.elementor-element-874a9bf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8 .elementor-element.elementor-element-874a9bf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );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 );}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-317a3a1{left:30px;}body.rtl .elementor-8 .elementor-element.elementor-element-317a3a1{right:30px;}.elementor-8 .elementor-element.elementor-element-317a3a1{top:32px;}.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown a, .elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-menu-toggle{color:#515151CF;fill:#515151CF;}.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-radius:0px 0px 5px 5px;}.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown a:hover,
					.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown a:focus,
					.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-menu-toggle:hover,
					.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown a:hover,
					.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown a:focus,
					.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown a.highlighted{background-color:#515151;}.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown .elementor-item, .elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;text-transform:uppercase;}.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:0px;border-top-right-radius:0px;}.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown a{padding-left:9px;padding-right:9px;padding-top:5px;padding-bottom:5px;}.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;border-bottom-width:1px;}.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:65px !important;}.elementor-8 .elementor-element.elementor-element-317a3a1 div.elementor-menu-toggle{color:#02010100;}.elementor-8 .elementor-element.elementor-element-317a3a1 div.elementor-menu-toggle svg{fill:#02010100;}.elementor-8 .elementor-element.elementor-element-086b7b2 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-d602fb7{padding:0px 0px 0px 50px;}.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu .elementor-item{font-family:"Helvetica", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;}.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--main .elementor-item{color:#515151CF;fill:#515151CF;padding-left:10px;padding-right:10px;}.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--main .elementor-item:focus{color:#A3A69D;fill:#A3A69D;}.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#61CE7000;}.elementor-8 .elementor-element.elementor-element-d602fb7 .e--pointer-framed .elementor-item:before,
					.elementor-8 .elementor-element.elementor-element-d602fb7 .e--pointer-framed .elementor-item:after{border-color:#61CE7000;}.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#A3A69D;}.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--dropdown a:hover,
					.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--dropdown a:focus,
					.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-menu-toggle:hover,
					.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--dropdown a:hover,
					.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--dropdown a:focus,
					.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--dropdown a.highlighted{background-color:#51515191;}.elementor-8 .elementor-element.elementor-element-d602fb7 div.elementor-menu-toggle{color:var( --e-global-color-text );}.elementor-8 .elementor-element.elementor-element-d602fb7 div.elementor-menu-toggle svg{fill:var( --e-global-color-text );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-1449ca2{width:25%;}.elementor-8 .elementor-element.elementor-element-086b7b2{width:75%;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-1449ca2{width:50%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-8 .elementor-element.elementor-element-317a3a1{margin:-36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -33px;top:33px;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-317a3a1{left:30px;}body.rtl .elementor-8 .elementor-element.elementor-element-317a3a1{right:30px;}.elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-8 .elementor-element.elementor-element-317a3a1 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:-15px !important;}.elementor-8 .elementor-element.elementor-element-d602fb7{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 15px 30px 0px;--nav-menu-icon-size:38px;}.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-8 .elementor-element.elementor-element-d602fb7 .elementor-menu-toggle{border-width:0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-317a3a1 *//* ===============================
   SAKRIJ DEFAULT HAMBURGER IKONICU
   =============================== */
.custom-nav-menu .elementor-menu-toggle i {
    display: none;
}

/* ===============================
   OSNOVNI STIL TOGGLE DUGMETA
   =============================== */
.custom-nav-menu .elementor-menu-toggle::before {
    content: "";
    display: block;
    width: 156px;      /* širina dugmeta */
    height: 50px;      /* visina dugmeta */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ===============================
   POLYLANG: SR VERZIJA
   (hvata sr, sr-RS, sr_Latn, itd.)
   =============================== */
html[lang^="sr"] .custom-nav-menu .elementor-menu-toggle::before {
    background-image: url("https://smokvica.rs/wp-content/uploads/2025/12/rezervisi-sto.png");
}

/* ===============================
   POLYLANG: EN VERZIJA
   (hvata en, en-US, en-GB, itd.)
   =============================== */
html[lang^="en"] .custom-nav-menu .elementor-menu-toggle::before {
    background-image: url("https://smokvica.rs/wp-content/uploads/2025/12/book-a-table-hor.png");
}

/* ===============================
   KLIK-ZONA + IZGLED DUGMETA
   =============================== */
.custom-nav-menu .elementor-menu-toggle {
    padding: 12px;
    width: auto;
    height: auto;
    background: transparent;
    border-radius: 12px;
}

/* ===============================
   POZICIONIRANJE NAV MENIJA
   =============================== */
.custom-nav-menu {
    position: relative;
    width: fit-content; /* bitno: dropdown = širina dugmeta */
}

/* ===============================
   DROPDOWN: širina + centriranje ispod dugmeta
   =============================== */
.custom-nav-menu .elementor-nav-menu--dropdown {
    min-width: unset !important;
    width: 156px !important; /* isto kao dugme */
    position: absolute;
    left: 100px;
    transform: translateX(-50%);
}


/* =========================================================
   MOBILE / TABLET FINO POZICIONIRANJE (DODATAK)
   Menjaj brojeve dok ti ne "legne" savršeno
   ========================================================= */
@media (max-width: 768px) {

    /* (1) Ako hoćeš drugačiju veličinu dugmeta na mobilnom */
    .custom-nav-menu .elementor-menu-toggle::before {
        width: 140px;  /* <-- promeni po želji */
        height: 46px;  /* <-- promeni po želji */
    }

    /* (2) Fino pomeranje celog dugmeta (toggle) */
    .custom-nav-menu .elementor-menu-toggle {
        /* OVO koristiš za pomeranje dugmeta bez menjanja layouta headera */
        transform: translateX(0px) translateY(0px); /* <-- menjaj X/Y */
        /* po potrebi možeš i padding da smanjiš */
        padding: 10px; /* <-- menjaj */
    }

    /* (3) Dropdown: širina + pozicija na mobilnom */
    .custom-nav-menu .elementor-nav-menu--dropdown {
        width: 140px !important; /* <-- neka prati mobile width dugmeta */
        left: 45% !important;    /* <-- centriraj ispod dugmeta */
        transform: translateX(-50%) !important;

        top: calc(100% + 8px);   /* <-- razmak ispod dugmeta (meni "pada" niže) */
        /* Ako ti treba da ode ulevo/udesno, koristi translate dodatno: */
        /* transform: translateX(-50%) translateX(0px) !important; */
    }
}/* End custom CSS */