/* FOOTER */
.text-accent { color: var(--accent) !important; }

/* Footer links */
.link-footer {
  color: rgba(255,255,255,.8);
}
.link-footer:hover,
.link-footer:focus {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: var(--accent);
  text-underline-offset: 2px;
}

/* Accent link (Our Story) */
.link-accent {
  color: var(--accent);
}
.link-accent:hover,
.link-accent:focus {
  color: #fff;
  text-decoration: underline;
}

/* Social pills */
.btn-social {
  width: 36px; height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.35);
  color: #fff;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.08);
  transition: transform .12s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}
.btn-social:hover,
.btn-social:focus {
  background: color-mix(in srgb, var(--accent) 28%, transparent);
  border-color: var(--accent);
  transform: translateY(-1px);
  color: #fff;
}

/* Optional: slightly smaller “square” bullets if FA 7 supports it */
.fa-square-small { font-size: .65rem; vertical-align: baseline; opacity: .8; }

/* Motion preference */
@media (prefers-reduced-motion: reduce) {
  .btn-social { transition: none !important; }
}

.top-border-bessolo{
    border-top:3px solid #ed8323;
}

/* Light grid overlay that always shows */
.footer-grid{
  position: relative;
  overflow: hidden; /* keeps overlay clipped to section */
}

.footer-grid::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  /* light gray lines on dark */
  background-image:
    repeating-linear-gradient(0deg,    rgba(255,255,255,.10) 0, rgba(255,255,255,.10) 1px, transparent 1px, transparent 24px),
    repeating-linear-gradient(90deg,   rgba(255,255,255,.10) 0, rgba(255,255,255,.10) 1px, transparent 1px, transparent 24px);
  background-size: 24px 24px;

  /* keep it above any child backgrounds */
  z-index: 0;
}

/* ensure content sits above the overlay */
.footer-grid > *{
  position: relative;
  z-index: 1;
}

/* BADGES */
/* Badges -> force brand orange */
.badge.bg-primary,
.badge.text-bg-primary{
  background-color: #ed8323 !important;
  color: #fff !important;
}

/* Optional: nicer hover for link badges */
a.badge.bg-primary:hover,
a.badge.text-bg-primary:hover{
  background-color: #d97418 !important; /* slightly darker */
  color: #fff !important;
}