/* Eleon Modern Editor 5 - frontend inline editing */

html.eme-authorized h1:hover,
html.eme-authorized h2:hover,
html.eme-authorized h3:hover,
html.eme-authorized h4:hover,
html.eme-authorized h5:hover,
html.eme-authorized h6:hover,
html.eme-authorized p:hover,
html.eme-authorized li:hover,
html.eme-authorized td:hover,
html.eme-authorized th:hover,
html.eme-authorized blockquote:hover{
  outline:1px dashed color-mix(
    in srgb,
    var(--helios-accent,#78a6ff) 30%,
    transparent
  );
  outline-offset:3px;
  cursor:text;
}

.eme-inline-active{
  outline:1px solid color-mix(
    in srgb,
    var(--helios-accent,#78a6ff) 58%,
    transparent
  )!important;
  outline-offset:4px!important;
  border-radius:4px!important;
  background:color-mix(
    in srgb,
    var(--helios-accent,#78a6ff) 5%,
    transparent
  )!important;
}

.eme-inline-toolbar{
  position:absolute!important;
  z-index:100000!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:5px!important;
  border:1px solid var(--helios-border,#343b47)!important;
  border-radius:10px!important;
  background:rgba(22,25,31,.97)!important;
  color:#eef1f6!important;
  box-shadow:0 10px 32px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(12px)!important;
}

.eme-inline-status{
  padding:0 7px!important;
  color:rgba(220,227,238,.58)!important;
  font:700 10px/1 system-ui,sans-serif!important;
  white-space:nowrap!important;
}

.eme-inline-status[data-kind="success"]{
  color:#81c79d!important;
}

.eme-inline-status[data-kind="error"]{
  color:#db8791!important;
}

.eme-inline-toolbar button{
  min-height:28px!important;
  padding:0 9px!important;
  border:1px solid var(--helios-border,#343b47)!important;
  border-radius:7px!important;
  background:transparent!important;
  color:inherit!important;
  cursor:pointer!important;
  font:700 10px/1 system-ui,sans-serif!important;
}

.eme-inline-save{
  border-color:rgba(120,166,255,.36)!important;
  color:var(--helios-accent,#78a6ff)!important;
}

html[data-theme="light"] .eme-inline-toolbar,
html.light .eme-inline-toolbar,
body.light .eme-inline-toolbar{
  background:rgba(255,255,255,.98)!important;
  color:#20242c!important;
}

/* v6.1: non-destructive heading/paragraph editor. Keeps Helios permalink/icon children intact. */
.eme-inline-toolbar{display:grid!important;grid-template-columns:auto minmax(220px,1fr) auto auto!important;align-items:center!important;gap:10px!important;max-width:min(1100px,calc(100vw - 24px))!important;width:min(1100px,calc(100vw - 24px))!important;padding:10px 12px!important;border-radius:14px!important;background:rgba(13,17,24,.97)!important;border:1px solid rgba(92,117,156,.42)!important;box-shadow:0 18px 55px rgba(0,0,0,.38)!important;backdrop-filter:blur(16px)}
.eme-inline-input{width:100%!important;min-width:0!important;padding:10px 12px!important;border:1px solid #34435b!important;border-radius:9px!important;background:#111827!important;color:#eef4ff!important;font:600 16px/1.25 system-ui!important;outline:none!important}
textarea.eme-inline-input{resize:vertical!important;font-weight:500!important;line-height:1.45!important}
.eme-inline-input:focus{border-color:#7c5cff!important;box-shadow:0 0 0 3px rgba(124,92,255,.18)!important}
.eme-inline-active{outline:2px solid rgba(124,92,255,.65)!important;outline-offset:5px!important;border-radius:6px}
@media(max-width:760px){.eme-inline-toolbar{grid-template-columns:1fr auto auto!important}.eme-inline-status{grid-column:1/-1}.eme-inline-input{grid-column:1/-1}}