html, body {
  margin: 0;
  padding: 0;
  overflow: hidden; /* coupe scroll horizontal + vertical */
  width: 100%;
  height: 100%;
}

.fond-unviers-poche {
  background-image: url("../images/fonds/fond_universite_poche.webp");
  background-size: cover;          /* L’image couvre tout l’écran */
  background-position: center;     /* Centrée */
  background-attachment: fixed;    /* Reste fixe pendant le scroll */
  background-repeat: no-repeat;    /* Pas de répétition */
  color: #fff;                     /* Texte en blanc pour contraster */
}

/* ===== MODULE QR UNIVERS DE POCHE ===== */

.qr-module {
  position: absolute;

  /* 👇 POSITION DU BLOC (facile à déplacer) */
  left: 37%;
  top: 38.5%;

  /* 👇 TAILLE GLOBALE DU BLOC (responsive) */
  width: 12vw;
  max-width: 260px;
  min-width: 120px;

  display: block;
  text-decoration: none;
  color: #ffffff;

  cursor: pointer;
}

/* Image QR */
.qr-image {
  width: 100%;
  height: auto;
  display: block;
}

/* Texte en diagonale bas-droite */
.qr-text {
  position: absolute;
  left: 125%;
  top: 23%;

  width: 14vw;
  max-width: 220px;

  font-family: "Courier New", monospace;
  font-size: clamp(0.75rem, 1vw, 1rem);
  letter-spacing: 0.08em;
  line-height: 1.35;

  color: rgba(180, 255, 220, 0.85);

  text-shadow:
    0 0 6px rgba(120, 255, 200, 0.35),
    0 0 12px rgba(120, 255, 200, 0.15);

  opacity: 0.75;
  transition: all 0.35s ease;

  pointer-events: none;
}

/* Petit effet au survol */
.qr-module:hover .qr-text {
  opacity: 1;

  color: rgba(220, 255, 240, 1);

  text-shadow:
    0 0 8px rgba(160, 255, 220, 0.6),
    0 0 16px rgba(160, 255, 220, 0.35),
    0 0 32px rgba(160, 255, 220, 0.15);

  letter-spacing: 0.12em;
}

@media (orientation: portrait){
  body.fond-unviers-poche{
    background-image: url("../images/fonds/fond_universite_poche_mobile.webp");
  }
  
  /* ===== MODULE QR UNIVERS DE POCHE ===== */
  .qr-module {
    position: absolute;

    /* 👇 POSITION DU BLOC (facile à déplacer) */
    left: 17%;
    top: 38.5%;

    /* 👇 TAILLE GLOBALE DU BLOC (responsive) */
    width: 12vw;
  }

  /* Image QR */
  .qr-image {
    width: 75%;
    height: auto;
    display: block;
  }  
  
  /* Texte en diagonale bas-droite */
  .qr-text {
    position: absolute;
    left: 90%;
    top: 40%;

    width: 40vw;
    max-width: 220px;

    font-family: "Courier New", monospace;
    font-size: clamp(0.75rem, 1vw, 1rem);
    letter-spacing: 0.08em;
    line-height: 1.35;

    color: rgba(180, 255, 220, 0.85);
  
    text-shadow:
      0 0 6px rgba(120, 255, 200, 0.35),
      0 0 12px rgba(120, 255, 200, 0.15);

    opacity: 0.75;
    transition: all 0.35s ease;

    pointer-events: none;
  }
}