/* =====================================================================
   PIED DE PAGE COMPACT (partials/site_footer.html)
   Chargé APRÈS base.css et raffine.css : réduit tailles de texte, logos,
   marges et espacements pour diminuer fortement la hauteur du pied de page.
   Sélecteurs « .site-footer .x » pour passer devant raffine.css.
   ===================================================================== */

.site-footer .site-footer-shell {
  padding: 10px 0 0;
}

.site-footer .site-footer-grid {
  gap: 8px 28px;
}

/* Marque : logo et textes plus petits */
.site-footer .site-footer-brand-row {
  gap: 8px;
  margin-bottom: 4px;
}

.site-footer .site-footer-logo-link img,
.site-footer .site-footer-logo {
  width: 24px;
  height: 24px;
  border-radius: 6px;
}

.site-footer .site-footer-brand {
  font-size: 13px;
}

.site-footer .site-footer-tagline {
  margin-top: 0;
  font-size: 9px;
}

.site-footer .site-footer-desc {
  font-size: 11px;
  line-height: 1.4;
}

/* Colonnes de liens resserrées */
.site-footer .site-footer-heading {
  margin: 0 0 4px;
  font-size: 11px;
}

.site-footer .site-footer-list li {
  margin-bottom: 1px;
}

.site-footer .site-footer-list a,
.site-footer .site-footer-contact a {
  font-size: 11.5px;
  line-height: 1.35;
}

.site-footer .site-footer-contact {
  margin-top: 6px;
}

.site-footer .site-footer-contact p {
  margin: 0 0 2px;
  font-size: 11px;
}

.site-footer .site-footer-contact i {
  font-size: 10px;
}

/* Bloc PawaPay + applications */
.site-footer .site-footer-meta {
  gap: 6px 12px;
  margin-top: 8px;
  padding-top: 6px;
}

.site-footer .site-footer-pawapay {
  gap: 6px;
}

.site-footer .site-footer-pawapay-logo {
  width: 20px;
  height: 20px;
  padding: 2px;
}

.site-footer .site-footer-pawapay-text {
  font-size: 10.5px;
  line-height: 1.3;
}

.site-footer .site-footer-apps {
  gap: 6px;
}

.site-footer .site-footer-apps-title {
  font-size: 10px;
}

.site-footer .site-footer-store-btn {
  height: 24px;
  border-radius: 4px;
}

/* Copyright */
.site-footer .site-footer-bottom {
  margin-top: 6px;
  padding: 6px 0 8px;
}

.site-footer .site-footer-copy {
  font-size: 10.5px;
}

/* Tablette : 3 colonnes de liens, marque pleine largeur (comme base.css) */
@media screen and (max-width: 992px) {
  .site-footer .site-footer-grid {
    gap: 8px 16px;
  }
}

/* Mobile : 3 colonnes de liens au lieu de 2 (moins de hauteur), bas sur une ligne */
@media screen and (max-width: 768px) {
  .site-footer .site-footer-shell {
    padding-top: 8px;
  }

  .site-footer .site-footer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px 10px;
  }

  .site-footer .site-footer-grid > .site-footer-col:last-child {
    grid-column: auto;
  }

  .site-footer .site-footer-desc {
    font-size: 10.5px;
  }

  .site-footer .site-footer-list a,
  .site-footer .site-footer-contact a {
    font-size: 11px;
  }

  .site-footer .site-footer-contact p {
    font-size: 10px;
    word-break: break-word;
  }

  .site-footer .site-footer-meta {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: left;
    gap: 6px 10px;
    margin-top: 6px;
    padding-top: 6px;
  }

  .site-footer .site-footer-pawapay {
    width: auto;
    flex-direction: row;
    justify-content: center;
    gap: 6px;
  }

  .site-footer .site-footer-pawapay-text {
    font-size: 10px;
  }

  .site-footer .site-footer-apps {
    width: auto;
    justify-content: center;
  }

  .site-footer .site-footer-store-btn {
    height: 22px;
  }

  .site-footer .site-footer-bottom {
    margin-top: 6px;
    padding: 5px 0 6px;
  }

  .site-footer .site-footer-copy {
    font-size: 10px;
    line-height: 1.4;
  }
}

/* Petit mobile : on garde 3 colonnes, textes un peu plus petits */
@media screen and (max-width: 480px) {
  .site-footer .site-footer-heading {
    font-size: 10.5px;
  }

  .site-footer .site-footer-list a,
  .site-footer .site-footer-contact a {
    font-size: 10.5px;
  }
}