/* ════════════════════════════════════════════════════════
   KINWORK — Footer
   Fichier : css/footer.css
════════════════════════════════════════════════════════ */

footer { background:var(--blk2); border-top:1px solid var(--bdr); }

.footer-top {
  display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:56px; max-width:var(--max); margin:0 auto;
  padding:72px 64px 56px;
  border-bottom:1px solid var(--bdr2);
}

/* Colonne marque */
.footer-brand img       { height:48px; width:auto; margin-bottom:16px; }
.footer-brand-tag       { font-size:9px; font-weight:600; letter-spacing:3px; text-transform:uppercase; color:var(--g); opacity:.45; margin-bottom:14px; }
.footer-brand-desc      { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:14px; color:var(--w4); line-height:1.7; margin-bottom:20px; max-width:220px; }

/* Réseaux sociaux */
.footer-social { display:flex; gap:10px; }
.footer-soc {
  width:38px; height:38px;
  border:1px solid var(--bdr); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:var(--g); transition:all .25s;
  font-size:12px; font-weight:600;
}
.footer-soc:hover { border-color:var(--g); background:var(--gdim); }

/* Colonnes liens */
.footer-col h4 { font-size:9px; font-weight:700; letter-spacing:4px; text-transform:uppercase; color:var(--g); margin-bottom:20px; padding-bottom:12px; border-bottom:1px solid var(--bdr2); }
.footer-col ul { list-style:none; }
.footer-col li { border-bottom:1px solid var(--bdr2); }
.footer-col li a { font-size:12px; color:var(--w4); display:block; padding:10px 0; transition:all .2s; }
.footer-col li a:hover { color:var(--g); padding-left:6px; }

/* Coordonnées */
.footer-contact-item { display:flex; align-items:flex-start; gap:10px; padding:10px 0; border-bottom:1px solid var(--bdr2); }
.footer-contact-item svg  { color:var(--g); flex-shrink:0; margin-top:1px; }
.footer-contact-item span { font-size:12px; color:var(--w4); line-height:1.5; }

/* Barre de bas */
.footer-bot {
  max-width:var(--max); margin:0 auto;
  padding:20px 64px;
  display:flex; justify-content:space-between; align-items:center;
  flex-wrap:wrap; gap:12px;
}
.footer-bot p      { font-size:11px; color:var(--w2); }
.footer-bot-right  { display:flex; gap:20px; }
.footer-bot-right a { font-size:11px; color:var(--w2); transition:color .2s; }
.footer-bot-right a:hover { color:var(--g); }


/* ── Responsive footer ──────────────────────────────────── */
@media (max-width: 1100px) {
  .footer-top { padding:56px 40px; gap:36px; }
  .footer-bot { padding:18px 40px; }
}

@media (max-width: 768px) {
  .footer-top { grid-template-columns:1fr; gap:32px; padding:44px 20px; }
  .footer-bot { padding:16px 20px; flex-direction:column; text-align:center; }
  .page-hero          { height:280px; }
  .page-hero-content  { padding:0 20px 36px; }
}