/* Pied de page unique (app/components/SiteFooter.jsx).
   Sélecteurs « body footer.site-footer » : passent devant les anciennes
   règles génériques « footer {…} » de styles.css et « .home-page footer ». */
body footer.site-footer {
  display: block;
  padding: 72px 5vw 28px;
  color: #F2E4CF;
  background: #D85311;
  font-family: Arial, Helvetica, sans-serif;
}
body footer.site-footer a { color: inherit; text-decoration: none; }

.site-footer .site-footer-main {
  display: grid;
  grid-template-columns: minmax(240px, 1.6fr) repeat(3, minmax(150px, 1fr));
  gap: 40px;
  padding-bottom: 56px;
  border-bottom: 1px solid rgba(242, 228, 207, .35);
}

.site-footer .site-footer-brand { display: block; }
body footer.site-footer .site-footer-logo {
  display: block;
  width: 160px;
  aspect-ratio: 2263 / 462;
  margin-bottom: 26px;
  background: #F2E4CF;
  -webkit-mask: url("/assets/logo-bakry-cropped.png") center / contain no-repeat;
  mask: url("/assets/logo-bakry-cropped.png") center / contain no-repeat;
}
body footer.site-footer .site-footer-social {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border: 1.5px solid rgba(242, 228, 207, .6);
  border-radius: 99px;
  font-size: 13px;
  font-weight: 700;
  transition: background .2s ease, border-color .2s ease;
}
body footer.site-footer .site-footer-social:hover { background: #F2E4CF; border-color: #F2E4CF; color: #D85311; }

.site-footer .site-footer-col { display: block; }
.site-footer-heading {
  margin: 4px 0 18px;
  color: rgba(242, 228, 207, .7);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.site-footer-col ul { margin: 0; padding: 0; display: grid; gap: 11px; list-style: none; }
.site-footer-col li { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
body footer.site-footer .site-footer-col a {
  font-size: 15px;
  font-weight: 600;
  color: #F2E4CF;
  transition: opacity .2s ease;
}
body footer.site-footer .site-footer-col a:hover { text-decoration: underline; text-underline-offset: 4px; }
.site-footer-note {
  padding: 2px 8px;
  border-radius: 99px;
  color: #D85311;
  background: #F2E4CF;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.site-footer .site-footer-bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 24px;
  padding-top: 24px;
}
.site-footer-bottom small { font-size: 12px; color: rgba(242, 228, 207, .8); }
.site-footer .site-footer-legal-links { display: flex; flex-wrap: wrap; gap: 8px 20px; }
body footer.site-footer .site-footer-legal { font-size: 12px; font-weight: 700; color: #F2E4CF; }
body footer.site-footer .site-footer-legal:hover { text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 900px) {
  .site-footer .site-footer-main { grid-template-columns: 1fr 1fr; gap: 36px 24px; }
  .site-footer .site-footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
  body footer.site-footer { padding: 52px 20px 24px; }
  .site-footer .site-footer-main { grid-template-columns: 1fr; padding-bottom: 36px; }
  .site-footer .site-footer-bottom { flex-direction: column; }
}