/* Localsewa v32.8.57 — booking chat spacing, composer alignment and call icon polish */

/* Keep one consistent vertical rhythm between all timeline items. */
.ls-booking-chat-timeline > .mb-2\.5 {
  margin-bottom: 8px !important;
}

.ls-chat-call-event {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* Composer: input and send action sit on the same center line. */
.ls-booking-chat-composer form {
  align-items: center !important;
}

.ls-booking-chat-composer .ls-chat-textarea {
  min-height: 44px !important;
  margin: 0 !important;
}

.ls-booking-chat-composer button[type="submit"] {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  flex: 0 0 44px !important;
  border-radius: 9999px !important;
  align-self: center !important;
}

/* Replace the old unicode telephone glyph with a clean handset icon. */
.ls-chat-call-launch {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-size: 0 !important;
}

.ls-chat-call-launch::before {
  content: '';
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.ls-chat-call-launch::after {
  content: 'Call';
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  color: #15803D;
}

@media (max-width: 359.98px) {
  .ls-booking-chat-timeline > .mb-2\.5,
  .ls-chat-call-event {
    margin-bottom: 7px !important;
  }

  .ls-chat-call-launch {
    gap: 5px !important;
  }

  .ls-chat-call-launch::before {
    width: 14px;
    height: 14px;
    flex-basis: 14px;
  }

  .ls-chat-call-launch::after {
    font-size: 11px;
  }
}