/* Search box styling */
.search-container {
    transition: all 0.3s ease;
}

.search-input {
    border-radius: 50rem 0 0 50rem !important;
    border-right: none !important;
    padding-left: 0.5rem;
}

.search-input:focus {
    box-shadow: none;
    border-color: #dee2e6;
}

.search-btn {
    border-radius: 0 50rem 50rem 0 !important;
    transition: all 0.2s;
}

.search-btn:hover {
    background-color: #f8f9fa;
}

.clear-search {
    color: #6c757d;
    transition: all 0.2s;
}

.clear-search:hover {
    color: #dc3545;
    background-color: #f8f9fa;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .search-container {
        width: 100% !important;
    }
}