/* Style 5: a restrained quote / consultation dock. */
.az-contact.az-contact--dock {
  bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  width: max-content;
  font-family: var(--az-font-main, Arial, sans-serif);
}
.az-contact--dock .az-contact__links {
  gap: 5px;
  padding: 4px;
  border: 1px solid #e2e7ee;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 18px #0f172a14;
}
.az-contact.az-contact--dock .az-contact__link {
  flex: 0 1 auto;
  min-height: 44px;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
  text-align: left;
  box-shadow: none;
  transition: background-color .18s ease, border-color .18s ease;
}
.az-contact.az-contact--dock .az-contact__zalo {
  background: #0866d9;
  color: #fff;
}
.az-contact.az-contact--dock .az-contact__phone {
  background: #f8fafc;
  border-color: #e5eaf0;
  color: #263a51;
}
.az-contact--dock .az-contact__icon {
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: #ffffff24;
  font: 700 9px/1 Arial, sans-serif;
}
.az-contact--dock .az-contact__phone .az-contact__icon { width: 20px; background: transparent; }
.az-contact--dock .az-contact__icon svg { display: block; width: 18px; height: 18px; }
.az-contact--dock .az-contact-dock__quote { white-space: nowrap; }
.az-contact--dock .az-contact__phone small {
  font-size: 9px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .02em;
}
.az-contact--dock .az-contact__phone strong {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}
.az-contact.az-contact--dock .az-contact__link:hover {
  transform: none;
  box-shadow: none;
}
.az-contact.az-contact--dock .az-contact__zalo:hover { background: #0757b8; }
.az-contact.az-contact--dock .az-contact__phone:hover { background: #edf3fa; border-color: #cbd8e7; }
.az-contact.az-contact--dock .az-contact__link:focus-visible { outline: 2px solid #154c85; outline-offset: 2px; }
body.az-has-contact-dock { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
@media (max-width: 640px) {
  .az-contact.az-contact--dock {
    left: 8px;
    right: 8px;
    bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    width: auto;
    max-width: 480px;
    margin-inline: auto;
    transform: none;
  }
  .az-contact--dock .az-contact__links {
    gap: 5px;
    padding: 4px;
    border-radius: 12px;
  }
  .az-contact.az-contact--dock .az-contact__link { flex: 1 1 0; min-height: 48px; gap: 6px; padding: 6px; font-size: 10.5px; }
  .az-contact--dock .az-contact__icon { width: 24px; height: 26px; }
  .az-contact--dock .az-contact-dock__quote { white-space: normal; text-wrap: balance; overflow-wrap: normal; }
  .az-contact--dock .az-contact__phone small { font-size: 9px; letter-spacing: 0; }
  body.az-has-contact-dock { padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
}
@media (prefers-reduced-motion: reduce) {
  .az-contact.az-contact--dock .az-contact__link { transition: none; }
}
