/* AAAWHOIS - Bare Minimum CSS */
/* Only styles that absolutely cannot be achieved with Tailwind */

/* Custom dropdown behavior - cannot be done with Tailwind */
.nav-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    z-index: 50;
}
.nav-item:hover .nav-dropdown {
    display: block;
}

/* Custom scrollbar for suggestions - cannot be done with Tailwind */
#search-suggestions::-webkit-scrollbar,
#mobile-search-suggestions::-webkit-scrollbar {
    width: 6px;
}
#search-suggestions::-webkit-scrollbar-track,
#mobile-search-suggestions::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}
#search-suggestions::-webkit-scrollbar-thumb,
#mobile-search-suggestions::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

/* Prevent iOS zoom on input focus */
@media (max-width: 768px) {
    input[type="text"], input[type="search"] {
        font-size: 16px;
    }
}