/* =====================================================================
   Pug IT Solution — footer
   ---------------------------------------------------------------------
   The footer of shared/partials/footer.html.
   ===================================================================== */
.site-footer {
  border-top: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(8, 8, 11, 0.4), rgba(5, 5, 7, 0.94));
  padding: clamp(48px, 6vw, 76px) 0 34px;
  margin-top: clamp(48px, 6vw, 80px);
}
.footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 52px);
}
.footer-col { display: flex; flex-direction: column; gap: 12px; }
.footer-col h5 {
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text-faint);
  margin-bottom: 4px;
}
.footer-col a,
.footer-col span { font-size: 15px; color: var(--text-dim); }
.footer-col a:hover { color: var(--gold-bright); }
.footer-bottom {
  margin-top: clamp(32px, 4vw, 52px);
  padding-top: 26px;
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 14px;
  color: var(--text-faint);
}
.footer-bottom a { color: var(--text-faint); }
.footer-bottom a:hover { color: var(--gold-bright); }
/* The links of the legal pages, at the end of the bottom row */
.footer-legal {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
}


/* ---------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------ */
@media (max-width: 1100px) {
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .footer-grid { grid-template-columns: minmax(0, 1fr); }
}