/* ==========================================================================
   WhatsApp widget fix (additive, non-destructive)
   Hides the stray white/red "broken image" notice panel that the Elfsight
   platform renders behind the floating WhatsApp button.
   The WhatsApp icon, the "How Can We Help?" popup, its styling, position and
   behaviour are left completely untouched.
   ========================================================================== */

/* Platform toolbar / branding / limitation + error notices */
.eapps-widget-toolbar,
.eapps-widget-toolbar-panel,
.eapps-widget-toolbar-panel-inner,
.eapps-widget-toolbar-panel-limitation,
.eapps-custom-widget-toolbar,
.eapps-widget-limitation,
.eapps-widget-not-available,
.eapps-widget-not-available-message,
.eapps-widget-error,
.eapps-widget-error-message,
.eapps-widget-placeholder,
.eapps-widget-loading-placeholder,
[class^="elfsight-app-"] > .eapps-widget-toolbar,
[class*=" elfsight-app-"] > .eapps-widget-toolbar,
[class^="elfsight-app-"] .eapps-widget-not-available,
[class*=" elfsight-app-"] .eapps-widget-not-available,
[class^="elfsight-app-"] .eapps-widget-error,
[class*=" elfsight-app-"] .eapps-widget-error {
  display: none !important;
}

/* The bare container must never paint a card / image of its own */
[class^="elfsight-app-"],
[class*=" elfsight-app-"],
[class^="elfsight-app-"] > div,
[class*=" elfsight-app-"] > div {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Broken <img> placeholders inside the widget container */
[class^="elfsight-app-"] > img,
[class*=" elfsight-app-"] > img,
[class^="elfsight-app-"] > div > img,
[class*=" elfsight-app-"] > div > img {
  display: none !important;
}

/* Restore the widget's own coloured button / chat popup surfaces */
[class^="elfsight-app-"] [class*="Button"],
[class*=" elfsight-app-"] [class*="Button"],
[class^="elfsight-app-"] [class*="Popup"],
[class*=" elfsight-app-"] [class*="Popup"],
[class^="elfsight-app-"] [class*="Chat"],
[class*=" elfsight-app-"] [class*="Chat"] {
  background: revert !important;
  box-shadow: revert !important;
}
[class^="elfsight-app-"] [class*="Button"] img,
[class*=" elfsight-app-"] [class*="Button"] img,
[class^="elfsight-app-"] [class*="Chat"] img,
[class*=" elfsight-app-"] [class*="Chat"] img {
  display: revert !important;
}