/**
 * LaMilka Tour 0.4.77 — shared WhatsApp chat-bubble control.
 * Icon-only WhatsApp actions use the approved round green treatment and the
 * existing message-bubble glyph. No telephone-handset mark is introduced.
 */

:root {
  --lamilka-whatsapp-green: #25d366;
  --lamilka-whatsapp-green-hover: #1fbd5a;
}

/* Desktop header utility action. */
a.lamilka-header-icon[aria-label="WhatsApp"] {
  align-items: center;
  background: var(--lamilka-whatsapp-green);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 8px 22px rgba(37, 211, 102, 0.28);
  box-sizing: border-box;
  color: #fff;
  display: inline-flex;
  flex: 0 0 44px;
  height: 44px;
  justify-content: center;
  margin: 0;
  padding: 0;
  transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
  width: 44px;
}

a.lamilka-header-icon[aria-label="WhatsApp"] svg {
  display: block;
  fill: none;
  height: 23px;
  stroke: currentColor;
  stroke-width: 2;
  width: 23px;
}

a.lamilka-header-icon[aria-label="WhatsApp"]:hover,
a.lamilka-header-icon[aria-label="WhatsApp"]:focus-visible {
  background: var(--lamilka-whatsapp-green-hover);
  color: #fff;
  box-shadow: 0 10px 26px rgba(37, 211, 102, 0.36);
}

a.lamilka-header-icon[aria-label="WhatsApp"]:active {
  transform: scale(.97);
}

/* Shared icon-only sticky actions on tour, transfer, and contact pages. */
.lamilka-detail__mobile-whatsapp,
.lamilka-transfer__mobile-bar > a:first-child,
.lamilka-contact-source__mobile-wa {
  align-items: center;
  background: var(--lamilka-whatsapp-green);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 8px 24px rgba(37, 211, 102, .34);
  box-sizing: border-box;
  color: #fff;
  display: inline-flex;
  flex: 0 0 56px;
  height: 56px;
  justify-content: center;
  min-height: 56px;
  padding: 0;
  width: 56px;
}

.lamilka-detail__mobile-whatsapp .lamilka-message-bubble-icon,
.lamilka-transfer__mobile-bar > a:first-child .lamilka-message-bubble-icon,
.lamilka-contact-source__mobile-wa .lamilka-message-bubble-icon {
  display: block;
  fill: none;
  height: 28px;
  stroke: currentColor;
  stroke-width: 2;
  width: 28px;
}

/* Remove historical generated lettering; retain only the SVG chat glyph. */
.lamilka-contact-source__mobile-wa::before {
  content: none;
}

.lamilka-contact-source__mobile-wa > span {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

@media (max-width: 640px) {
  .lamilka-transfer__mobile-bar > a:first-child {
    flex-basis: 56px;
  }
}
