/* Loaded only when the Arabic UI is active (on top of bootstrap.rtl.min.css
   and customer.css). Bootstrap's own classes flip automatically; this file
   only fixes the few physical (left/right) properties in customer.css that
   Bootstrap's RTL build doesn't know about. */

.cust-nav-dot {
  right: auto;
  left: -2px;
}

.cust-bell-btn .cust-dot {
  right: auto;
  left: 6px;
}

.cust-bell-menu {
  right: auto;
  left: 0;
}

@media (max-width: 575.98px) {
  .cust-bell-menu {
    left: 10px;
    right: 10px;
  }
}

/* Chat bubble "tail" corner, mirrored for RTL */
.chat-row.mine .chat-bubble {
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 4px;
}

.chat-row.theirs .chat-bubble {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 4px;
}