/**
 * Google Customer Reviews badge — pro look
 * 4-color brand conic-gradient ring + soft glow.
 * Targets common merchantwidget iframe selectors (Google may rename DOM
 * elements; selectors are wide enough to survive minor changes).
 */

iframe[name*="googleshopping"],
iframe[id*="googleshopping"],
iframe[src*="merchantwidget"],
iframe[src*="merchant_widget"],
[class*="goog-shopping-merchant"],
[id*="googleshopping-merchant-widget"] {
    border-radius: 50% !important;
    background: conic-gradient(
        from 0deg,
        #4285F4 0deg 90deg,
        #EA4335 90deg 180deg,
        #FBBC04 180deg 270deg,
        #34A853 270deg 360deg
    ) border-box !important;
    padding: 2px !important;
    box-sizing: content-box !important;
    box-shadow:
        0 4px 14px rgba(0, 35, 71, 0.18),
        0 0 24px rgba(66, 133, 244, 0.10),
        0 0 18px rgba(234, 67, 53, 0.06),
        0 0 18px rgba(251, 188, 4, 0.06),
        0 0 18px rgba(52, 168, 83, 0.08) !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.25s ease !important;
}

iframe[name*="googleshopping"]:hover,
iframe[id*="googleshopping"]:hover,
iframe[src*="merchantwidget"]:hover,
iframe[src*="merchant_widget"]:hover,
[class*="goog-shopping-merchant"]:hover,
[id*="googleshopping-merchant-widget"]:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 8px 22px rgba(0, 35, 71, 0.22),
        0 0 30px rgba(66, 133, 244, 0.18),
        0 0 22px rgba(234, 67, 53, 0.12),
        0 0 22px rgba(251, 188, 4, 0.12),
        0 0 22px rgba(52, 168, 83, 0.14) !important;
}