/* MouSou Floating Widgets Fix */
/* WhatsApp left - Internal chat right */

.mousou-whatsapp-left {
 position: fixed !important;
 left: 22px !important;
 right: auto !important;
 bottom: 24px !important;
 z-index: 9998 !important;
}

.mousou-chat-right {
 position: fixed !important;
 right: 22px !important;
 left !important;
 bottom: 24px !important;
 z-index: 9998 !important;
}

.mousou-chat-right {
 position: auto !important;
 bottom: 24px !important;
 z-index: 9999 !important;
}

.mousou-chat-panel-right,
.mousou-chat-right .chat-window,
.mousou-chat-right .chat-box,
.mousou-chat-right .chat-panel,
.mousou-chat-right .guest-chat-window,
.mousou-chat-right .support-chat-window {
 position: fixed !important;
 right: 22px !important;
 left: auto !important;
 bottom: 90px !important;
 z-index: 10000 !important;
}

/* تأكيد عدم التصادم مع أي inline style */
.whatsapp-float,
.whatsapp-floating,
.whatsapp-fab,
.floating-whatsapp,
.mousou-whatsapp,
.mousou-whatsapp-fab {
 left: 22px !important;
 right: auto !important;
}

.guest-chat-widget,
.guest-chat-fab,
.mousou-chat-widget,
.chat-widget,
.chat-float,
.chat-floating,
.support-chat-widget {
 right: 22px !important;
 left: auto !important;
}

/* Mobile */
@media (max-width: 600px) {
 .mousou-whatsapp-left {
  left: 14px !important;
  right: auto !important;
  bottom: 18px !important;
 }

 .mousou-chat-right {
  right: 14px !important;
  left: auto !important;
  bottom: 18px !important;
 }

 .mousou-chat-panel-right,
 .mousou-chat-right .chat-window,
 .mousou-chat-right .chat-box,
 .mousou-chat-right .chat-panel,
 .mousou-chat-right .guest-chat-window,
 .mousou-chat-right .support-chat-window {
  right: 14px !important;
  left: auto !important;
  bottom: 84px !important;
  width: calc(100vw - 28px) !important;
  max-width: 360px !important;
 }
}

/* Mobile Bottom Navigation Fix */
/* رفع أيقونة الواتساب والشات فوق شريط الموبايل السفلي */
@media (max-width: 768px) {

 .mousou-whatsapp-left,
 .whatsapp-float,
 .whatsapp-floating,
 .whatsapp-fab,
 .floating-whatsapp,
 .mousou-whatsapp,
 .mousou-whatsapp-fab,
 #whatsapp-fab,
 #whatsapp-widget,
 a[href*="wa.me"],
 a[href*="api.whatsapp.com"],
 a[href*="whatsapp.com/send"] {
  position: fixed !important;
  left: 18px !important;
  right: auto !important;
  bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 9998 !important;
 }

 .mousou-chat-right,
 .guest-chat-widget,
 .guest-chat-fab,
 .mousou-chat-widget,
 .mousou-chat-fab,
 .chat-widget,
 .chat-float,
 .chat-floating,
 .chat-launcher,
 .support-chat-widget,
 #guestChatWidget,
 #guest-chat-widget,
 #chatWidget,
 #chat-widget,
 #supportChatWidget,
 #support-chat-widget {
  position: fixed !important;
  right: 18px !important;
  left: auto !important;
  bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 9999 !important;
 }

 .mousou-chat-panel-right,
 .guest-chat-window,
 .support-chat-window,
 .chat-window,
 .chat-box,
 .chat-panel,
 .mousou-chat-right .chat-window,
 .mousou-chat-right .chat-box,
 .mousou-chat-right .chat-panel,
 .mousou-chat-right .guest-chat-window,
 .mousou-chat-right .support-chat-window {
  position: fixed !important;
  right: 14px !important;
  left: auto !important;
  bottom: calc(158px + env(safe-area-inset-bottom, 0px)) !important;
  width: calc(100vw - 28px) !important;
  max-width: 380px !important;
  max-height: calc(100vh - 190px) !important;
  z-index: 10000 !important;
 }
}

/* للشاشات الصغيرة جدًا */
@media (max-width: 420px) {

 .mousou-whatsapp-left,
 .whatsapp-float,
 .whatsapp-floating,
 .whatsapp-fab,
 .floating-whatsapp,
 .mousou-whatsapp,
 .mousou-whatsapp-fab,
 #whatsapp-fab,
 #whatsapp-widget,
 a[href*="wa.me"],
 a[href*="api.whatsapp.com"],
 a[href*="whatsapp.com/send"] {
  left: 14px !important;
  bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
 }

 .mousou-chat-right,
 .guest-chat-widget,
 .guest-chat-fab,
 .mousou-chat-widget,
 .mousou-chat-fab,
 .chat-widget,
 .chat-float,
 .chat-floating,
 .chat-launcher,
 .support-chat-widget,
 #guestChatWidget,
 #guest-chat-widget,
 #chatWidget,
 #chat-widget,
 #supportChatWidget,
 #support-chat-widget {
  right: 14px !important;
  bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
 left: 14px !important;
  bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important }
}