/* Footer wrapper */
.footer-wrap {
  background-color: darkgray;
  padding: 12px 16px;
}

/* 3-column footer row */
.footer {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 12px;
}

/* Align each cell */
.footer-cell {
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: none;
}

.footer-cell.left   { justify-content: center; }
.footer-cell.center { justify-content: center; flex-direction: column; gap: 0px; }
.footer-cell.right  { justify-content: center; }


/* Links */
.navbar-item-footer {
  display: inline-block; /* don't make anchors flex unless you need it */
}

/* Social icons */
.media-link {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

/* Powered-by row */
.web-power {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

/* Mobile: stack the 3 sections */
@media (max-width: 870px) {
  .footer {
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    text-align: center;
  }

  .footer-cell,
  .footer-cell.center,
  .footer-cell.right {
    justify-content: center;
  }
}