/* ============================================================
   Logo override - campagne bar-mitzvot uniquement
   Raison : le logo source (CSUQ) a ~40% de marge blanche autour
   du contenu, donc il paraît tout petit. On zoome visuellement
   via `transform: scale()` pour NE PAS agrandir la boîte (donc
   le header reste à la même hauteur que sur les autres campagnes).
   `transform-origin: left center` ancre le zoom à gauche ; on
   compense le débordement à droite en augmentant le `gap` du
   conteneur pour que le nom de l'organisation ne soit pas écrasé.
   ============================================================ */

.org-logo-desktop,
.org-logo-mobile {
  transform: scale(1.45);
  transform-origin: left center;
}

/* Header sticky : un peu moins de zoom car la barre est compacte */
.header__area.scrolled .org-logo-desktop {
  transform: scale(1.35);
  transform-origin: left center;
}

/* Compensation gap en mode scrolled pour éviter le chevauchement logo/titre */
.header__area.scrolled .org-header-desktop {
  gap: 50px;
}

/* Compensation du débordement à droite : pousse le nom de l'orga
   plus loin pour éviter le chevauchement causé par le scale. */
.org-header-desktop {
  gap: 55px;
}

.org-header-mobile {
  gap: 40px;
}

@media (max-width: 1200px) {
  .org-header-desktop {
    gap: 45px;
  }
}

@media (max-width: 768px) {
  .org-header-mobile {
    gap: 35px;
  }
}

@media (max-width: 480px) {
  .org-header-mobile {
    gap: 30px;
  }
}