/* =========================================================
   Marrakech Desert Excursions — Pied de page (global)
   Chargé sur toutes les pages : le footer est désormais
   rendu par footer.php et non plus par chaque page statique.
   ========================================================= */

.hp-container { max-width: 1240px; margin: 0 auto; padding: 0 24px; }

.hp-footer p { margin: 0; }
.hp-footer ul { list-style: none; margin: 0; padding: 0; }
.hp-footer a { text-decoration: none; color: inherit; }
.hp-footer img { display: block; max-width: 100%; }

/* ── FOOTER ───────────────────────────────────────────────── */
.hp-footer { background: #060d1f; padding: 70px 0 0; }
.hp-footer-top {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.4fr;
  gap: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.hp-footer-brand { display: flex; flex-direction: column; gap: 18px; }
.hp-footer-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
.hp-footer-brand p { font-size: 13.5px; color: rgba(255,255,255,0.45); line-height: 1.65; max-width: 320px; }

.hp-footer-social { display: flex; gap: 10px; }
.hp-footer-social a {
  width: 38px; height: 38px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.55);
  transition: background 0.18s, color 0.18s, border-color 0.18s;
}
.hp-footer-social a:hover { background: var(--mde-orange, #c2410c); color: white; border-color: var(--mde-orange, #c2410c); }

.hp-footer-trust {
  display: flex; flex-wrap: wrap; gap: 8px;
}
.hp-footer-trust span {
  font-size: 11.5px; color: rgba(255,255,255,0.4);
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  padding: 4px 10px; border-radius: 6px;
}

.hp-footer-col h5 { font-size: 14px; font-weight: 700; color: white; margin-bottom: 18px; letter-spacing: 0.3px; }
.hp-footer-col ul { display: flex; flex-direction: column; gap: 9px; }
.hp-footer-col ul li a {
  font-size: 13.5px; color: rgba(255,255,255,0.45);
  transition: color 0.18s, padding-left 0.18s;
}
.hp-footer-col ul li a:hover { color: var(--mde-orange, #c2410c); padding-left: 4px; }
.hp-footer-contact { margin-top: 20px; display: flex; flex-direction: column; gap: 6px; }
.hp-footer-contact p { font-size: 13px; color: rgba(255,255,255,0.4); }

.hp-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0;
  flex-wrap: wrap;
  gap: 12px;
}
.hp-footer-bottom p { font-size: 13px; color: rgba(255,255,255,0.3); }
.hp-footer-legal { display: flex; gap: 20px; flex-wrap: wrap; }
.hp-footer-legal a { font-size: 13px; color: rgba(255,255,255,0.3); transition: color 0.18s; }
.hp-footer-legal a:hover { color: var(--mde-orange, #c2410c); }


/* Logo dans le pied de page */
.hp-footer-logo { text-decoration: none; }
.hp-footer-logo .hp-logo-img { height: 46px; width: auto; }
.hp-footer-logo .hp-logo-name { color: #fff; font-family: var(--mde-serif, Georgia, serif); font-weight: 700; font-size: 16px; }
.hp-footer-logo .hp-logo-sub { color: rgba(255,255,255,.45); font-size: 8.5px; letter-spacing: 2.2px; text-transform: uppercase; }

/* Menus WP dans les colonnes */
.hp-footer-col ul.menu,
.hp-footer-col ul { display: flex; flex-direction: column; gap: 9px; }
.hp-footer-legal ul { display: flex; gap: 20px; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.hp-footer-legal ul li a { font-size: 13px; color: rgba(255,255,255,.3); transition: color .18s; }
.hp-footer-legal ul li a:hover { color: var(--mde-orange, #c2410c); }

/* Responsive */
@media (max-width: 1100px) {
  .hp-footer-top { grid-template-columns: 1fr 1fr; gap: 36px; }
}
@media (max-width: 700px) {
  .hp-footer { padding-top: 52px; }
  .hp-footer-top { grid-template-columns: 1fr; gap: 32px; }
  .hp-footer-bottom { flex-direction: column; text-align: center; }
  .hp-container { padding: 0 18px; }
}