/* VTech v5: independent send-message buttons (email-only) above WhatsApp. */
.vt-email-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border:1px solid #a8d6f0;background:linear-gradient(145deg,#eefaff,#e1f3ff);color:#0879b6;font-weight:800;line-height:1.35;text-align:center;cursor:pointer}
.vt-email-action svg{flex:0 0 auto}
.vt-email-action:hover,.vt-email-action:focus-visible{background:linear-gradient(145deg,#dff5ff,#d3edff);border-color:#47b8ec}
.vt-email-action:focus-visible{outline:3px solid #39a9d9;outline-offset:3px}
.vt-email-action:disabled{opacity:.6;cursor:wait}
.vt-advice .vt-send-email{width:100%;padding:11px 15px;border-radius:13px;margin-top:13px;white-space:normal}
.vt-advice-fields .vt-quick-email{grid-column:1/-1}
.vt-advice .vt-mail-status:not(:empty){display:block;margin-top:9px;padding:8px 10px;border-radius:9px;background:#eaf9ef;color:#17664e;text-align:center}
.vt-advice .vt-mail-status.vt-error-status:not(:empty){background:#fff3e8;color:#9f491b}
.vt-form-actions,.vt-dialog-actions{display:flex;flex-direction:column;gap:9px;width:100%}
.vt-form-actions .btn,.vt-dialog-actions .btn{width:100%;min-height:46px}
.vt-form-actions .vt-form-email-submit{border-radius:13px}
.vt-dialog-actions .vt-dialog-email-submit{border-radius:13px}
#vt-form-status:not(:empty){display:block;margin:9px 0;padding:10px 12px;border-radius:10px;background:#eaf9ef;color:#14694f;line-height:1.6;font-size:13px}
#vt-form-status.vt-error-status:not(:empty){background:#fff4e9;color:#9b4b1e}
.vt-dialog-status:not(:empty){padding:10px 12px;border-radius:10px;background:#eaf9ef}
.vt-dialog-status.vt-error-status:not(:empty){background:#fff4e9}
.vt-full-field{grid-column:1/-1}
.vt-contact-options{display:flex;flex-direction:column;gap:9px;min-width:180px;max-width:265px}
.vt-contact-options .btn{width:100%;min-height:45px;white-space:normal}
.vt-floating-email{position:fixed;bottom:88px;inset-inline-end:22px;z-index:40;width:57px;height:57px;min-height:0;border-radius:50%;padding:0;box-shadow:0 8px 20px #125b9233;border:2px solid #fff;background:#e9f8ff;color:#087fbd}
.vt-floating-email span{display:none}.vt-floating-email svg{width:26px;height:26px}
.vt-floating-email:hover{transform:translateY(-2px)}
@media(max-width:750px){.vt-contact-options{width:100%;max-width:none}.vt-floating-email{width:52px;height:52px;bottom:83px}.vt-advice-fields .vt-quick-email{grid-column:1/-1}}

/* VTech v5.1: restore recognizable WhatsApp brand green on WhatsApp actions only.
   The separate email-only Send Message buttons keep the VTech blue treatment. */
#vt-wa-issue,
#lead-form button[data-mode="whatsapp"],
.vt-dialog-actions .vt-dialog-submit,
.vt-contact-options a[href*="wa.me/"],
.floating-wa {
  background: #25D366;
  color: #073b25;
  border-color: #25D366;
}
#vt-wa-issue:hover,
#lead-form button[data-mode="whatsapp"]:hover,
.vt-dialog-actions .vt-dialog-submit:hover,
.vt-contact-options a[href*="wa.me/"]:hover,
.floating-wa:hover {
  background: #1fbd59;
  border-color: #1fbd59;
  color: #073b25;
}
#vt-wa-issue:focus-visible,
#lead-form button[data-mode="whatsapp"]:focus-visible,
.vt-dialog-actions .vt-dialog-submit:focus-visible,
.vt-contact-options a[href*="wa.me/"]:focus-visible,
.floating-wa:focus-visible {
  outline: 3px solid #075e36;
  outline-offset: 3px;
}
/* White WhatsApp symbol retains the familiar look of the original floating shortcut. */
.floating-wa,
.floating-wa:hover { color: #fff; border: 3px solid #fff; }

/* VTech v5.2: clearly show a clickable business email under Contact Us. */
.contact-panel .vt-business-email {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 17px 0 0;
  max-width: 100%;
  line-height: 1.5;
}
.vt-business-email-label {
  font-weight: 750;
  font-size: 14px;
  color: #527189;
}
.contact-panel .vt-business-email a {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid #b4ddf5;
  background: #fff;
  color: #056eaa;
  font-size: 15px;
  font-weight: 750;
  unicode-bidi: isolate;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.contact-panel .vt-business-email a:hover {
  background: #e6f7ff;
  border-color: #62b9ea;
}
.contact-panel .vt-business-email a:focus-visible {
  outline: 3px solid #0879b6;
  outline-offset: 3px;
}
/* Keep WhatsApp visibly green in the Contact Us panel too. */
.contact-panel .contact-buttons a[href*="wa.me/"] {
  color: #073b25;
  background: #25D366;
  border-color: #25D366;
}
.contact-panel .contact-buttons a[href*="wa.me/"]:hover {
  color: #073b25;
  background: #1fbd59;
  border-color: #1fbd59;
}
.contact-panel .contact-buttons a[href*="wa.me/"]:focus-visible {
  outline: 3px solid #075e36;
  outline-offset: 3px;
}
@media (max-width: 750px) {
 .contact-panel .vt-business-email {gap: 7px 10px;}
 .contact-panel .vt-business-email a {font-size: 15px;}
}

/* VTech v5.3: compact, prominent confirmation/error messages. */
.vt-advice .vt-mail-status:not(:empty),
#vt-form-status:not(:empty),
.vt-dialog-status:not(:empty) {
  font-size: 14px;
  font-weight: 650;
  line-height: 1.5;
  padding: 9px 12px;
  border: 1px solid #b8e8cd;
  background: #effbf4;
  color: #176344;
  border-radius: 10px;
}
.vt-advice .vt-mail-status.vt-error-status:not(:empty),
#vt-form-status.vt-error-status:not(:empty),
.vt-dialog-status.vt-error-status:not(:empty) {
  background: #fff3e8;
  border-color: #f3c6a6;
  color: #95421d;
}
