.nb4ml-switcher{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.nb4ml-btn{padding:6px 10px;border:1px solid #ccc;background:#fff;border-radius:6px;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.nb4ml-btn.is-current{border-color:#111;background:#111;color:#fff}
.nb4ml-flag{font-size:18px;line-height:1}
.nb4ml-switcher--inline .nb4ml-btn{padding:0;border:none;background:transparent;text-decoration:underline}

.nb4ml-btn:focus-visible,
.nb4ml-suggestion:focus-visible{
  outline: 2px solid rgba(0, 140, 255, .75);
  outline-offset: 2px;
}

#nb4ml-editor-bar{
  position:fixed;
  top:0;left:0;right:0;
  z-index:999999;
  background:#23282d;color:#fff;
  padding:8px 10px
}
#nb4ml-editor-bar .inner{display:flex;justify-content:space-between;align-items:center;gap:12px;}
#nb4ml-editor-bar .left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
#nb4ml-target-lang{min-width:140px;}

#nb4ml-editor-panel{
  position:fixed;
  top:calc(var(--nb4ml-bar-bottom,60px) + 12px);
  right:12px;
  width:360px;
  max-width:calc(100vw - 24px);
  max-height:calc(100vh - (var(--nb4ml-bar-bottom,60px) + 24px));
  overflow:auto;
  z-index:1000000;
  background:#fff;
  border:1px solid #ccd0d4;
  border-radius:10px;
  box-shadow:0 6px 20px rgba(0,0,0,.2);
  padding:10px
}
#nb4ml-editor-panel textarea{width:100%;min-height:90px;margin:6px 0 10px}
#nb4ml-editor-panel .actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}

/* Evidenzia elementi cliccabili */
body.nb4ml-translate-mode .nb4ml-selectable{
  outline: 2px dashed rgba(0, 140, 255, .35);
  outline-offset: 4px;
  cursor: pointer !important;
}
body.nb4ml-translate-mode .nb4ml-selectable:hover{
  outline-color: rgba(0, 140, 255, .75);
  background: rgba(0, 140, 255, .05);
}

/* Offset toolbar sotto la WP admin bar */
body.admin-bar #nb4ml-editor-bar{top:32px;}
@media screen and (max-width: 782px){body.admin-bar #nb4ml-editor-bar{top:46px;}}

/* In modalità traduzione: sposta contenuto e header fissi sotto la toolbar NB4ML */
body.nb4ml-translate-mode{padding-top:var(--nb4ml-bar-bottom,60px)!important;}
body.nb4ml-translate-mode header,
body.nb4ml-translate-mode .site-header,
body.nb4ml-translate-mode .elementor-location-header,
body.nb4ml-translate-mode .elementor-sticky--active,
body.nb4ml-translate-mode .elementor-sticky--effects{
  top:var(--nb4ml-bar-bottom,60px)!important;
}

/* Suggerimenti traduzioni */
.nb4ml-suggestions{margin-top:10px;padding:10px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:#fff;}
.nb4ml-suggestions-title{font-weight:600;margin-bottom:8px;}
.nb4ml-suggestions-list{display:flex;flex-wrap:wrap;gap:8px;}
.nb4ml-suggestion{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(0,0,0,.18);background:#f7f7f7;border-radius:999px;padding:6px 10px;cursor:pointer;font-size:13px;}
.nb4ml-suggestion:hover{background:#eee;}
.nb4ml-suggestion .k{opacity:.75;}