/* ==========================================================================
   Fahavi Computers - global footer
   ========================================================================== */

.fh-foot { background: #0A1024; color: #B8C2DC; }
.fh-foot__inner { max-width: 1400px; margin-inline: auto; padding: clamp(34px, 4vw, 56px) clamp(16px, 2.6vw, 32px) 0; }

.fh-foot__grid {
  display: grid; grid-template-columns: 1.5fr 1fr 1fr .9fr 1.5fr;
  gap: clamp(22px, 3vw, 44px);
  padding-bottom: clamp(24px, 3vw, 40px);
}

.fh-foot__logo { font-size: 21px; font-weight: 800; color: #fff; text-decoration: none; letter-spacing: -.01em; }
.fh-foot__logo span { color: #5B8AF5; }
.fh-foot__brand p { margin: 12px 0 0; font-size: 13px; line-height: 1.65; color: #93A0BE; max-width: 26em; }

.fh-foot__col { display: flex; flex-direction: column; gap: 9px; min-width: 0; }
.fh-foot__col b { font-size: 13.5px; font-weight: 800; color: #fff; margin-bottom: 5px; }
.fh-foot__col a { font-size: 13px; color: #93A0BE; text-decoration: none; line-height: 1.5; transition: color .14s; }
.fh-foot__col a:hover { color: #fff; }

.fh-foot__contact a, .fh-foot__contact span { display: flex; align-items: flex-start; gap: 9px; font-size: 13px; color: #93A0BE; line-height: 1.5; }
.fh-foot__contact svg { width: 15px; height: 15px; flex: none; margin-top: 2px; color: #5B8AF5; }

.fh-foot__trust {
  display: flex; align-items: center; gap: clamp(14px, 2.4vw, 34px); flex-wrap: wrap;
  padding: 16px 0; border-top: 1px solid rgba(255,255,255,.09);
}
.fh-foot__accept { font-size: 12.5px; color: #93A0BE; display: inline-flex; align-items: center; gap: 8px; }
.fh-foot__mpesa { color: #34C759; font-weight: 800; letter-spacing: .03em; font-size: 13.5px; }
.fh-foot__tchip { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; color: #93A0BE; }
.fh-foot__tchip svg { width: 15px; height: 15px; color: #5B8AF5; }

.fh-foot__legal {
  display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap;
  padding: 14px 0 20px; border-top: 1px solid rgba(255,255,255,.09);
  font-size: 12px; color: #7C89A8;
}
.fh-foot__legallinks { display: inline-flex; gap: 18px; }
.fh-foot__legallinks a { color: #93A0BE; text-decoration: none; }
.fh-foot__legallinks a:hover { color: #fff; }

@media (max-width: 1080px) {
  .fh-foot__grid { grid-template-columns: 1fr 1fr 1fr; }
  .fh-foot__brand { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .fh-foot__grid { grid-template-columns: 1fr 1fr; gap: 22px; }
  .fh-foot__contact { grid-column: 1 / -1; }
  .fh-foot__trust { gap: 12px 18px; }
  .fh-foot__legal { flex-direction: column; align-items: flex-start; gap: 8px; }
}
@media (max-width: 400px) {
  .fh-foot__grid { grid-template-columns: 1fr; }
}