/* === Police système moderne === */
html, body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

    html,
    body {
      height: 100%;
      margin: 0;
      background: #000;
      color: #fff;
      display: flex;
      flex-direction: column;
    }

    /* Conteneur plein écran */
    .screen {
      flex: 1;
      display: flex;
      flex-direction: column;
      /* empile verticalement */
      justify-content: flex-start;
      /* ✅ colle le texte en haut */
      align-items: center;
      /* centre horizontalement */
      padding-top: 2vh;
      /* petit espace visuel en haut */
      box-sizing: border-box;
    }

    /* Bloc des paroles aligné en haut */
    #projection-lyrics {
      font-size: clamp(24px, 6vh, 72px);
      line-height: 1.3;
      text-align: center;
      white-space: normal;
      width: 100%;
      max-width: 92vw;
      margin-top: 0;
      /* ✅ supprime tout offset parasite */
    }

    .line {
      margin: 0.2em 0;
      white-space: pre-wrap;
    }


    /* Footer fixé en bas (hors flux) */
    .footer {
      position: absolute;
      right: 1.2rem;
      bottom: .8rem;
      font-size: clamp(10px, 2.1vh, 16px);
      font-style: italic;
      opacity: .85;
      text-align: right;
      pointer-events: none;
    }

    /* Variante claire */
    body.light {
      background: #fff;
      color: #111;
    }

    /* Conteneur spécifique pour la projection de la Bible */
    .bible-projection {
      width: 100%;
      max-width: 92vw;
      margin: 0 auto;
      /* pour casser l'alignement centré par défaut et partir de la gauche */
      text-align: left;
    }

    /* Titre du passage biblique (en haut à gauche, vert) */
    .bible-title {
      font-size: clamp(24px, 4vh, 48px);
      font-weight: 600;
      margin-bottom: 1rem;
      color: #ffffff;
      /* même vert que pour la section live */
      text-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    }

    /* Corps du texte biblique : aligné à gauche + justifié */
    .bible-text {
      text-align: justify;
    }

    .bible-text .line {
      text-align: justify;
      /* écrase le text-align:center de #projection-lyrics */
    }

    /* Empêcher le centrage vertical pour la Bible */
    .bible-projection {
      display: block !important;
      /* casse le display:flex centré */
      margin: 0 !important;
      /* élimine tout décalage vertical */
      padding: 1rem 2rem !important;
      /* marges propres, minimales */
    }

    .bible-title {
      margin-top: 0 !important;
      /* pas d'espace avant le titre */
      padding-top: 0 !important;
    }

    .bible-text {
      margin-top: 0 !important;
      /* pas d'espace avant le texte */
      padding-top: 0 !important;
    }

    .bible-text .line {
      margin: 0.4em 0 !important;
      /* contrôle fin du spacing entre les lignes */
    }

    /* Petits écrans (smartphone utilisé comme écran de projection) */
    @media (max-width: 480px) {
      .bible-projection {
        padding: .75rem 1rem !important;
      }

      .footer {
        right: .6rem;
        bottom: .5rem;
        left: .6rem;
        text-align: right;
      }
    }