/* ══════════════════════════════════════════════════════════
   Allied Forklifts — Global Footer
   Path: wildy-child/assets/footer/footer.css
   Loaded globally via functions.php
   ══════════════════════════════════════════════════════════ */

.af-footer {
  background: #1A2330 !important;
  color: rgba(255,255,255,.65) !important;
  font-family: 'Barlow', sans-serif !important;
  width: 100% !important;
}
.af-footer * { box-sizing: border-box !important; }
.af-footer a { text-decoration: none !important; color: inherit !important; transition: color .15s !important; }

/* ── Inner container ── */
.af-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* ── Divider ── */
.af-divide {
  border: none !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
  margin: 0 !important;
}

/* ══ TOP GRID ════════════════════════════════════════════ */
.af-top {
  display: grid !important;
  grid-template-columns: 1.4fr 1fr 1.1fr 1.2fr !important;
  gap: 40px !important;
  padding: 56px 0 48px !important;
}

/* Brand column */
.af-brand-name {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 14px !important;
  display: block !important;
  text-transform: uppercase !important;
  letter-spacing: .02em !important;
}
.af-brand-desc {
  font-size: 14px !important;
  color: rgba(255,255,255,.62) !important;
  line-height: 1.7 !important;
  max-width: 280px !important;
  margin: 0 0 20px !important;
}
.af-badge {
  display: inline-block !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 2px !important;
  padding: 10px 14px !important;
  margin-bottom: 20px !important;
}
.af-badge img {
  height: 44px !important;
  display: block !important;
}
.af-social {
  display: flex !important;
  gap: 10px !important;
}
.af-social a {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background .15s !important;
  color: #ffffff !important;
}
.af-social a:hover { background: #056f51 !important; }
.af-social svg { width: 16px !important; height: 16px !important; fill: #ffffff !important; }

/* Nav columns */
.af-col-h {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #c8f04a !important;
  margin: 0 0 16px !important;
  display: block !important;
}
.af-col-h + .af-col-h { margin-top: 28px !important; }
.af-nav {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 0 !important;
}
.af-nav li { margin-bottom: 9px !important; }
.af-nav a {
  font-size: 13.5px !important;
  color: rgba(255,255,255,.68) !important;
}
.af-nav a:hover { color: #ffffff !important; }

/* Locations column */
.af-loc { margin-bottom: 18px !important; }
.af-loc:last-child { margin-bottom: 0 !important; }
.af-loc strong {
  display: block !important;
  font-size: 13px !important;
  color: rgba(255,255,255,.9) !important;
  margin-bottom: 3px !important;
  font-weight: 600 !important;
}
.af-loc span {
  display: block !important;
  font-size: 13px !important;
  color: rgba(255,255,255,.55) !important;
  line-height: 1.55 !important;
}
.af-loc a.af-dir {
  display: inline-block !important;
  margin-top: 5px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #056f51 !important;
}
.af-loc a.af-dir:hover { color: #c8f04a !important; }

/* ══ MID BAR ═════════════════════════════════════════════ */
.af-mid {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  padding: 24px 0 !important;
}
.af-contact {
  display: flex !important;
  gap: 32px !important;
  flex-wrap: wrap !important;
}
.af-contact-item small {
  display: block !important;
  font-size: 12px !important;
  color: rgba(255,255,255,.45) !important;
  margin-bottom: 2px !important;
}
.af-contact-item a {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}
.af-contact-item a:hover { color: #c8f04a !important; }
.af-trustpilot { max-width: 220px !important; }

/* ══ BOTTOM BAR ══════════════════════════════════════════ */
.af-bottom {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  padding: 18px 0 !important;
}
.af-copy {
  font-size: 12.5px !important;
  color: rgba(255,255,255,.4) !important;
}
.af-policy-links {
  display: flex !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}
.af-policy-links a {
  font-size: 12.5px !important;
  color: rgba(255,255,255,.55) !important;
}
.af-policy-links a:hover { color: #ffffff !important; }

/* ══ PARTNERS STRIP ══════════════════════════════════════ */
.af-partners {
  padding: 14px 0 20px !important;
  text-align: center !important;
  font-size: 12px !important;
  color: rgba(255,255,255,.32) !important;
}
.af-partners a {
  color: rgba(255,255,255,.42) !important;
  margin: 0 7px !important;
}
.af-partners a:hover { color: rgba(255,255,255,.75) !important; }

/* ══ RESPONSIVE ══════════════════════════════════════════ */
@media (max-width: 1024px) {
  .af-top {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
  }
}
@media (max-width: 640px) {
  .af-top {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    padding: 40px 0 32px !important;
  }
  .af-mid {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .af-trustpilot { width: 100% !important; max-width: 100% !important; }
  .af-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  .af-contact { gap: 20px !important; }
  .af-partners { text-align: left !important; }
  .af-partners a { margin: 0 6px 6px 0 !important; display: inline-block !important; }
}