/* Local Inter font faces. Place font files under /public/fonts/Inter/ */
/* Recommended subset: latin. Supply woff2 for best performance. */

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter/Inter-VariableFont_slnt,wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter/Inter-Italic-VariableFont_slnt,wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Optional: static weights fallback if variable fonts not available */
/*
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter/Inter-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
*/

/* Apply globally */
:root {
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

html, body {
  font-family: var(--font-sans);
}



/* --- Responsive pour Tablettes et Mobiles --- */
@media (max-width: 768px) {
    .div-footer-personnaliser p {
        font-size: 0.9rem; /* Diminue légèrement le texte */
    }
    
    .div-footer-personnaliser svg {
        width: 16px; /* Diminue la taille des icônes */
        height: 16px;
    }

    /* Cache la barre de séparation "|" sur mobile car on va passer à la ligne */
    .div-footer-personnaliser .mx-3 {
        display: none; 
    }

    /* Force le passage à la ligne pour l'email et le téléphone */
    .div-footer-personnaliser a, 
    .div-footer-personnaliser span {
        display: inline-block;
        width: 100%; /* Prend toute la largeur */
        margin-bottom: 8px; /* Espace entre les éléments */
    }
    
    /* Réajuste les marges pour que les icônes restent alignées avec leur texte */
    .div-footer-personnaliser .me-2 {
        margin-right: 8px !important;
    }
}

/* --- Ajustements spécifiques pour très petits écrans (iPhone SE, etc.) --- */
@media (max-width: 480px) {
    .div-footer-personnaliser p {
        font-size: 0.85rem;
    }
}