/* ===== FOOTER ===== */
.site-footer { background: var(--color-footer-bg); color: var(--color-white); padding: 40px 16px 20px; }
.footer-wrapper { max-width: 1400px; margin: 0 auto; }
.footer-trust { text-align: center; margin-bottom: 30px; }
.trustpilot-widget { display: inline-flex; flex-direction: column; align-items: center; gap: 4px; }
.trustpilot-stars { color: var(--color-success); font-size: 20px; letter-spacing: 2px; }
.trustpilot-text { font-size: 14px; font-weight: 700; }
.trustpilot-count { font-size: 12px; color: #d7dde2; }
.footer-columns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 30px; }
.footer-col h4 { font-size: 14px; font-weight: 700; color: var(--color-white); margin-bottom: 14px; text-transform: uppercase; letter-spacing: 0.5px; }
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 8px; }
.footer-col ul li a { font-size: 13px; color: var(--color-gray-200); text-decoration: none; transition: color 0.2s; }
.footer-col ul li a:hover { color: var(--color-brand-green); }
/* Le conteneur définit la taille visible et coupe ce qui dépasse */
.payment-methods {
          
  overflow: hidden;      /* Cache tout ce qui dépasse du cadre */
}

/* Le lien prend toute la place du conteneur et centre l'image */
.payment-methods a {
  display: flex;
  justify-content: center; /* Centre horizontalement */
  align-items: center;     /* Centre verticalement */
  width: 100%;
  height: 100%;
}

/* L'image garde sa taille d'origine sans s'écraser */
.payment-methods a img {
  flex-shrink: 0;          /* Empêche l'image de rétrécir pour entrer dans le div */
}
.footer-security { margin-bottom: 12px; }
.footer-sitemap-link { font-size: 12px; color: var(--color-brand-green); text-decoration: none; }
.footer-sitemap-link:hover { text-decoration: underline; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; text-align: center; }
.footer-bottom p { font-size: 11px; color: #d7dde2; line-height: 1.6; }
.footer-column-large {grid-column: span 2;}

@media (min-width: 900px) {

    /* Footer desktop */
    .site-footer { padding: 50px 40px 30px; }
    .footer-columns { grid-template-columns: repeat(4, 1fr); gap: 40px; }
    .footer-column-large {grid-column: span 2;}
    .footer-col h4 { font-size: 15px; }
    .footer-col ul li a { font-size: 14px; }
}