/* Paysage automatique au téléphone (essai 2026-10-09).
   Safari iPhone refuse à une page de verrouiller l'orientation de l'écran :
   quand le téléphone est tenu droit, c'est donc le lecteur lui-même qu'on fait
   pivoter d'un quart de tour. Dès que le téléphone est tourné pour de vrai,
   l'écran passe en paysage, la règle ne s'applique plus et rien ne bouge.

   Quart de tour vers la droite : le haut de l'image va à droite de l'écran,
   comme un téléphone qu'on couche encoche à gauche. L'encoche (haut physique)
   devient donc le bord GAUCHE du lecteur, la barre d'accueil le bord DROIT. */
@media (max-width: 760px) and (orientation: portrait) and (pointer: coarse) {
  #player:not(.hide):not(.pip-flotte) {
    inset: auto;
    top: 0;
    left: 0;
    width: 100vh;
    width: 100dvh;
    height: 100vw;
    transform-origin: top left;
    transform: translateX(100vw) rotate(90deg);
    --safe-t: 0px;
    --safe-b: 0px;
    --safe-l: env(safe-area-inset-top, 0px);
    --safe-r: env(safe-area-inset-bottom, 0px);
  }
  /* Le lecteur est en paysage : la mise en page « portrait » du titre ne le
     concerne plus. */
  #player:not(.hide):not(.pip-flotte) .pchrome { flex-wrap: nowrap; }
  #player:not(.hide):not(.pip-flotte) .pchrome .t { order: 0; flex: 1 1 auto; }
  #player:not(.hide):not(.pip-flotte) .pchrome .pacts { order: 0; flex-wrap: nowrap; }
}
