#search-dropdown,#loading_gif {
    position: absolute;
    width: 100%; /* Makes the dropdown as wide as the input field */
    top: 110%; /* Positions the dropdown right below the input field */
    left: 0;
    z-index: 1000; /* High z-index to ensure it overlays over other content */
    background: #fff; /* Optional: background color to make it stand out */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Optional: adds a shadow for better visibility */
    /* Add more styling here for borders, font size, etc. */
}


#search-dropdown 
{
   list-style-type:none;
   margin: 0;
   padding: 0;
}



/* Na mobilnih napravah (do 767px) uporabljamo maksimalno širino 500px */
@media (max-width: 767px) {
    #search-dropdown {
        width: 300px;
    }
}

/* Na tablicah in namiznih napravah (768px in več) povečamo maksimalno širino */
@media (min-width: 768px) {
    #search-dropdown 
	{
        width: 500px;
    }
}



#search-dropdown li
{
	padding: 10px; 
	font-size: 16px;
	cursor: pointer;
	border-bottom:thin solid #D3D3D3;
}

#search-dropdown li:hover
{
	background-color:#F2F1F1;	
}

.search-dropdown-item {
    display: flex;
    align-items: center;
	
    gap: 10px;
    padding: 8px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.search-dropdown-item:hover {
    background-color: #f4f4f4;
}

.dropdown-icon 
{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
	margin-left:8px;
}

.dropdown-text 
{
    display: flex;
    flex-direction: column;
	margin-left:6px;
}

.dropdown-description {
	color:black;
    font-weight: bold;
	 font-size: 0.85em; 
}

.dropdown-address {
    font-size: 0.9em;
    color: #666;
}