/* ═══════════════════════════════════════════════════════════════
   QLN EVENT — Footer partagé (catalogue / produit / panier)
   Colonne contact « punchy » + liens légaux
   ═══════════════════════════════════════════════════════════════ */

.f-contact ul { align-items: center; }
.f-contact-strong {
  display: inline-flex; align-items: center; gap: 9px;
  font-size: 15px !important; font-weight: 700;
  color: #fff !important;
}
.f-contact-strong svg { color: var(--gold); flex-shrink: 0; }
.f-contact-strong:hover { color: var(--gold-text, var(--gold)) !important; }
.f-contact-addr { display: inline-flex; align-items: center; gap: 9px; }
.f-contact-addr svg { color: var(--gold); flex-shrink: 0; }
.f-contact-cta {
  display: inline-flex !important; align-items: center; gap: 8px;
  margin-top: 8px;
  padding: 12px 24px;
  background: linear-gradient(135deg, var(--gold) 0%, var(--gold-deep) 100%);
  color: #1a1408 !important;
  font-size: 13.5px !important; font-weight: 700;
  border-radius: 999px;
  box-shadow: 0 8px 24px rgba(232, 163, 61, 0.35);
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}
.f-contact-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(232, 163, 61, 0.5); }

.f-legal { display: flex; flex-wrap: wrap; gap: 18px; }
.f-legal a { color: inherit; transition: color 0.18s; }
.f-legal a:hover { color: var(--gold); }

@media (max-width: 860px) {
  .f-contact ul { align-items: flex-start; }
}