/* Direct WhatsApp contact: no widget, network request or tracking before a click. */
.whatsapp-icon {
  width: 1.5rem;
  height: 1.5rem;
  flex: 0 0 1.5rem;
  display: block;
}

.header-whatsapp {
  order: 4;
  min-width: 2.75rem;
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  flex: 0 0 auto;
  padding: .55rem .75rem;
  border: 1px solid #25d366;
  background: #25d366;
  color: #0b2819;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.header-whatsapp:hover,
.header-whatsapp:focus-visible {
  background: #7be6a2;
  border-color: #7be6a2;
  color: #0b2819;
}

.contact-action--whatsapp {
  color: #fff;
}

.contact-action--whatsapp .whatsapp-icon,
.footer-whatsapp .whatsapp-icon {
  color: #25d366;
}

.contact-action--whatsapp small {
  color: #b9eccb;
}

.contact-action--whatsapp:hover,
.contact-action--whatsapp:focus-visible {
  color: #b9eccb;
}

.contact-actions-panel .whatsapp-help,
.contact-page-grid .whatsapp-help {
  margin: .7rem 0 1.25rem;
  font-size: .92rem;
  line-height: 1.55;
}

.footer-nav a.footer-whatsapp {
  min-height: 2.75rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}

@media (max-width: 1240px) {
  .header-whatsapp {
    padding-inline: .55rem;
  }

  .header-whatsapp > span {
    display: none;
  }
}

@media (max-width: 960px) {
  .header-actions {
    grid-template-columns: minmax(4.75rem, .7fr) minmax(0, 1.3fr) 2.75rem;
    gap: .4rem;
  }

  .header-actions .header-whatsapp {
    order: 3;
    width: 2.75rem;
    min-height: 2.75rem;
    align-self: stretch;
    padding: .5rem;
  }

  .header-actions .header-phone,
  .header-actions .nav-toggle {
    gap: .4rem;
    padding-inline: .4rem;
  }
}