/* =============================================================================
   footer.css — Styles du footer HandiTaxi
   Chargé via functions.php sur le template page-template-handitaxi.php
   Dépend des variables CSS définies dans handitaxi.css (:root)
   ============================================================================= */

footer.foot-ht {
  background: var(--petrol-deep);
  color: #cfe3e4;
  padding: 54px 0 30px;
}

/* Neutraliser le p { color/font-size/margin } global de handitaxi.css */
footer.foot-ht p {
  color: #cfe3e4;
  font-size: 15px;
  margin-top: 0;
}

.foot-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  justify-content: space-between;
}

.foot-brand {
  font-family: var(--display);
  font-weight: 700;
  font-size: 24px;
  color: #fff;
  letter-spacing: -.02em;
}
.foot-brand .dot {
  color: var(--warm);
}

.foot-tagline {
  margin-top: 10px !important;
  max-width: 34ch;
  color: #a9cacb !important;
}

footer.foot-ht a {
  color: #cfe3e4;
  text-decoration: none;
  transition: color .15s;
}
footer.foot-ht a:hover {
  color: #fff;
}

.foot-col h4 {
  font-family: var(--ht-body);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #8fb6b8;
  margin: 0 0 12px;
}
.foot-col p {
  font-size: 15px !important;
  margin: 4px 0 !important;
}

.foot-bottom {
  margin-top: 36px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, .12);
  font-size: 13px;
  color: #8fb6b8;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}