/* Essai Pio, 29 oct. soir : aiguillage Particulier / Public de l'accueil S4.
   Le rond et ses flèches « ‹ › » sont retirés et remplacés par une porte en plan, ouverte vers Particulier.
   Révision Pio : moitié plus petite, sans aucun trait vertical (ni mur, ni retours de baie) :
   il ne reste que le vantail horizontal et l'arc de débattement en quart de cercle, en trait fin crème.
   La porte garde sa place et suit le mouvement du trait (--s). S4 seulement : S1, S2, S3 inchangés.
   Pour revenir au rond : retirer le lien vers ce fichier dans s4/index.html. */
.v-s4 .k-seuil .b-trait {
  --porte: clamp(29px, 4.5vh, 48px);
  /* Trait plus fin, raccordé au symbole sans espace ni traversée de la porte. */
  --espace-porte: 0px;
  /* Pio, 3 nov. : le trait de 0,5 px scintillait en bougeant (ordinateur et téléphone). Il passe à 1 px et se déplace
     par translation au pixel près (--sx, calculé par kit.js), sur son propre calque : il ne se redessine plus. */
  width: 1px;
  left: 0;
  transform: translate3d(var(--sx, 50vw), 0, 0);
  will-change: transform;
  backface-visibility: hidden;
  background: linear-gradient(to bottom,
    #fff 0,
    #fff calc(50% - var(--porte) / 2 - var(--espace-porte)),
    transparent calc(50% - var(--porte) / 2 - var(--espace-porte)),
    transparent calc(50% + var(--porte) / 2 + var(--espace-porte)),
    #fff calc(50% + var(--porte) / 2 + var(--espace-porte)),
    #fff 100%);
  box-shadow: none;
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, .6));
  pointer-events: none;
}
/* Vantail et arc : charnière à droite, sur l'axe du trait ; la porte s'ouvre vers la gauche (Particulier). */
.v-s4 .k-seuil .b-trait::before {
  content: "";
  left: auto; right: 0;
  top: calc(50% - var(--porte) / 2);
  width: var(--porte); height: var(--porte);
  margin: 0; border: 0; border-radius: 0;
  backdrop-filter: none; -webkit-backdrop-filter: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M1 99H100' fill='none' stroke='%23f2e8d5' stroke-width='1.2' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M1 99A98 98 0 0 1 99 1' fill='none' stroke='%23f2e8d5' stroke-width='1' vector-effect='non-scaling-stroke' opacity='.85'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
}
/* Plus de retours de baie ni de flèches. */
.v-s4 .k-seuil .b-trait::after { content: none; display: none; }