/* ===== CORRECTIFS FOOTER MOBILE - CENTRAGE PARFAIT ===== */

/* CORRECTIF GLOBAL - ICÔNES SOCIALES TOUJOURS BLANCHES */
.footer-social .social-icon {
  filter: brightness(0) invert(1) !important; /* Force toujours blanc sur fond sombre */
}

.footer-social .social-link svg {
  filter: brightness(0) invert(1) !important; /* Force toujours blanc pour les SVG inline */
}

/* S'assurer que les icônes restent blanches même au hover */
.footer-social .social-link:hover .social-icon,
.footer-social .social-link:hover svg {
  filter: brightness(0) invert(1) !important; /* Toujours blanc même au hover */
}

/* CORRECTIF ICÔNES SOCIALES SUR MOBILE */
@media (max-width: 768px) {
  /* Section réseaux sociaux - centrage parfait */
  .footer-social {
    flex-direction: column !important;
    align-items: center !important;
    gap: 1.5rem !important;
    text-align: center !important;
  }
  
  .footer-social-right {
    order: 1 !important; /* Social media en haut */
    text-align: center !important;
    align-items: center !important; /* Centrage horizontal parfait */
    width: 100% !important;
  }
  
  .footer-social-right h3 {
    text-align: center !important;
    margin-bottom: 1rem !important;
  }
  
  /* ICÔNES SOCIALES - CENTRAGE PARFAIT */
  .social-links {
    display: flex !important;
    justify-content: center !important; /* Centrage horizontal parfait */
    align-items: center !important; /* Centrage vertical parfait */
    gap: 1rem !important; /* Espacement équilibré */
    width: 100% !important;
  }
  
  .social-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
  }
  
  .social-link:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    transform: translateY(-2px) !important;
  }
  
  .social-icon {
    width: 28px !important;
    height: 28px !important;
    filter: brightness(0) invert(1) !important; /* Force toujours blanc */
  }
  
  .footer-logo-left {
    order: 2 !important; /* Logo en dessous */
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
}

/* CORRECTIF LIENS LÉGAUX SUR MOBILE */
@media (max-width: 768px) {
  .footer-bottom-content {
    flex-direction: column !important;
    gap: 1.5rem !important;
    text-align: center !important;
    align-items: center !important;
  }
  
  .footer-left {
    text-align: center !important;
    order: 2 !important; /* Copyright en bas */
  }
  
  /* LIENS LÉGAUX - CENTRAGE PARFAIT */
  .footer-links {
    display: flex !important;
    justify-content: center !important; /* Centrage horizontal parfait */
    align-items: center !important; /* Centrage vertical parfait */
    flex-direction: row !important; /* Disposition horizontale */
    gap: 1rem !important; /* Espacement équilibré */
    order: 1 !important; /* Liens en haut */
    width: 100% !important;
    flex-wrap: nowrap !important; /* Pas de retour à la ligne */
  }
  
  .footer-links a {
    font-size: 0.9rem !important;
    color: var(--steel) !important;
    text-decoration: none !important;
    padding: 0.5rem 0.75rem !important; /* Zone de touche confortable */
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important; /* Empêcher le retour à la ligne */
  }
  
  .footer-links a:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: var(--primary-02) !important;
    transform: translateY(-1px) !important;
  }
  
  .footer-links span {
    display: inline !important; /* Afficher le séparateur */
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 0.9rem !important;
    margin: 0 !important;
  }
}

/* TRÈS PETITS ÉCRANS - AJUSTEMENTS FINS */
@media (max-width: 480px) {
  .social-links {
    gap: 0.75rem !important; /* Espacement réduit */
  }
  
  .footer-links {
    gap: 0.75rem !important; /* Espacement réduit */
  }
  
  .footer-links a {
    font-size: 0.85rem !important;
    padding: 0.4rem 0.6rem !important;
  }
  
  .footer-links span {
    font-size: 0.8rem !important;
  }
}

/* ÉCRANS EXTRA-PETITS - COMPACT */
@media (max-width: 350px) {
  .social-links {
    gap: 0.5rem !important;
  }
  
  .social-link {
    width: 36px !important;
    height: 36px !important;
  }
  
  .social-icon {
    width: 24px !important;
    height: 24px !important;
    filter: brightness(0) invert(1) !important; /* Force toujours blanc */
  }
  
  .footer-links {
    gap: 0.5rem !important;
  }
  
  .footer-links a {
    font-size: 0.8rem !important;
    padding: 0.3rem 0.5rem !important;
  }
  
  .footer-links span {
    font-size: 0.75rem !important;
  }
}

/* MODE SOMBRE - ADAPTATION COULEURS */
[data-theme="dark"] .footer-links a {
  color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="dark"] .footer-links a:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  color: var(--primary-02) !important;
}

[data-theme="dark"] .footer-links span {
  color: rgba(255, 255, 255, 0.3) !important;
}

[data-theme="dark"] .social-link:hover {
  background: rgba(255, 255, 255, 0.15) !important;
}