/* =========================
   BASE
   ========================= */
.uiinlineedit,
.uiinlineedit-child{
  position: relative;
  --uie-bar-h: 32px;
  --uie-bar-gap: 6px;

  /* Y persistant */
  --uie-top: 8px;

  /* X variable (utilisé pour parent xmoved + child armed) */
  --uie-left: 8px;

  /* fallback droite */
  --uie-right: 8px;
}

.uie-container,
.uiinlineedit-voidwrap{
  position: relative;
}

/* =========================
   TOOLBAR PARENT
   - default: top/right
   - xmoved: top/left
   ========================= */
.uie-toolbar{
  position: absolute;
  top: var(--uie-top);
  right: var(--uie-right);
  height: var(--uie-bar-h);

  display:flex;
  flex-direction: column;
  align-items:center;
  justify-content:flex-end;
  gap: var(--uie-bar-gap);

  z-index: 10;
  pointer-events: none;
}
.uie-toolbar .uie-btn{ pointer-events:auto; }

/* xmoved: applique à n'importe quel container qui a la classe */
.uie-xmoved .uie-toolbar{
  left: var(--uie-left);
  right: auto;
}

/* parent pinned: visible même sans hover */
.uiinlineedit.uie-pinned .uie-toolbar{
  opacity: 1 !important;
  transform: none !important;
  pointer-events: none; /* buttons restent ok car .uie-btn pointer-events:auto */
}

.uie-xmoved .uie-toolbar{
  left: var(--uie-left);
  right: auto;
}

/* parent hover/always */
.uiinlineedit.uie-show-hover .uie-toolbar{
  opacity: 0;
  transform: translateY(-2px);
  transition: opacity .12s ease, transform .12s ease;
}
.uiinlineedit.uie-show-hover:hover .uie-toolbar{
  opacity: 1;
  transform: none;
}
.uiinlineedit.uie-show-always .uie-toolbar{
  opacity: 1;
  transform: none;
}

/* =========================
   TOOLBAR CHILD (click-only)
   ========================= */
/* TOOLBAR CHILD (click-only) */
.uie-toolbar-child{
  position: absolute;
  height: var(--uie-bar-h);
  z-index: 10;
  pointer-events: none;

  /* ✅ invisible tant qu'on n'a pas cliqué */
  display: none;
}
.uie-toolbar-child .uie-btn{ pointer-events:auto; }

.uiinlineedit-child.uie-armed .uie-toolbar-child{
  display: flex;

  top: var(--uie-top);
  left: var(--uie-left);
  right: auto;

  align-items:center;
  justify-content:flex-end;
  gap: var(--uie-bar-gap);
}

/* =========================
   BUTTONS
   ========================= */
.uie-btn{
  width: var(--uie-bar-h);
  height: var(--uie-bar-h);
  padding: 0;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid #ddd;
  border-radius:8px;
  background: rgba(255,255,255,0.90);

  cursor:pointer;
  user-select:none;
  appearance:none;
  -webkit-appearance:none;
  line-height:1;
}
.uie-btn:active{ transform: translateY(1px); }

.uie-btn-content{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.uie-btn svg{ display:block; }