@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@600&display=swap');

@font-face {
  font-family: 'Sean Slab';
  src: url('../fonts/SeanSlab-NormalExtrabold.otf') format('opentype');
  font-weight: 800;
}
@font-face {
  font-family: 'Sean Slab Narrow';
  src: url('../fonts/SeanSlab-NarrowRegular.otf') format('opentype');
  font-weight: 400;
}

/* Typo navbar */
.navbar-font,
.navbar-nav .nav-link,
.offcanvas-body .nav-link {
  font-family: 'Sean Slab', serif !important;
  font-size: 16px !important;
}

/* Icônes sociales — taille uniforme sur toutes les pages */
.social-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  transition: transform 0.2s;
}
.social-icon:hover { transform: scale(1.1); }

/* Logos redirect */
.LogoRedirect { width: 28px; height: 28px; object-fit: contain; }
.sup { width: 32px; height: 32px; }

/* Base navbar : pleine largeur, pas de padding propre */
.navbar-page-aligned  { padding-left: 0 !important; padding-right: 0 !important; }
.navbar-logo-offset   { padding-left: 12px !important; margin-left: 0 !important; }

/*
 * Icônes sociales droite : marge responsive alignée sur le bord droit
 * du Bootstrap container (même formule miroir que le logo gauche).
 */
.navbar-social-offset { margin-right: 12px !important; }
@media (min-width: 576px)  { .navbar-social-offset { margin-right: calc((100vw - 540px)  / 2 + 12px) !important; } }
@media (min-width: 768px)  { .navbar-social-offset { margin-right: calc((100vw - 720px)  / 2 + 12px) !important; } }
@media (min-width: 992px)  { .navbar-social-offset { margin-right: calc((100vw - 960px)  / 2 + 12px) !important; } }
@media (min-width: 1200px) { .navbar-social-offset { margin-right: calc((100vw - 1140px) / 2 + 12px) !important; } }
@media (min-width: 1400px) { .navbar-social-offset { margin-right: calc((100vw - 1320px) / 2 + 12px) !important; } }