/* Banque d'étiquettes : suit réellement le scroll sur ordinateur */

/* État normal desktop : pas d'ascenseur interne */
@media (min-width: 768px) {
  .mp-label-bank {
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
  }

  .mp-label-bank .mp-labels {
    max-height: none !important;
    overflow: visible !important;
  }

  /* État activé par JS : le bloc devient vraiment fixe */
  .mp-label-bank.mp-label-bank-follow-scroll {
    position: fixed !important;
    top: 18px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 5000 !important;
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.20) !important;
  }

  .mp-label-bank-placeholder {
    display: none;
  }

  .mp-label-bank-placeholder.is-active {
    display: block;
  }
}

/* Mobile : on garde la palette fixe en bas */
@media (max-width: 767px) {
  .mp-label-bank {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    top: auto !important;
    z-index: 9999 !important;
    max-height: 240px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.24) !important;
  }

  .mp-label-bank-placeholder {
    display: none !important;
  }
}