/* ==========================================================
   V1.1.20 — SOUS-MENUS NATIFS LUMISE

   Objectif :
   - ne plus reconstruire ni redimensionner FILTERS,
     REMOVE BACKGROUND, TEXT EFFECTS ou EDIT TEXT ;
   - laisser Lumise gérer sa structure native ;
   - libérer uniquement les parents qui rognaient les bulles ;
   - ne modifier ni la perspective ni le canvas central.
========================================================== */

/*
 * La barre contextuelle est fixée par native-properties.css.
 * Son niveau doit être supérieur à la barre Lorrpack uniquement
 * pour que les infobulles puissent remonter au-dessus d'elle.
 */
body.lpe-ready.lpe-native-properties-visible #lumise-top-tools {
    z-index: 2147483500 !important;
    overflow: visible !important;
    contain: none !important;
    isolation: auto !important;
}

/*
 * On ne cible que les conteneurs directs de la navigation native.
 * Aucune règle globale sur tous les UL : les listes internes des
 * filtres conservent ainsi leur propre scroll Lumise.
 */
body.lpe-ready.lpe-native-properties-visible #lumise-top-tools > ul.lumise-top-nav,
body.lpe-ready.lpe-native-properties-visible #lumise-top-tools > ul.lumise-top-nav > li {
    overflow: visible !important;
    contain: none !important;
}

/* Les sous-menus gardent intégralement les dimensions et le scroll natifs. */
body.lpe-ready #lumise-top-tools ul[data-view="sub"] {
    max-width: none;
    max-height: none;
    overflow: visible;
    transform: none;
}

/*
 * Réinitialisation explicite des anciennes classes Lorrpack qui peuvent
 * rester dans le DOM après un cache ou une ouverture précédente.
 */
body.lpe-ready .lpe-native-edit-text-dialog,
body.lpe-ready .lpe-native-text-effects-dialog,
body.lpe-ready .lpe-native-image-filters-dialog,
body.lpe-ready .lpe-native-remove-background-dialog {
    position: absolute !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: initial !important;
    padding: initial !important;
    overflow: visible !important;
    box-shadow: initial !important;
    border-radius: initial !important;
}

/*
 * La liste native des effets image est le seul bloc qui doit défiler.
 * On ne lui impose aucune taille : on restaure seulement son overflow natif.
 */
body.lpe-ready #lumise-image-fx-fx {
    display: block !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-width: none !important;
    transform: none !important;
}

/* Les trois réglages restent hors de la liste scrollable. */
body.lpe-ready #lumise-top-tools ul[data-view="sub"] > li:not([data-view="filters"]) {
    position: relative;
}

/*
 * Infobulles natives : elles restent dans Lumise, sans portail JavaScript.
 * Le z-index fonctionne maintenant car leurs parents ne les rognent plus.
 */
body.lpe-ready #lumise-top-tools [data-tip="true"],
body.lpe-ready #lumise-top-tools [data-tip="true"]::before,
body.lpe-ready #lumise-top-tools [data-tip="true"]::after,
body.lpe-ready #lumise-top-tools .lumise-tooltip,
body.lpe-ready #lumise-top-tools [class~="tooltip"] {
    z-index: 2147483647 !important;
    overflow: visible !important;
    pointer-events: none !important;
}

/* Supprime les anciens portails/faux libellés tels que « true ». */
#lpe-toolbar-tooltip-portal,
.lpe-toolbar-tooltip-fixed,
.lpe-floating-native-ui {
    display: none !important;
}

/* ==========================================================
   V1.1.22 — DÉPLACEMENT SEUL DES MENUS HORS ÉCRAN
   La propriété CSS moderne `translate` n'altère pas le `transform`
   ni les dimensions natives définies par Lumise.
========================================================== */
body.lpe-ready #lumise-top-tools ul[data-view="sub"].lpe-menu-shifted-only {
    will-change: translate;
}