/* ZWORLD_CLASSIC_NAVIGATION_V11G_START */

/*
 * Une seule vraie barre latérale :
 * aside.navigation
 */

.navigation {
  position: relative;
}

/*
 * Barre ouverte :
 * ZWorld reste une identité, sans comportement de bouton.
 */

@media (min-width: 701px) {
  body:not(.sidebar-collapsed)
  #sidebar-toggle {
    cursor: default;
  }

  body:not(.sidebar-collapsed)
  #sidebar-toggle:focus {
    outline: none;
  }
}

/*
 * Bouton type ChatGPT.
 *
 * Il apparaît seulement lorsque la barre est ouverte.
 * Aucun gros cadre, aucune flèche.
 */

.classic-sidebar-collapse-v11g {
  position: absolute;
  top: 17px;
  right: 14px;
  z-index: 12;

  width: 34px;
  height: 34px;

  padding: 0;

  display: grid;
  place-items: center;

  border: 0;
  border-radius: 9px;

  color: #92929a;
  background: transparent;

  cursor: pointer;

  transition:
    color .13s ease,
    background .13s ease,
    transform .13s ease;
}

.classic-sidebar-collapse-v11g:hover,
.classic-sidebar-collapse-v11g:focus-visible {
  color: #f4f4f5;

  background:
    rgba(255, 255, 255, .075);

  outline: none;
}

.classic-sidebar-collapse-v11g:active {
  transform: scale(.95);
}

.classic-sidebar-collapse-v11g svg {
  width: 21px;
  height: 21px;

  display: block;

  fill: none;
  stroke: currentColor;

  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.sidebar-collapsed
.classic-sidebar-collapse-v11g {
  display: none;
}

/*
 * JEUX vit structurellement dans .nav-scroll,
 * immédiatement après la rangée privée Lucy.
 */

#classic-games-section-v11c {
  position: static;

  width: auto;

  margin:
    15px
    0
    0;

  padding: 0;

  display: block;

  flex:
    0
    0
    auto;
}

#classic-games-section-v11c
.classic-games-title-v11c {
  margin:
    0
    8px
    7px;
}

/*
 * Barre fermée :
 * le jeu devient une destination compacte après L.
 */

@media (min-width: 701px) {
  body.sidebar-collapsed
  #classic-games-section-v11c {
    margin:
      10px
      0
      0;
  }

  body.sidebar-collapsed
  #classic-games-section-v11c
  .classic-games-title-v11c {
    display: none;
  }

  body.sidebar-collapsed
  #classic-games-section-v11c
  .classic-game-launch-v11c {
    width: 48px;
    height: 48px;
    min-height: 48px;

    margin:
      0
      auto;

    padding: 0;

    justify-content: center;

    border-radius: 10px;
  }

  body.sidebar-collapsed
  #classic-games-section-v11c
  .classic-game-launch-copy-v11c {
    display: none;
  }

  body.sidebar-collapsed
  #classic-games-section-v11c
  .classic-game-launch-icon-v11c {
    width: 32px;
    height: 32px;

    font-size: 8px;
  }

  /*
   * En mode fermé, le Z natif demeure visible
   * et sert à rouvrir la barre.
   */

  body.sidebar-collapsed
  #sidebar-toggle {
    cursor: pointer;
  }
}

/*
 * Le nouveau bouton n’existe pas sur mobile/APK.
 * La navigation mobile V5 demeure intacte.
 */

@media (max-width: 700px) {
  .classic-sidebar-collapse-v11g {
    display: none !important;
  }

  #classic-games-section-v11c {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .classic-sidebar-collapse-v11g {
    transition: none !important;
  }
}

/* ZWORLD_CLASSIC_NAVIGATION_V11G_END */