/* ============================================================
   UNIVERSAL FOOTER — The Boulevard Club (Root Down UX)
   Strict Token-Based Version — Updated with LinkedIn Icon
   ============================================================ */

/* -----------------------------------------------------------
   FOOTER — MAIN WRAPPER
   ----------------------------------------------------------- */
.footer {
  background: var(--boulevard-deep-blue) !important;

  color: var(--white);
  padding: 1.4rem 2rem;

  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;

  box-shadow: var(--shadow-footer);
}



/* -----------------------------------------------------------
   LEFT — COPYRIGHT + ROOT DOWN UX SIGNATURE
   ----------------------------------------------------------- */
.footer-left {
  font-size: var(--font-size-footer);
  font-weight: 500;
  white-space: nowrap;

  display: flex;
  gap: .5rem;
  align-items: center;
}

/* Root Down UX signature styling */
.footer-rdx {
  color: var(--rdx-footer-text);
  font-weight: 700;
  letter-spacing: 0.4px;
  font-family: var(--font-heading);
  white-space: nowrap;
}

.footer-rdx .highlight {
  color: var(--rdx-footer-accent);
}

/* -----------------------------------------------------------
   CENTER — SOCIAL ICONS
   ----------------------------------------------------------- */
.footer-center {
  display: flex;
  gap: 1.2rem;
}

.footer-center a {
  width: 2.6rem;
  height: 2.6rem;

  display: inline-flex;
  justify-content: center;
  align-items: center;

  border-radius: 50%;
  border: 2px solid var(--boulevard-warm-gold);
  color: var(--boulevard-warm-gold);

  font-size: 1.3rem;
  transition: var(--motion-normal);
}

.footer-center a:hover {
  background: var(--boulevard-warm-gold);
  color: var(--boulevard-deep-blue);
  transform: scale(1.08);
}

/* -----------------------------------------------------------
   RIGHT — BACK TO TOP BUTTON
   ----------------------------------------------------------- */
.footer-right {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-up {
  width: 2.8rem;
  height: 2.8rem;

  padding: .6rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;

  background: var(--boulevard-warm-gold);
  color: var(--boulevard-deep-blue);
  border-radius: 50%;

  cursor: pointer;
  transition: var(--motion-normal);

  opacity: 0;
  pointer-events: none;
}

.footer-up.visible {
  opacity: 1;
  pointer-events: auto;
}

.footer-up:hover {
  transform: scale(1.13);
}

/* -----------------------------------------------------------
   RESPONSIVE — STACKED LAYOUT ON SMALL SCREENS
   ----------------------------------------------------------- */
@media (max-width: 700px) {

  .footer {
    flex-direction: column;
    text-align: center;
  }

  .footer-left {
    justify-content: center;
  }

  .footer-center {
    justify-content: center;
  }

  .footer-right {
    width: 100%;
    justify-content: center;
  }
}