/* Additional styles for dropdowns and search */
.custom-dropdown{
position:absolute;
background:rgba(26,26,26,0.98);
backdrop-filter:blur(20px);
border:1px solid rgba(255,255,255,0.1);
border-radius:12px;
min-width:300px;
max-width:400px;
box-shadow:var(--shadow-hover);
z-index:1001;
animation:dropdownSlide 0.3s ease;
}
@keyframes dropdownSlide{
from{opacity:0;transform:translateY(-10px);}
to{opacity:1;transform:translateY(0);}
}
.dropdown-header{
padding:15px 20px;
border-bottom:1px solid rgba(255,255,255,0.1);
color:var(--gold);
font-weight:600;
font-size:14px;
}
.dropdown-item{
padding:12px 20px;
color:rgba(255,255,255,0.9);
text-decoration:none;
display:block;
transition:all 0.3s ease;
}
.dropdown-item:hover{
background:var(--glass);
color:var(--gold);
}
.notification-item{
padding:15px 20px;
border-bottom:1px solid rgba(255,255,255,0.05);
}
.notification-item:last-child{
border-bottom:none;
}
.notification-message{
color:rgba(255,255,255,0.9);
font-size:14px;
line-height:1.4;
}
.notification-time{
color:rgba(255,255,255,0.5);
font-size:12px;
margin-top:4px;
}
.user-item{
display:flex;
align-items:center;
gap:12px;
}
.user-item-icon{
font-size:16px;
}
.user-item-text{
color:rgba(255,255,255,0.9);
font-size:14px;
}
.dropdown-footer{
padding:10px 20px;
border-top:1px solid rgba(255,255,255,0.1);
text-align:center;
}
.dropdown-footer a{
color:var(--gold);
text-decoration:none;
font-size:13px;
font-weight:500;
}
.dropdown-footer a:hover{
text-decoration:underline;
}

/* Search results */
.search-results{
position:absolute;
top:100%;
left:0;
right:0;
background:rgba(26,26,26,0.98);
backdrop-filter:blur(20px);
border:1px solid rgba(255,255,255,0.1);
border-radius:12px;
margin-top:5px;
max-height:400px;
overflow-y:auto;
z-index:1000;
display:none;
}
.search-result-item{
padding:12px 20px;
display:flex;
align-items:center;
gap:15px;
cursor:pointer;
transition:all 0.3s ease;
border-bottom:1px solid rgba(255,255,255,0.05);
}
.search-result-item:hover{
background:var(--glass);
}
.search-result-item:last-child{
border-bottom:none;
}
.search-result-symbol{
color:var(--gold);
font-weight:600;
font-size:14px;
min-width:60px;
}
.search-result-name{
color:rgba(255,255,255,0.9);
font-size:14px;
flex:1;
}
.search-result-category{
color:rgba(255,255,255,0.5);
font-size:12px;
background:var(--glass);
padding:2px 8px;
border-radius:10px;
}
.search-no-results{
padding:20px;
text-align:center;
color:rgba(255,255,255,0.5);
font-size:14px;
}

/* Dark theme styles */
.dark-theme{
background:linear-gradient(135deg,#1a1a1a 0%,#2c3e50 100%) !important;
}
.dark-theme .hero,
.dark-theme .market-card,
.dark-theme .card,
.dark-theme .tabs-container{
background:rgba(52,73,94,0.9) !important;
color:#f8f9fa !important;
}
.dark-theme .card-title,
.dark-theme .card-price{
color:#f8f9fa !important;
}
.dark-theme .sub-nav{
background:rgba(52,73,94,0.9) !important;
border-color:rgba(255,255,255,0.1) !important;
}
.dark-theme .breadcrumb a,
.dark-theme .quick-links a{
color:#f8f9fa !important;
}
.dark-theme .quick-links a:hover{
background:var(--gold) !important;
color:var(--dark) !important;
}