/* Overrides for the goconnect360.com WhatsApp widget bubble (widget.js).
   The widget has no position/size config of its own and hardcodes itself
   to bottom-right at a near-max z-index, which collides with Aria's
   primary chat button in the same corner. This keeps the bubble visually
   secondary: opposite corner from Aria, smaller, and below Aria's
   stacking order. Targets the bubble via its fixed aria-label suffix
   since the widget assigns no id or class. !important is required to
   beat the widget's own inline styles. */
a[aria-label$="on WhatsApp"] {
    left: 20px !important;
    right: auto !important;
    bottom: 16px !important;
    z-index: 9990 !important;
    transform: scale(0.88) !important;
    transform-origin: left bottom !important;
}

a[aria-label$="on WhatsApp"]:hover {
    transform: scale(0.92) !important;
}

@media (max-width: 430px) {
    a[aria-label$="on WhatsApp"] {
        left: 10px !important;
        bottom: 10px !important;
    }
}
