/* Parking Servis Tivat — v0.2.13 clean header + modern desktop quick menu */
.header-visually-hidden{
    position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
    overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}

/* Desktop primary navigation */
.header-v0213 .header-v022-menu{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:18px!important;
    margin-left:auto!important;
    padding:0!important;
    overflow:visible!important;
}
.header-v0213 .header-v022-menu > a{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:48px!important;
    padding:0!important;
    background:transparent!important;
    color:#272a2f!important;
    font-size:12.4px!important;
    font-weight:780!important;
    letter-spacing:.055em!important;
    line-height:1!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-decoration:none!important;
}
.header-v0213 .header-v022-menu > a::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    right:50%!important;
    bottom:-31px!important;
    height:3px!important;
    border-radius:999px 999px 0 0!important;
    background:var(--soft-yellow,#ffcb08)!important;
    transition:left .2s ease,right .2s ease!important;
}
.header-v0213 .header-v022-menu > a:hover,
.header-v0213 .header-v022-menu > a.active{color:#111!important}
.header-v0213 .header-v022-menu > a:hover::after,
.header-v0213 .header-v022-menu > a.active::after{left:0!important;right:0!important}

/* Desktop menu trigger */
.header-v0213 .header-more-v0213{
    position:relative!important;
    display:block!important;
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
}
.header-v0213 .header-more-icon-v0213{
    position:relative!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #e5e6e8!important;
    border-radius:14px!important;
    background:#f7f7f8!important;
    color:#26292e!important;
    cursor:pointer!important;
    list-style:none!important;
    box-shadow:0 5px 16px rgba(20,25,31,.045)!important;
    transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
.header-v0213 .header-more-icon-v0213::-webkit-details-marker{display:none!important}
.header-v0213 .header-more-icon-v0213::marker{display:none!important;content:""!important}
.header-v0213 .header-more-icon-v0213::after{display:none!important}
.header-v0213 .header-more-icon-v0213:hover{
    background:#fff7d2!important;
    border-color:#f1d55a!important;
    box-shadow:0 10px 26px rgba(25,28,34,.10)!important;
    transform:translateY(-1px)!important;
}
.header-v0213 .header-more-v0213[open] > .header-more-icon-v0213{
    background:var(--soft-yellow,#ffcb08)!important;
    border-color:var(--soft-yellow,#ffcb08)!important;
    box-shadow:0 10px 28px rgba(212,166,0,.22)!important;
}
.header-v0213 .header-more-lines{
    display:flex!important;
    width:21px!important;
    height:18px!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
}
.header-v0213 .header-more-lines i{
    display:block!important;
    width:21px!important;
    height:2px!important;
    margin:0!important;
    border-radius:999px!important;
    background:currentColor!important;
    transition:transform .22s ease,opacity .18s ease,width .18s ease!important;
}
.header-v0213 .header-more-v0213[open] .header-more-lines i:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
.header-v0213 .header-more-v0213[open] .header-more-lines i:nth-child(2){opacity:0!important;width:10px!important}
.header-v0213 .header-more-v0213[open] .header-more-lines i:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}

/* Modern desktop dropdown */
@media (min-width:981px){
    .header-v0213 .header-more-panel-v0213{
        position:absolute!important;
        top:calc(100% + 16px)!important;
        right:-4px!important;
        width:326px!important;
        min-width:326px!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        gap:6px!important;
        box-sizing:border-box!important;
        margin:0!important;
        padding:10px!important;
        border:1px solid rgba(224,225,228,.95)!important;
        border-radius:20px!important;
        background:rgba(255,255,255,.985)!important;
        box-shadow:0 26px 70px rgba(21,26,33,.17),0 3px 10px rgba(21,26,33,.05)!important;
        z-index:300!important;
        overflow:hidden!important;
    }
    .header-v0213 .header-more-panel-v0213::before{
        content:""!important;
        position:absolute!important;
        top:-7px!important;
        right:20px!important;
        width:14px!important;
        height:14px!important;
        background:#fff!important;
        border-top:1px solid #e0e1e4!important;
        border-left:1px solid #e0e1e4!important;
        transform:rotate(45deg)!important;
    }
    .header-v0213 .header-more-panel-head{
        position:relative!important;
        display:flex!important;
        flex-direction:column!important;
        gap:3px!important;
        padding:8px 10px 9px!important;
        border-bottom:1px solid #efeff1!important;
        margin-bottom:2px!important;
    }
    .header-v0213 .header-more-panel-head span{
        color:#9b7900!important;
        font-size:10px!important;
        font-weight:850!important;
        letter-spacing:.12em!important;
        line-height:1.2!important;
        text-transform:uppercase!important;
    }
    .header-v0213 .header-more-panel-head strong{
        color:#24272c!important;
        font-size:17px!important;
        font-weight:820!important;
        letter-spacing:-.02em!important;
        line-height:1.2!important;
    }
    .header-v0213 .header-more-panel-v0213 > .header-more-item{
        display:grid!important;
        grid-template-columns:44px minmax(0,1fr) 24px!important;
        align-items:center!important;
        column-gap:12px!important;
        width:100%!important;
        min-height:64px!important;
        box-sizing:border-box!important;
        margin:0!important;
        padding:9px 10px!important;
        border:1px solid transparent!important;
        border-radius:14px!important;
        background:transparent!important;
        color:#282b30!important;
        text-decoration:none!important;
        text-align:left!important;
        white-space:normal!important;
        transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
    }
    .header-v0213 .header-more-panel-v0213 > .header-more-item:hover,
    .header-v0213 .header-more-panel-v0213 > .header-more-item.active{
        background:#f8f8f9!important;
        border-color:#eeeeef!important;
        color:#16181b!important;
        transform:translateX(2px)!important;
    }
    .header-v0213 .header-more-item-icon{
        display:grid!important;
        place-items:center!important;
        width:44px!important;
        height:44px!important;
        border-radius:13px!important;
        background:#fff6c9!important;
        color:#7f6300!important;
        transition:background .18s ease,color .18s ease!important;
    }
    .header-v0213 .header-more-item:hover .header-more-item-icon,
    .header-v0213 .header-more-item.active .header-more-item-icon{
        background:var(--soft-yellow,#ffcb08)!important;
        color:#292300!important;
    }
    .header-v0213 .header-more-item-icon svg{width:22px!important;height:22px!important;display:block!important}
    .header-v0213 .header-more-item-copy{
        display:flex!important;
        min-width:0!important;
        flex-direction:column!important;
        gap:3px!important;
    }
    .header-v0213 .header-more-item-copy strong{
        color:inherit!important;
        font-size:14px!important;
        font-weight:820!important;
        letter-spacing:-.01em!important;
        line-height:1.2!important;
        text-transform:none!important;
    }
    .header-v0213 .header-more-item-copy small{
        color:#7c828a!important;
        font-size:11.5px!important;
        font-weight:560!important;
        letter-spacing:0!important;
        line-height:1.25!important;
        text-transform:none!important;
    }
    .header-v0213 .header-more-item-arrow{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        width:24px!important;
        height:24px!important;
        border-radius:50%!important;
        color:#92969c!important;
        font-size:17px!important;
        transition:background .18s ease,color .18s ease,transform .18s ease!important;
    }
    .header-v0213 .header-more-item:hover .header-more-item-arrow{
        background:#fff!important;
        color:#111!important;
        transform:translateX(2px)!important;
    }
}

/* Fit the full primary menu cleanly on laptops */
@media (max-width:1420px) and (min-width:981px){
    .header-v0213 .header-v022-inner{width:min(1300px,calc(100% - 34px))!important;gap:20px!important}
    .header-v0213 .header-v022-menu{gap:13px!important}
    .header-v0213 .header-v022-menu > a{font-size:11.6px!important;letter-spacing:.035em!important}
}
@media (max-width:1220px) and (min-width:981px){
    .header-v0213 .header-v022-inner{gap:14px!important}
    .header-v0213 .header-v022-menu{gap:9px!important}
    .header-v0213 .header-v022-menu > a{font-size:10.8px!important;letter-spacing:.015em!important}
    .header-v0213 .municipality-logo-wrap{display:none!important}
    .header-v0213 .pst-mark-wrap{width:126px!important;height:118px!important}
    .header-v0213 .pst-main-logo{width:104px!important}
    .header-v0213 .header-more-icon-v0213{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:12px!important}
}

/* Mobile: no nested "Više" UI; extra links become normal menu rows. */
@media (max-width:980px){
    .header-v0213 .header-v022-inner{min-height:84px!important;width:calc(100% - 28px)!important;padding:0!important}
    .header-v0213 .header-v022-brand{min-height:84px!important}
    .header-v0213 .pst-mark-wrap{width:112px!important;height:102px!important;margin:-8px 0 -18px!important;border-radius:0 0 42% 42%!important}
    .header-v0213 .pst-main-logo{width:91px!important}
    .header-v0213 .mobile-menu-toggle{display:flex!important;position:relative!important;right:auto!important;top:auto!important;margin-left:auto!important;z-index:130!important}

    .header-v0213 .header-v022-menu{
        display:flex!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;
        width:min(76vw,410px)!important;height:100dvh!important;padding:110px 28px 34px!important;
        background:#fff!important;box-shadow:-22px 0 60px rgba(16,20,27,.18)!important;
        transform:translateX(105%)!important;transition:transform .32s cubic-bezier(.2,.78,.2,1)!important;
        flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
        overflow-y:auto!important;z-index:120!important;
    }
    body.mobile-menu-open .header-v0213 .header-v022-menu{transform:translateX(0)!important}
    .header-v0213 .header-v022-menu > a{
        display:flex!important;width:100%!important;min-height:52px!important;align-items:center!important;
        padding:0 4px!important;border-bottom:1px solid #ececef!important;
        color:#24272c!important;font-size:14px!important;font-weight:750!important;letter-spacing:.055em!important;text-transform:uppercase!important;
    }
    .header-v0213 .header-v022-menu > a::after{display:none!important}

    .header-v0213 .header-more-v0213{display:block!important;width:100%!important;position:static!important;order:20!important;margin:0!important;padding:0!important}
    .header-v0213 .header-more-icon-v0213{display:none!important}
    .header-v0213 .header-more-panel-v0213{
        position:static!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
        width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
        background:transparent!important;box-shadow:none!important;overflow:visible!important;
    }
    .header-v0213 .header-more-panel-v0213::before,
    .header-v0213 .header-more-panel-head{display:none!important}
    .header-v0213 .header-more-panel-v0213 > .header-more-item{
        display:flex!important;width:100%!important;min-height:52px!important;align-items:center!important;justify-content:flex-start!important;
        box-sizing:border-box!important;margin:0!important;padding:0 4px!important;border:0!important;border-bottom:1px solid #ececef!important;
        border-radius:0!important;background:transparent!important;color:#24272c!important;text-decoration:none!important;
    }
    .header-v0213 .header-more-item-icon,
    .header-v0213 .header-more-item-copy small,
    .header-v0213 .header-more-item-arrow{display:none!important}
    .header-v0213 .header-more-item-copy{display:block!important}
    .header-v0213 .header-more-item-copy strong{
        color:inherit!important;font-size:14px!important;font-weight:750!important;letter-spacing:.055em!important;line-height:1.25!important;text-transform:uppercase!important;
    }
    .header-v0213 .header-more-item.active{color:#111!important}
}

@media (max-width:680px){
    .header-v0213 .header-v022-inner{width:calc(100% - 22px)!important}
    .header-v0213 .header-v022-menu{width:min(82vw,390px)!important;padding:96px 22px 28px!important}
}


/* v0.2.13a — Mobile menu cleanup: one burger only */
.header-v0213 .header-mobile-extra{
    display:none!important;
}

@media (max-width:980px){
    /* The desktop quick-menu must not exist visually inside the already-open mobile menu. */
    .header-v0213 .header-more-v0213{
        display:none!important;
    }

    /* Direct mobile rows replace the nested desktop quick-menu. */
    .header-v0213 .header-mobile-extra{
        display:flex!important;
        width:100%!important;
        flex-direction:column!important;
        align-items:stretch!important;
        gap:0!important;
        order:20!important;
        margin:0!important;
        padding:0!important;
    }
    .header-v0213 .header-mobile-extra-link{
        position:relative!important;
        display:flex!important;
        width:100%!important;
        min-height:52px!important;
        box-sizing:border-box!important;
        align-items:center!important;
        justify-content:flex-start!important;
        margin:0!important;
        padding:0 4px!important;
        border:0!important;
        border-bottom:1px solid #ececef!important;
        background:transparent!important;
        color:#24272c!important;
        font-size:14px!important;
        font-weight:750!important;
        letter-spacing:.055em!important;
        line-height:1.25!important;
        text-transform:uppercase!important;
        text-decoration:none!important;
        white-space:normal!important;
    }
    .header-v0213 .header-mobile-extra-link.active{
        color:#111!important;
        font-weight:850!important;
    }
    .header-v0213 .header-mobile-extra-link.active::before{
        content:""!important;
        position:absolute!important;
        left:-14px!important;
        top:50%!important;
        width:7px!important;
        height:7px!important;
        border-radius:50%!important;
        background:var(--soft-yellow,#ffcb08)!important;
        transform:translateY(-50%)!important;
    }
}