/* bureau-seulement.css — voile « outil réservé à l'ordinateur ».
   Chargé uniquement par les outils qui n'ont pas de version mobile :
   Havre-sac, Stratfumétrie, Combo'kfu, Planning.

   Le voile n'existe pas au-dessus de 1100 px : la règle de base le laisse
   en display:none et seule la media query l'affiche. Jamais de display:none
   en ligne dans le HTML (cf. AGENTS.md), sinon la feuille de la page casse.
   Le seuil 1100/1101 est celui de builder/mobile.css, on s'y aligne. */

.bs-voile { display: none; }

@media (max-width: 1100px) {

  /* La page reste dans le DOM (elle sert au robot et au partage) mais ne
     défile plus derrière le voile. */
  body { overflow: hidden; }

  .bs-voile {
    position: fixed;
    inset: 0;
    /* Au-dessus des modales de compte (compte.css:95 et profil.css:25 sont à
       100000) et du message .sfc-mot (100010), sinon elles s'ouvriraient
       par-dessus le voile. */
    z-index: 100020;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 40px 28px;
    background: #0e1014;
    color: #f1f5f9;
    text-align: center;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    overflow-y: auto;
  }

  .bs-voile-logo {
    width: 72px;
    height: 72px;
    opacity: .9;
  }

  .bs-voile h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: .2px;
  }

  .bs-voile p {
    max-width: 30ch;
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    color: #94a3b8;
  }

  .bs-voile-liens {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 260px;
    margin-top: 4px;
  }

  .bs-voile-liens a {
    display: block;
    padding: 13px 18px;
    border-radius: 10px;
    border: 1px solid #1e293b;
    background: #111827;
    color: #f1f5f9;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
  }

  .bs-voile-liens a.bs-primaire {
    border-color: #3b82f6;
    background: #3b82f6;
  }
}