/* Keep navbar icons white at all times */
.navbar-siteLink,
.navbar-siteLink:focus,
.navbar-siteLink:active {
  color: #0a0a0a !important;
  outline: none;
  box-shadow: none;
}

/* Prevent Bootstrap / browser active styles */
.navbar-siteLink:active,
.navbar-siteLink:focus-visible {
  background: transparent !important;
}

/* Keep SVG synced */
.navbar-siteLink .navbar-icon {
  color: #fb0808;
}
/* Main flex container */
.navbar-flexMain {
  display: flex;
  align-items: center;
  position: relative;
}

/* Left group */
.navbar-leftGroup {
  display: flex;
  align-items: center;
  gap: 14px;
  z-index: 2;
}

/* Center logo PERFECTLY */
#navbar-siteBrands {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}



/* Like button heart effect (currently disabled) */


/* default (white) */
#likeButton .heart {
  color: #ffffff;
  transition: color 220ms ease;
  transform-origin: center;
}

/* liked (red) */
#likeButton.liked .heart {
  color: #e74c3c;
}

/* pop animation */
@keyframes pop {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.35); }
  100% { transform: scale(1); }
}

.heart-pop {
  animation: pop 320ms cubic-bezier(.17,.89,.32,1.49);
}