/* ==========================================================================\n   v3.84.133 — moderni zeleni mobilni meni\n   Potpuno zeleni drawer sa glass karticama, zlatnim akcentima i accordionom.\n   ========================================================================== */
.de-mobile-nav-head{display:none}
.de-submenu-toggle{display:none}

@media (max-width:960px){
    body.de90-theme.de-menu-open{overflow:hidden!important}

    body.de90-theme .de-menu-backdrop{
        position:fixed!important;
        inset:0!important;
        z-index:10001!important;
        display:block!important;
        width:100vw!important;
        height:100dvh!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:rgba(1,18,15,.72)!important;
        -webkit-backdrop-filter:blur(8px)!important;
        backdrop-filter:blur(8px)!important;
    }

    body.de90-theme .de-main-nav{
        --de-menu-green-950:#041f1a;
        --de-menu-green-900:#062b24;
        --de-menu-green-850:#07362d;
        --de-menu-green-800:#0a4438;
        --de-menu-green-700:#105848;
        --de-menu-gold:#d6b56a;
        --de-menu-cream:#fff9ed;
        position:fixed!important;
        inset:0 0 0 auto!important;
        z-index:10002!important;
        display:block!important;
        width:min(92vw,390px)!important;
        max-width:390px!important;
        height:100vh!important;
        height:100dvh!important;
        min-height:100vh!important;
        margin:0!important;
        padding:0 14px calc(20px + env(safe-area-inset-bottom,0px))!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
        -webkit-overflow-scrolling:touch!important;
        border:0!important;
        border-left:1px solid rgba(214,181,106,.16)!important;
        border-radius:28px 0 0 28px!important;
        background:
            radial-gradient(circle at 92% 3%,rgba(214,181,106,.16),transparent 24%),
            radial-gradient(circle at 15% 64%,rgba(26,110,89,.18),transparent 32%),
            linear-gradient(165deg,var(--de-menu-green-800) 0%,var(--de-menu-green-900) 45%,var(--de-menu-green-950) 100%)!important;
        box-shadow:-34px 0 80px rgba(0,0,0,.48)!important;
        scrollbar-width:thin!important;
        scrollbar-color:rgba(214,181,106,.42) transparent!important;
    }
    body.de90-theme .de-main-nav::-webkit-scrollbar{width:4px!important}
    body.de90-theme .de-main-nav::-webkit-scrollbar-thumb{background:rgba(214,181,106,.42)!important;border-radius:99px!important}

    body.de90-theme .de-mobile-nav-head{
        position:sticky!important;
        top:0!important;
        z-index:6!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:15px!important;
        margin:0 -14px 14px!important;
        padding:calc(19px + env(safe-area-inset-top,0px)) 16px 17px!important;
        border-bottom:1px solid rgba(214,181,106,.22)!important;
        border-radius:28px 0 20px 20px!important;
        background:linear-gradient(180deg,rgba(5,39,32,.97),rgba(6,47,39,.94))!important;
        -webkit-backdrop-filter:blur(18px)!important;
        backdrop-filter:blur(18px)!important;
        box-shadow:0 12px 30px rgba(0,0,0,.14)!important;
    }
    body.de90-theme .de-mobile-nav-head::after{
        content:""!important;
        position:absolute!important;
        left:16px!important;
        right:72px!important;
        bottom:-1px!important;
        height:1px!important;
        background:linear-gradient(90deg,var(--de-menu-gold),transparent)!important;
        opacity:.7!important;
    }
    body.de90-theme .de-mobile-nav-brand{min-width:0!important}
    body.de90-theme .de-mobile-nav-brand>span{
        display:flex!important;
        align-items:center!important;
        gap:7px!important;
        margin:0 0 7px!important;
        color:var(--de-menu-gold)!important;
        font:900 8px/1 var(--de-sans)!important;
        letter-spacing:.20em!important;
        text-transform:uppercase!important;
    }
    body.de90-theme .de-mobile-nav-brand>span::before{
        content:""!important;
        width:17px!important;
        height:1px!important;
        background:currentColor!important;
        opacity:.9!important;
    }
    body.de90-theme .de-mobile-nav-brand>strong{
        display:block!important;
        margin:0!important;
        color:var(--de-menu-cream)!important;
        font:800 25px/.98 var(--de-serif)!important;
        letter-spacing:-.03em!important;
        white-space:nowrap!important;
    }
    body.de90-theme .de-mobile-nav-brand>small{
        display:block!important;
        margin-top:7px!important;
        color:rgba(255,249,237,.58)!important;
        font:800 9px/1 var(--de-sans)!important;
        letter-spacing:.18em!important;
    }

    body.de90-theme .de-menu-close{
        flex:0 0 43px!important;
        display:grid!important;
        place-items:center!important;
        width:43px!important;
        height:43px!important;
        min-width:43px!important;
        min-height:43px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid rgba(214,181,106,.34)!important;
        border-radius:50%!important;
        background:rgba(255,255,255,.055)!important;
        color:var(--de-menu-cream)!important;
        box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
        cursor:pointer!important;
        -webkit-tap-highlight-color:transparent!important;
        transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
    }
    body.de90-theme .de-menu-close:hover,
    body.de90-theme .de-menu-close:focus-visible{
        border-color:var(--de-menu-gold)!important;
        background:var(--de-menu-gold)!important;
        color:var(--de-menu-green-950)!important;
        outline:none!important;
        transform:rotate(3deg)!important;
    }
    body.de90-theme .de-menu-close__icon{
        display:block!important;
        font:300 28px/1 var(--de-sans)!important;
        transform:translateY(-1px)!important;
    }

    body.de90-theme .de-main-nav .de-menu{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:6px!important;
        width:100%!important;
        margin:0!important;
        padding:0 0 10px!important;
        list-style:none!important;
    }
    body.de90-theme .de-main-nav .de-menu>li{
        position:relative!important;
        display:block!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
    }
    body.de90-theme .de-main-nav .de-menu>li>a{
        position:relative!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        width:100%!important;
        min-height:52px!important;
        margin:0!important;
        padding:13px 15px 13px 43px!important;
        overflow:hidden!important;
        border:1px solid rgba(255,255,255,.075)!important;
        border-radius:17px!important;
        background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
        -webkit-backdrop-filter:blur(8px)!important;
        backdrop-filter:blur(8px)!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 5px 15px rgba(0,0,0,.055)!important;
        color:rgba(255,249,237,.91)!important;
        font:800 14.5px/1.24 var(--de-sans)!important;
        letter-spacing:.005em!important;
        text-align:left!important;
        text-decoration:none!important;
        white-space:normal!important;
        transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
    }
    body.de90-theme .de-main-nav .de-menu>li>a::before{
        content:""!important;
        position:absolute!important;
        display:block!important;
        left:16px!important;
        top:50%!important;
        width:8px!important;
        height:8px!important;
        margin-top:-4px!important;
        border:1px solid rgba(214,181,106,.75)!important;
        border-radius:50%!important;
        background:rgba(214,181,106,.08)!important;
        box-shadow:0 0 0 4px rgba(214,181,106,.045)!important;
    }
    body.de90-theme .de-main-nav .de-menu>li>a::after{display:none!important;content:none!important}
    body.de90-theme .de-main-nav .de-menu>li.menu-item-has-children>a{padding-right:58px!important}
    body.de90-theme .de-main-nav .de-menu>li>a:hover,
    body.de90-theme .de-main-nav .de-menu>li>a:focus-visible{
        border-color:rgba(214,181,106,.32)!important;
        background:linear-gradient(135deg,rgba(19,91,74,.96),rgba(11,69,57,.90))!important;
        color:#fff!important;
        outline:none!important;
        transform:translateX(-2px)!important;
    }
    body.de90-theme .de-main-nav .de-menu>li.current-menu-item>a,
    body.de90-theme .de-main-nav .de-menu>li.current-menu-parent>a,
    body.de90-theme .de-main-nav .de-menu>li.current-menu-ancestor>a{
        border-color:rgba(214,181,106,.58)!important;
        background:linear-gradient(135deg,#176853 0%,#0e5646 100%)!important;
        color:#fff!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 24px rgba(0,0,0,.16)!important;
    }
    body.de90-theme .de-main-nav .de-menu>li.current-menu-item>a::before,
    body.de90-theme .de-main-nav .de-menu>li.current-menu-parent>a::before,
    body.de90-theme .de-main-nav .de-menu>li.current-menu-ancestor>a::before{
        background:var(--de-menu-gold)!important;
        border-color:var(--de-menu-gold)!important;
        box-shadow:0 0 0 4px rgba(214,181,106,.12),0 0 16px rgba(214,181,106,.24)!important;
    }

    body.de90-theme.de-mobile-menu-enhanced .de-main-nav .de-menu>li.menu-item-has-children>.de-submenu-toggle{
        position:absolute!important;
        top:7px!important;
        right:7px!important;
        z-index:2!important;
        display:grid!important;
        place-items:center!important;
        width:38px!important;
        height:38px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid rgba(214,181,106,.18)!important;
        border-radius:13px!important;
        background:rgba(0,0,0,.11)!important;
        color:rgba(255,249,237,.76)!important;
        cursor:pointer!important;
        -webkit-tap-highlight-color:transparent!important;
        transition:background .18s ease,border-color .18s ease,color .18s ease!important;
    }
    body.de90-theme.de-mobile-menu-enhanced .de-main-nav .de-menu>li.menu-item-has-children>.de-submenu-toggle:hover,
    body.de90-theme.de-mobile-menu-enhanced .de-main-nav .de-menu>li.menu-item-has-children>.de-submenu-toggle:focus-visible{
        border-color:rgba(214,181,106,.55)!important;
        background:rgba(214,181,106,.12)!important;
        color:var(--de-menu-gold)!important;
        outline:none!important;
    }
    body.de90-theme.de-mobile-menu-enhanced .de-main-nav .de-menu>li.current-menu-parent>.de-submenu-toggle,
    body.de90-theme.de-mobile-menu-enhanced .de-main-nav .de-menu>li.current-menu-ancestor>.de-submenu-toggle{
        border-color:rgba(255,255,255,.18)!important;
        background:rgba(255,255,255,.08)!important;
        color:#fff!important;
    }
    body.de90-theme .de-submenu-toggle>span{
        display:block!important;
        width:8px!important;
        height:8px!important;
        border-right:2px solid currentColor!important;
        border-bottom:2px solid currentColor!important;
        transform:translateY(-2px) rotate(45deg)!important;
        transition:transform .2s ease!important;
    }
    body.de90-theme .menu-item-has-children.is-submenu-open>.de-submenu-toggle>span{
        transform:translateY(2px) rotate(225deg)!important;
    }

    body.de90-theme.de-mobile-menu-enhanced .de-main-nav .de-menu>li.menu-item-has-children>.sub-menu{display:none!important}
    body.de90-theme.de-mobile-menu-enhanced .de-main-nav .de-menu>li.menu-item-has-children.is-submenu-open>.sub-menu{display:grid!important}
    body.de90-theme .de-main-nav .de-menu .sub-menu{
        position:static!important;
        grid-template-columns:1fr!important;
        gap:5px!important;
        width:auto!important;
        min-width:0!important;
        margin:6px 0 3px 19px!important;
        padding:6px 0 6px 11px!important;
        border:0!important;
        border-left:1px solid rgba(214,181,106,.46)!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:none!important;
    }
    body.de90-theme .de-main-nav .de-menu .sub-menu li{display:block!important;width:100%!important;margin:0!important}
    body.de90-theme .de-main-nav .de-menu .sub-menu a{
        position:relative!important;
        display:block!important;
        width:100%!important;
        min-height:0!important;
        padding:10px 12px 10px 14px!important;
        border:1px solid rgba(255,255,255,.055)!important;
        border-radius:13px!important;
        background:rgba(0,0,0,.105)!important;
        color:rgba(255,249,237,.72)!important;
        font:700 12.6px/1.32 var(--de-sans)!important;
        text-decoration:none!important;
        white-space:normal!important;
        transition:background .16s ease,border-color .16s ease,color .16s ease!important;
    }
    body.de90-theme .de-main-nav .de-menu .sub-menu a::before{
        content:""!important;
        position:absolute!important;
        left:-14px!important;
        top:50%!important;
        width:5px!important;
        height:1px!important;
        background:rgba(214,181,106,.45)!important;
    }
    body.de90-theme .de-main-nav .de-menu .sub-menu a:hover,
    body.de90-theme .de-main-nav .de-menu .sub-menu a:focus-visible{
        border-color:rgba(214,181,106,.24)!important;
        background:rgba(24,103,84,.34)!important;
        color:#fff!important;
        outline:none!important;
    }
    body.de90-theme .de-main-nav .de-menu .sub-menu .current-menu-item>a{
        border-color:rgba(214,181,106,.36)!important;
        background:rgba(214,181,106,.10)!important;
        color:#f3d996!important;
        font-weight:900!important;
    }

    body.de90-theme .de-menu-toggle{
        position:relative!important;
        z-index:10004!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:9px!important;
        min-width:80px!important;
        height:42px!important;
        padding:0 13px!important;
        border:1px solid rgba(214,181,106,.42)!important;
        border-radius:14px!important;
        background:linear-gradient(135deg,rgba(12,82,67,.92),rgba(6,53,44,.94))!important;
        color:#fff9ed!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 15px rgba(0,0,0,.12)!important;
        font:900 11.5px/1 var(--de-sans)!important;
        letter-spacing:.045em!important;
        cursor:pointer!important;
        -webkit-tap-highlight-color:transparent!important;
    }
    body.de90-theme .de-menu-toggle::before{
        content:""!important;
        display:block!important;
        width:16px!important;
        height:2px!important;
        border-radius:99px!important;
        background:var(--de-menu-gold,#d6b56a)!important;
        box-shadow:0 -5px 0 var(--de-menu-gold,#d6b56a),0 5px 0 var(--de-menu-gold,#d6b56a)!important;
        font-size:0!important;
    }
    body.de90-theme .de-menu-toggle:hover,
    body.de90-theme .de-menu-toggle:focus-visible{
        border-color:#d6b56a!important;
        background:linear-gradient(135deg,#12614f,#0a463a)!important;
        outline:none!important;
    }
    body.de90-theme .de-menu-toggle.is-open,
    body.de90-theme .de-menu-state:checked~.de-menu-toggle{
        border-color:#d6b56a!important;
        background:#d6b56a!important;
        color:#04251f!important;
    }
    body.de90-theme .de-menu-toggle.is-open::before,
    body.de90-theme .de-menu-state:checked~.de-menu-toggle::before{
        background:#04251f!important;
        box-shadow:0 -5px 0 #04251f,0 5px 0 #04251f!important;
    }
}

@media (max-width:420px){
    body.de90-theme .de-main-nav{width:min(94vw,370px)!important}
    body.de90-theme .de-mobile-nav-brand>strong{font-size:22px!important}
    body.de90-theme .de-main-nav .de-menu>li>a{min-height:50px!important;padding-top:12px!important;padding-bottom:12px!important;font-size:14px!important}
}

@media (max-width:350px){
    body.de90-theme .de-main-nav{width:100vw!important;max-width:none!important;border-radius:0!important}
    body.de90-theme .de-mobile-nav-head{border-radius:0 0 20px 20px!important}
}

@media (min-width:961px){
    .de-mobile-nav-head,.de-submenu-toggle{display:none!important}
}