/* ============================================================
   Radio MLK — règles communes à tout le site (16/10/2026), chargées sur toutes les pages publiques
   (Bricks comprises), l'espace Team et l'appli.

   Pas de cadenas « réservé aux adhérents » (demande d'Emmanuel du 16/10/2026) : soit rien, soit, pour un
   adhérent connecté, le picto de téléchargement. Les scripts affichent un cadenas (lien vers /connexion/) à un
   membre connecté non adhérent ; on le masque ici, sans toucher aux scripts (consigne d'Emmanuel sur
   mlk-replay-slider.js) : liste d'épisodes (mlk-episode-list.js), fenêtre Archives (mlk-podcasts.js), ancien
   slider « À la une » (mlk-replay-slider.js), nouveau slider [mlk_alaune] (assets/alaune.js).
   ============================================================ */
.mlk-ep-btn-dl--locked,
.mlk-arch-dl--lock,
.mlk-rs-get--locked,
.mlk-une-get--locked { display: none !important; }

/* Fond sombre autour de la colonne de 990 px, sur toutes les pages (demande d'Emmanuel du 16/10/2026).
   Bricks donnait un corps de page blanc (body #fff, dans sa couche « bricks ») : on le rend transparent et on met
   le noir de l'accueil sur html. :where() garde la priorité la plus faible : les pages qui ont leur propre fond
   (agenda et MLK36 #212121, accueil et On the bay #000 ; règles « html » de Bricks ou html:has() de
   l'extension) le gardent. */
:where(html) { background-color: #000; }
:where(body) { background-color: transparent; }

/* Protection légère des images (demande d'Emmanuel du 16/10/2026 ; complétée par assets/site/commun.js) :
   pas de glisser (Chrome, Safari) ni de menu de l'appui long sur iPhone. Pas dans l'espace Team / Gestion. */
img:not(.mlk-esp img) { -webkit-user-drag: none; -webkit-touch-callout: none; }

/* Invitation à installer l'appli, en haut de l'accueil (16/10/2026 ; HTML : includes/site/accueil.php,
   affichage : assets/site/commun.js). Bouton rectangulaire à coins arrondis (charte). */
.mlk-installer[hidden] { display: none !important; }
.mlk-installer { padding-top: 20px; }
.mlk-installer-in { display: flex; align-items: center; gap: 14px; width: 100%; box-sizing: border-box;
  background: #212121; border-left: 4px solid #d20658; padding: 10px 16px; color: #fff; }
.mlk-installer-ico { width: 44px; height: 44px; border-radius: 10px; flex: none; }
.mlk-installer-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; line-height: 1.3; }
.mlk-installer-txt strong { font-size: 16px; font-weight: 600; }
.mlk-installer-txt small { font-size: 13px; color: #c8c8c8; }
.mlk-installer-txt b { color: #fff; font-weight: 600; }
.mlk-installer-ios, .mlk-installer--ios .mlk-installer-pc, .mlk-installer--ios .mlk-installer-oui { display: none; }
.mlk-installer--ios .mlk-installer-ios { display: block; }
.mlk-installer-act { display: flex; align-items: center; gap: 10px; flex: none; }
.mlk-installer-oui { background: #d20658; color: #fff; border: 0; border-radius: 6px; padding: 8px 18px;
  font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.mlk-installer-oui:hover { background: #b0054a; }
.mlk-installer-non { background: none; border: 0; color: #aaa; font: inherit; font-size: 13px; cursor: pointer; padding: 6px 2px; text-decoration: underline; }
@media (max-width: 478px) {
  .mlk-installer { padding-top: 10px; }
  .mlk-installer-in { flex-wrap: wrap; gap: 10px 12px; padding: 10px 12px; }
  .mlk-installer-txt { flex-basis: calc(100% - 60px); }
  .mlk-installer-act { width: 100%; justify-content: flex-end; }
}