/* NAW — Zone B C+ : icônes flottantes mobiles, ordre du joueur préservé.
 * Ne change pas le layout / les boutons de fallback historique. */
.naw-qnav-mobile { display: none; }
@media (max-width: 991px) {
  .naw-qnav-mobile {
    position: fixed;
    z-index: 550;
    top: calc(140px + env(safe-area-inset-top, 0px));
    right: calc(6px + env(safe-area-inset-right, 0px));
    width: 44px;
    max-height: calc(100vh - 185px);
    max-height: calc(100dvh - 185px);
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-x: visible;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    padding: 2px;
    box-sizing: content-box;
    pointer-events: auto;
  }
  body.naw-menu-position-bottom .naw-qnav-mobile {
    top: auto;
    bottom: calc(70px + env(safe-area-inset-bottom, 0px));
  }
  .naw-qnav-mobile__form {
    flex: 0 0 44px;
    margin: 0;
    padding: 0;
    width: 44px;
  }
  .naw-qnav-mobile__button {
    box-sizing: border-box;
    position: relative;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 5px;
    background: rgba(28, 30, 34, .88);
    border: 1px solid #d5c9c2;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  .naw-qnav-mobile__button:hover,
  .naw-qnav-mobile__button:focus-visible {
    background: #3f4b36;
    outline: 2px solid #d4e5ac;
    outline-offset: 1px;
  }
  .naw-qnav-mobile__button img {
    display: block;
    width: 27px;
    height: 27px;
    object-fit: contain;
    pointer-events: none;
  }
  .naw-qnav-mobile__unread {
    position: absolute;
    right: -2px;
    top: -5px;
    border: 1px solid #940000;
    background: #ba0b0b;
    color: #fff;
    border-radius: 11px;
    min-width: 19px;
    height: 19px;
    padding: 0 3px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    font-variant-numeric: tabular-nums;
  }
  .naw-qnav-mobile__unread[hidden] { display: none !important; }
  html.naw-mobile-keyboard-open .naw-qnav-mobile {
    visibility: hidden !important;
    pointer-events: none !important;
  }
  /* Navigation de lecture au-dessus des raccourcis mobiles, sur le même rail.
     La hauteur réelle du panneau (jusqu'à cinq icônes) vient de son ResizeObserver. */
  body.naw-qnav-mobile-present {
    --naw-qnav-scroll-above-bottom: calc(70px + env(safe-area-inset-bottom, 0px) + var(--naw-qnav-mobile-height, 0px) + 10px);
  }
  body.naw-qnav-mobile-present.naw-menu-position-bottom .naw-global-back-to-top.naw-forum-back-to-top {
    right: calc(8px + env(safe-area-inset-right, 0px)) !important;
    bottom: var(--naw-qnav-scroll-above-bottom) !important;
  }
  html.naw-forum-thread-navigation body.naw-qnav-mobile-present.naw-menu-position-bottom #forumBackToBottom {
    right: calc(8px + env(safe-area-inset-right, 0px)) !important;
    bottom: var(--naw-qnav-scroll-above-bottom) !important;
  }
  html.naw-forum-thread-navigation body.naw-qnav-mobile-present.naw-menu-position-bottom #forumBackToTop {
    right: calc(8px + env(safe-area-inset-right, 0px)) !important;
    bottom: calc(var(--naw-qnav-scroll-above-bottom) + 52px) !important;
  }

  /* Menu haut : la zone B descend légèrement sur les pages à deux commandes,
     ce qui laisse de la place aux deux boutons au-dessus de la colonne. */
  html.naw-forum-thread-navigation body.naw-qnav-mobile-present:not(.naw-menu-position-bottom) .naw-qnav-mobile {
    top: calc(172px + env(safe-area-inset-top, 0px));
    max-height: calc(100dvh - 210px);
  }
  body.naw-qnav-mobile-present:not(.naw-menu-position-bottom) .naw-global-back-to-top.naw-forum-back-to-top {
    right: calc(8px + env(safe-area-inset-right, 0px)) !important;
    top: calc(88px + env(safe-area-inset-top, 0px)) !important;
    bottom: auto !important;
  }
  html.naw-forum-thread-navigation body.naw-qnav-mobile-present:not(.naw-menu-position-bottom) #forumBackToBottom {
    right: calc(8px + env(safe-area-inset-right, 0px)) !important;
    top: calc(66px + env(safe-area-inset-top, 0px)) !important;
    bottom: auto !important;
  }
  html.naw-forum-thread-navigation body.naw-qnav-mobile-present:not(.naw-menu-position-bottom) #forumBackToTop {
    right: calc(8px + env(safe-area-inset-right, 0px)) !important;
    top: calc(118px + env(safe-area-inset-top, 0px)) !important;
    bottom: auto !important;
  }
}