/**
 * SaaSora Reviews — WMES theme bridge.
 *
 * Maps the plugin's CSS variables onto WMES theme tokens so the in-page
 * widget and overlay automatically pick up the active colour scheme
 * (Coastal Morning, Harbour Clarity, etc.), corner radius, and font
 * settings configured in WMES theme options.
 *
 * Loaded only when WMES is the active theme (or parent theme of an active
 * child). Plugin defaults are kept as var() fallbacks so the styling still
 * works if a WMES variable hasn't been defined for any reason.
 *
 * Selectors carry slightly higher specificity than the plugin's own
 * (body + class = 0,1,1 vs class alone = 0,1,0) so these overrides win
 * regardless of CSS file load order.
 *
 * Variables intentionally left as plugin defaults:
 *   --sr-star       Google's gold star colour, brand-specific
 *   --sr-ai-bg      Purple tint that signals AI-generated content
 *   --sr-ai-accent  Matches the AI summary purple
 *   --sr-card-shadow, --sr-overlay-shadow  Subtle, work on any theme
 *   --sr-overlay-width, --sr-gap, --sr-radius-sm  Layout constants
 *
 * @package SaasoraReviews
 */

body .saasora-reviews,
body .saasora-overlay {

    /* Colours from the active WMES colour scheme */
    --sr-primary:      var(--wp--preset--color--primary, #1976d2);
    --sr-primary-text: var(--wp--preset--color--white, #ffffff);
    --sr-text:         var(--wp--preset--color--dark-grey, #1a1a1a);
    --sr-muted:        var(--wp--preset--color--medium-grey, #5f6368);
    --sr-bg:           var(--wp--preset--color--white, #ffffff);
    --sr-card-bg:      var(--wp--preset--color--white, #ffffff);
    --sr-card-border:  var(--wp--preset--color--border-grey, #e8eaed);
    --sr-star-empty:   var(--wp--preset--color--border-grey, #dadce0);

    /* Corner radius from WMES theme settings */
    --sr-radius:       var(--wmes-corner-radius, 8px);

    /* Body font from WMES theme settings */
    --sr-font:         var(--wmes-body-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
}
