/* Identité visuelle officielle de l'association — remplace les dessins maison.
   Décision Mike du 2026-08-23, qui revient sur celle du 2026-07-09 (« logo
   d'origine écarté, je dessine un phare maison »). */

/* ── Mad Pride ───────────────────────────────────────────────────────────────
   Le logo est extrait de l'affiche 2025 et servi comme MASQUE : le fichier ne
   porte qu'une forme (son canal alpha), la couleur vient de `--mp-ink`. Il suit
   donc le thème tout seul — noir sur jaune en clair, clair sur sombre la nuit —
   là où une image noire aurait disparu en thème sombre. */
.mp-logo {
  width: min(430px, 76vw);
  aspect-ratio: 799 / 753;
  margin: 0 auto 6px;
  background-color: var(--mp-ink);
  -webkit-mask: url("../img/madpride-logo.f0497a9755b8.png") center / contain no-repeat;
  mask: url("../img/madpride-logo.f0497a9755b8.png") center / contain no-repeat;
}

/* ── Balise Psy ──────────────────────────────────────────────────────────────
   Aucun fond : le logo se pose directement sur la page. Il le supporte parce
   que ses lettres « P S Y » sont **découpées** (transparentes) — elles prennent
   donc la couleur du fond et restent lisibles dans les deux thèmes. Le reste du
   tracé (bleus, jaune, rouge) est assez lumineux pour tenir sur le fond sombre.
   Une carte blanche était inutile, et elle plaquait un rectangle étranger au
   milieu de la page (retour Mike du 2026-08-23). */
.bp-logo-officiel { display: inline-block; line-height: 0; }
.bp-logo-officiel img {
  width: min(300px, 66vw);
  height: auto;
  /* Un souffle très léger : décolle le logo du fond sans dessiner de cadre. */
  filter: drop-shadow(0 2px 10px rgb(0 0 0 / .16));
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .bp-logo-officiel img {
    filter: drop-shadow(0 2px 12px rgb(0 0 0 / .5));
  }
}
:root[data-theme="dark"] .bp-logo-officiel img {
  filter: drop-shadow(0 2px 12px rgb(0 0 0 / .5));
}

/* Dans la barre de navigation : le logo COMPLET devient illisible sous 100 px
   (le mot « Balise » est manuscrit). On y sert donc une marque compacte —
   le même logo officiel, recadré sur le phare et son cercle. */
.bp-logo .mark-officiel { display: inline-flex; width: 40px; height: 35px; }
.bp-logo .mark-officiel img { width: 100%; height: 100%; object-fit: contain; }