/* VISA123 v1.14 — WhatsApp / Telegram contacts */
.v123-messengers{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0}
.v123-messenger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border-radius:11px;text-decoration:none!important;font-size:12px;font-weight:800;line-height:1;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.v123-messenger svg{display:block;width:19px;height:19px;flex:0 0 19px;fill:currentColor}
.v123-messenger:hover{transform:translateY(-1px);filter:brightness(.98)}
.v123-messenger--wa{background:#25D366!important;color:#fff!important;box-shadow:0 6px 16px rgba(37,211,102,.20)}
.v123-messenger--tg{background:#229ED9!important;color:#fff!important;box-shadow:0 6px 16px rgba(34,158,217,.20)}
.v123-messenger--compact{min-height:34px;padding:0 10px;border-radius:9px;font-size:10px}
.v123-messenger--compact svg{width:16px;height:16px;flex-basis:16px}

/* Header keeps the phone plus compact messenger actions. */
.v123-contact{gap:10px!important}
.v123-messengers--header{flex-wrap:nowrap;gap:6px}
.v123-messengers--header .v123-messenger{padding:0 9px}

/* Hero: keep CTA row compact. */
.v123-actions--hero{align-items:center!important}
.v123-actions--hero>.v123-messengers{display:flex;flex-wrap:nowrap;gap:8px}
.v123-actions--hero>.v123-messengers .v123-messenger{min-height:48px;padding:0 15px}

/* Service contact tile has two direct messenger actions. */
.v123-services-grid>.v123-service-contact{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;min-height:86px!important;padding:14px!important;border:1px solid var(--v123-line)!important;border-radius:13px!important;background:#fff!important}
.v123-service-contact>i{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:10px!important;background:var(--v123-soft)!important;color:var(--v123-blue)!important;font-style:normal!important;font-size:17px!important;font-weight:900!important}
.v123-service-contact>span{display:flex!important;min-width:0!important;flex-direction:column!important}
.v123-service-contact>span>b{font-size:13px!important;line-height:1.25!important;color:var(--v123-ink)!important}
.v123-service-contact>span>small{display:block!important;margin-top:4px!important;color:var(--v123-muted)!important;font-size:10px!important;line-height:1.3!important;font-weight:400!important}
.v123-service-contact>.v123-messengers{flex-wrap:nowrap;gap:5px}
.v123-service-contact>.v123-messengers .v123-messenger{width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border-radius:9px}
.v123-service-contact>.v123-messengers .v123-messenger span{display:none}
.v123-service-contact>.v123-messengers .v123-messenger svg{width:17px;height:17px}

/* Help block: messenger buttons are primary contact actions. */
.v123-help-card__copy>.v123-messengers{margin:0 0 10px}
.v123-actions--faq{margin-top:0!important}

/* Sidebar / footer messenger controls. */
.v123-messengers--side{gap:6px;margin-top:10px}
.v123-sidecard__contact{padding:11px 0;border-top:1px solid var(--v123-line)}
.v123-sidecard__contact>b{display:block;margin-bottom:7px;color:var(--v123-ink);font-size:12px}
.v123-footer .v123-messengers--side{margin-top:12px}

@media(max-width:1100px){
  .v123-messengers--header .v123-messenger span{display:none}
  .v123-messengers--header .v123-messenger{width:34px;min-width:34px;padding:0}
}
@media(max-width:820px){
  .v123-actions--hero{align-items:stretch!important}
  .v123-actions--hero>.v123-messengers{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .v123-actions--hero>.v123-messengers .v123-messenger{width:100%}
}
@media(max-width:620px){
  .v123-messengers{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .v123-messenger{width:100%;min-width:0}
  .v123-service-contact{grid-template-columns:38px minmax(0,1fr)!important}
  .v123-service-contact>.v123-messengers{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:3px}
  .v123-service-contact>.v123-messengers .v123-messenger{width:100%;height:38px}
  .v123-service-contact>.v123-messengers .v123-messenger span{display:inline}
  .v123-help-card__copy>.v123-messengers{display:grid;grid-template-columns:1fr 1fr}
  .v123-messengers--side{display:grid;grid-template-columns:1fr 1fr}
}
