/* Force white text on all forecast modal elements */
.forecast-sidebar,
.forecast-sidebar *,
#forecastSidebar,
#forecastSidebar *,
.sidebar-content,
.sidebar-content *,
.sidebar-header,
.sidebar-header *,
.sidebar-subtitle,
.sidebar-buttons,
.sidebar-buttons *,
.sidebar-emoji,
#sidebarEmoji,
.sidebar-btn,
.sidebar-btn *,
.sidebar-close-btn,
.sidebar-close-btn *,
.location-permission-request,
.location-permission-request *,
.permission-content,
.permission-content *,
.permission-text,
.permission-buttons,
.permission-buttons *,
.btn-permission,
.btn-permission * {
    color: white !important;
    -webkit-text-fill-color: white !important;
}

/* Ensure black background for forecast sidebar */
.forecast-sidebar {
    background: #000000 !important;
}

/* Ensure smiley face is visible */
.sidebar-emoji,
#sidebarEmoji {
    color: white !important;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.8);
    font-size: 1.5em;
    display: inline-block;
    margin-left: 8px;
}

/* Button text specifically */
.sidebar-yes,
.sidebar-no,
.btn-permission {
    color: white !important;
}

.sidebar-yes *,
.sidebar-no *,
.btn-permission * {
    color: white !important;
}