/**
 * Site Reviews Plugin Dark Mode Compatibility
 * Fixes star rating visibility and text colors in dark mode
 * 
 * @package WP_Dark_Mode
 * @version 1.1.0
 */

/* Target Site Reviews specific containers */
.glsr,
.glsr-reviews,
.glsr-review,
.glsr-summary,
.glsr-form-wrap,
[class*="glsr-"] {
    --wp-dark-mode-bgimg--glsr-star-full: var(--glsr-star-full);
    --wp-dark-mode-bgimg--glsr-star-half: var(--glsr-star-half);
    --wp-dark-mode-bgimg--glsr-star-empty: var(--glsr-star-empty);
}

/* More specific targeting for star rating elements */
.glsr-stars,
.glsr-star,
.glsr-star-rating,
[class*="glsr-star"] {
    --wp-dark-mode-bgimg--glsr-star-full: var(--glsr-star-full) !important;
    --wp-dark-mode-bgimg--glsr-star-half: var(--glsr-star-half) !important;
    --wp-dark-mode-bgimg--glsr-star-empty: var(--glsr-star-empty) !important;
}

/* Fix text colors for labels - only apply in dark mode */
html[data-wp-dark-mode-active] .glsr-field label,
html[data-wp-dark-mode-active] .glsr-label,
html[data-wp-dark-mode-active] .glsr-field-label,
html[data-wp-dark-mode-active] .glsr-field-text,
html[data-wp-dark-mode-active] .glsr-field-required,
html[data-wp-dark-mode-active] [class*="glsr-"] label,
html[data-wp-dark-mode-active] [class*="glsr-field"] label,
html[data-wp-dark-mode-active] .glsr-form-wrap label,
html.wp-dark-mode-active .glsr-field label,
html.wp-dark-mode-active .glsr-label,
html.wp-dark-mode-active .glsr-field-label,
html.wp-dark-mode-active .glsr-field-text,
html.wp-dark-mode-active .glsr-field-required,
html.wp-dark-mode-active [class*="glsr-"] label,
html.wp-dark-mode-active [class*="glsr-field"] label,
html.wp-dark-mode-active .glsr-form-wrap label {
    color: var(--wpdm-text-color, #f0f0f0) !important;
}