/* Make WATI WhatsApp chat popup smaller on mobile */
@media (max-width: 480px) {
  /* Try these selectors - WATI sometimes changes class names */
  .WATIChatWidget,
  .wati-chat-box,
  #whatsappChatWidget,
  [id^="whatsappChatWidget"],
  [class*="wati-"],
  [class*="WATIChat"] {
    transform: scale(0.9);
    transform-origin: bottom right;
  }
}

/* Keep it aligned properly after scaling */
@media (max-width: 480px) {
  .WATIChatWidget,
  .wati-chat-box,
  #whatsappChatWidget,
  [id^="whatsappChatWidget"] {
    right: 10px !important;
    bottom: 10px !important;
  }
}

/* Change icon color - try these selectors for the icon */
.WATIChatWidget svg,
.wati-chat-box svg,
#whatsappChatWidget svg,
[id^="whatsappChatWidget"] svg,
[class*="wati-"] svg,
[class*="WATIChat"] svg {
  fill: #00E785 !important; /* Your brand color */
}

/* Alternative selectors for icon styling */
.WATIChatWidget .wati-icon,
.wati-chat-box .wati-icon,
#whatsappChatWidget .wati-icon,
[class*="wati-"] .wati-icon {
  color: #00E785 !important;
  background-color: #00E785 !important;
}

/* For Font Awesome or other icon fonts */
.WATIChatWidget i,
.wati-chat-box i,
#whatsappChatWidget i,
[class*="wati-"] i {
  color: #00E785 !important;
}

/* For background color of the entire widget button */
.WATIChatWidget,
.wati-chat-box,
#whatsappChatWidget,
[class*="wati-"] {
  background-color: #00E785 !important;
}