body {
    background-color: #f8f9fc !important;
}
.top-contact-bar-custom {
  background-color: #b47e4d;
}

.contact-numbers {
  gap: 15px;
}

.contact-numbers > div {
  white-space: nowrap;
  font-size: 16px;
  position: relative;
  display: flex;
  align-items: center;
}

.contact-numbers a {
  color: white;
  text-decoration: none;
  font-weight: 600;
}

.contact-numbers a:hover {
  text-decoration: underline;
}

/* ✅ Desktop styles */
@media (min-width: 768px) {
  .contact-numbers {
    justify-content: space-evenly;
    flex-wrap: wrap;
  }

  /* ❌ Hide all pipes on desktop */
  .contact-numbers > div::before,
  .contact-numbers > div::after {
    content: none !important;
  }
}

/* ✅ Mobile styles */
@media (max-width: 767.98px) {
  .contact-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 25px;
    text-align: center;
  }

  .contact-numbers > div {
    width: calc(50% - 15px);
    justify-content: center;
  }

  /* Only on mobile: show pipe before all except first */
  .contact-numbers > div::before {
    content: "|";
    display: inline-block;
    color: white;
    padding-right: 8px;
  }

  .contact-numbers > div:first-child::before {
    content: "";
  }
}