.bac-footer-social svg {
  fill: #CE1126 !important; /* Replace with your exact red */
}
.bac-footer-social {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem; /* adjust spacing tighter or wider */
}

.bac-footer-social a {
  display: flex; 
  align-items: center;
  justify-content: center;
  width: 28px;  /* make all icons same footprint */
  height: 28px;
}

.bac-footer-social svg {
  width: 100%;
  height: 100%;
  display: block;
}

.footer-shop-columns {
  display: flex;
  gap: 2.5rem;        /* space between the two shops */
  flex-wrap: wrap;    /* so they stack on small screens */
}

.footer-shop {
  flex: 1 1 220px;    /* lets them share the space nicely */
}

#footer .footer-shop h5 {
  margin-bottom: 0.4rem;
}
#menu-top-menu .top-menu-button > a,
.menu-top-menu-container .top-menu-button > a {
  padding: 10px 24px !important;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: .5px;
  line-height: 1;
}

/* Top menu pill buttons */
.top-menu-button a {
  display: inline-block !important;
  padding: 10px 24px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

/* Donate pill */
.top-menu-donate a {
  border: 1.5px solid #ffffff !important;
  color: #ffffff !important;
  background: transparent !important;
}

/* Join Scouting pill */
.top-menu-join a {
  background: #ffffff !important;
  color: #004b8d !important;
  border: 1.5px solid #ffffff !important;
}

/* Hover states */
.top-menu-donate a:hover {
  background: #ffffff !important;
  color: #c81010 !important;
}

.top-menu-join a:hover {
  background: transparent !important;
  color: #ffffff !important;
}
/* Simplify top menu buttons on mobile */
@media (max-width: 768px) {
  .top-menu-button a {
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;

    display: block !important;
    padding: 12px 16px !important;
    margin: 0 !important;
  }

  .top-menu-donate a {
    color: #CE1126 !important;
  }

  .top-menu-join a {
    color: #004b8d !important;
  }
}