/* VDG Mitgliederbereich – Welt B
   Zentraler Bearbeiten-Modus (Schritt 3g), siehe js/ui/editmode.js. */

/* Knopf in der Kopfzeile */
.edit-mode-toggle{border:1px solid #1c5027;color:#1c5027;background:#fff;font-weight:800}
.edit-mode-toggle.active{background:#1c5027;color:#fff}

/* Alles mit .vdg-edit-only nur im Edit-Modus */
body:not(.vdg-edit-mode) .vdg-edit-only{display:none !important}

/* Ausgeblendete Kaesten: ausserhalb des Edit-Modus weg, im Edit-Modus blass */
body:not(.vdg-edit-mode) .vdg-block-hidden{display:none !important}
body.vdg-edit-mode .vdg-block-hidden{opacity:.5;outline:2px dashed #c9a13b;outline-offset:2px}
body.vdg-edit-mode .vdg-block-hidden:hover{opacity:.8}

/* Kasten-Schalter */
body.vdg-edit-mode [data-block]{position:relative}
.vdg-block-toggle{
  position:absolute;top:-11px;right:10px;z-index:5;
  border:1px solid #1c5027;background:#fff;color:#1c5027;border-radius:999px;
  padding:4px 10px;font:inherit;font-size:14.5px;font-weight:850;cursor:pointer;
  box-shadow:0 2px 8px rgba(20,44,42,.12);
}
.vdg-block-toggle.is-hidden{border-color:#c9a13b;color:#8b6712;background:#fff8e6}
.vdg-block-toggle:disabled{opacity:.6;cursor:wait}

/* Bearbeitbare Texte */
body.vdg-edit-mode .vdg-editable{
  outline:1px dashed rgba(28,80,39,.6);outline-offset:3px;border-radius:3px;cursor:text;
  min-width:2em;
}
body.vdg-edit-mode .vdg-editable:hover{background:rgba(213,243,91,.18)}
body.vdg-edit-mode .vdg-editable:focus{
  outline:2px solid #1c5027;background:#fff;color:#17281d;
}

/* Hinweis im Edit-Modus – Schritt 12i: als Schild unten links statt in der Zeile „Sie sind hier“
   (die steht auf Seiten mit Titelbild fest über dem Inhalt; zweizeilig überdeckte sie z. B. die Knöpfe „Kalender“ und „Veranstaltungen“) */
body.vdg-edit-mode::after{
  content:"Edit-Modus: gestrichelte Texte anklicken und ändern, Kästen oben rechts ein-/ausblenden";
  position:fixed;left:16px;bottom:16px;z-index:9000;max-width:calc(100vw - 32px);
  padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #1c5027;box-shadow:0 4px 14px rgba(0,0,0,.15);
  color:#1c5027;font-weight:800;font-size:14px;pointer-events:none;
}

/* Kleine Liste im Kasten Branchenbarometer (Wirtschaft) */
:is(#page-wirtschaft,#page-recht,#page-verband,#page-aktuelles) .economy-panel-news{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
:is(#page-wirtschaft,#page-recht,#page-verband,#page-aktuelles) .economy-panel-news button{
  display:block;width:100%;text-align:left;border:0;border-top:1px solid rgba(28,80,39,.15);
  background:transparent;padding:6px 0 0;font:inherit;cursor:pointer;color:inherit;
}
:is(#page-wirtschaft,#page-recht,#page-verband,#page-aktuelles) .economy-panel-news button:hover strong{text-decoration:underline}
:is(#page-wirtschaft,#page-recht,#page-verband,#page-aktuelles) .economy-panel-news strong{display:block;font-size:15.5px;line-height:1.35;color:#17281d}
:is(#page-wirtschaft,#page-recht,#page-verband,#page-aktuelles) .economy-panel-news span{font-size:14.5px;color:var(--muted)}
:is(#page-wirtschaft,#page-recht,#page-verband,#page-aktuelles) .economy-panel-news-empty{margin-top:10px;font-size:15px;color:var(--muted);font-style:italic}

/* Wissen-Hub: Kacheln sind jetzt <div role="link"> statt <button>, damit
   Texte darin bearbeitbar sind und der Kasten-Schalter hineinpasst */
:is(#page-wissen,#page-verband) div.wissen-hub-tile:focus-visible{outline:2px solid var(--leaf);outline-offset:2px}