:root { --sidebar-w: 320px; --primary: #0066cc; }

        body { margin:0; padding-top:60px; height:100vh; overflow:hidden; }
        .top-bar { position:fixed; top:0; left:0; right:0; z-index:1060; background:var(--primary); color:white; height:50px; display:flex; align-items:center; box-shadow:0 4px 20px rgba(0,0,0,0.3);}

        .left-sidebar {
            position:fixed; height:calc(100vh - 95px); top:55px; left:0; bottom:0; width:var(--sidebar-w); overflow-y:auto; background:#f8f9fa; border-right:1px solid #dee2e6; z-index:1050; transition:transform .3s ease;
        }
		.content {
            margin-left:var(--sidebar-w); height:calc(100vh - 80px); overflow-y:auto; transition:margin-left .3s ease;
            overflow-x: hidden;
            /* Sakriva scrollbar, ali scroll radi */
            -ms-overflow-style: none;      /* IE i Edge */
            scrollbar-width: none;         /* Firefox */
        }
        .content::-webkit-scrollbar {
            display: none;                 /* Chrome, Safari, Opera */
        }

        body.sidebar-closed .left-sidebar { transform:translateX(-100%); }
        body.sidebar-closed .content { margin-left:0; }

        .hamburger {
            position:fixed; top:6px; left:6px; z-index:1070; width:30px; height:30px; border-radius:15%; background:var(--primary); color:white;
            border:none; box-shadow:0 8px 25px rgba(0,0,0,0,0.4); display:flex; align-items:center; justify-content:center;
        }

        .left-sidebar .accordion { margin-top:0px; padding:0 1rem; }
        .accordion-button { background:#f8f9fa; color:#333; font-weight:600; }
        [data-theme="dark"] .accordion-button { background:#1e2329; color:#e6edf3; }
        .accordion-button:not(.collapsed) { background:var(--primary); color:white; }
        object { width:100%; height:100%; border:none; }
        #searchResults { position:absolute; top:100%; left:0; right:0; background:#fff; border:1px solid #ddd; max-height:400px; overflow-y:auto; z-index:2000; display:none; }
        [data-theme="dark"] #searchResults { background:#161b22; border-color:#444; color:#e6edf3; }	
		
		/* Pretraga fiksirana na vrhu sidebara */
        .sidebar-search {
            position: sticky;
            top: 0;
            background: #fff;
            z-index: 10;
            padding: 12px 16px 10px;
            border-bottom: 1px solid #dee2e6;
            box-shadow: 0 2px 6px rgba(0,0,0,0.08);
        }
        .sidebar-search .form-control {
            border-radius: 8px;
            padding-left: 46px;
            font-size: 0.95rem;
        }
        .sidebar-search .input-group-text {
            position: absolute;
            left: 4px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 5;
            background: transparent;
            border: none;
            pointer-events: none;
        }
        .sidebar-search .btn-clear {
            position: absolute;
            right: 10px;
            top: 40%;
            transform: translateY(-50%);
            background: none;
            border: none;
            color: #666;
            font-size: 1.5rem;
        }
        .sidebar-search .btn-clear:hover { color: #000; }
        .search-highlight {
            background-color: #fff3cd;
            color: #000;
            padding: 1px 4px;
            border-radius: 4px;
            font-weight: 600;
        }
        #searchCount {
            font-weight: 600;
            color: var(--primary);
            font-size: 0.85rem;
        }
/* Highlight bez uticaja na ikone */
.highlight {
    background-color: #ffeb3b !important;
    color: #000 !important;
    padding: 0.1em 0.2em;
    border-radius: 3px;
    font-weight: bold;
}

/* Osiguraj da ikone ostanu vidljive */
.menu-icon {
    margin-right: 0.5rem !important;
    display: inline-block !important;
    opacity: 1 !important;
}

/* Glatko zatvaranje podmenija */
#trgovinaMenu .accordion-collapse {
    transition: height 0.3s ease;
}		
		
        /* Dugmad u top-baru */
        .top-bar { height: 60px; }		
        .nav-btn {
            width:40px; height:40px; background:transparent; border:none;
            color:white; border-radius:8px; display:flex; align-items:center; justify-content:center;
            cursor:pointer;
        }
        .nav-btn:hover { background:rgba(255,255,255,0.2); }
        .nav-btn:disabled { opacity:0.4; cursor:not-allowed; }

        /* Ikone u meniju */
        .menu-icon { width:24px; text-align:center; margin-right:10px; color:var(--primary); font-size:1.1rem; }