                                                <div class="font-medium" x-text="weather?.hourly?.humidity !== undefined ? `${weather.hourly.humidity}%` : 'N/A'"></div>
                                                            </div>
                                                        </div>
                                                        <!-- Time of Day Display -->
                                                        <div class="flex items-center">
                                        