                                  </div>
                                                    
                                                    <!-- Weather data (when available) -->
                                                    <div x-show="!loading && !error && weather" class="grid grid-cols-2 gap-2 text-sm" aria-labelledby="weather-info-heading" aria-live="polite">
                                                        <div class="flex items-center">
                                             