/* ===========================================================================
   Werkstück-Pult auf dem Telefon: wegklappen und zurückholen.
   Ein Baustein für alle Karten-Werkstücke mit Pult (radunfaelle, solar,
   grundwasser, windkraft), eingeführt am 09.10.2026.

   Warum es ihn gibt: Auf dem Telefon deckt das Pult zwei Drittel der Karte zu.
   Zum Wegklappen gab es bis dahin nur einen 38 × 4 px großen Strich ohne Wort,
   in jedem Werkstück einzeln kopiert. Ursula bekam /werkbank geschickt und fand
   ihn auf der Radkarte nicht. Ein Knopf, den nur findet, wer ihn kennt, ist
   keiner. Deshalb: ein Wort drauf, Kontur in Pfirsich, mindestens 40 px hoch,
   und eine einzige Fassung für alle.

   Einbinden (absolut, wegen <base href>), NACH dem eigenen <style>:
     <link rel="stylesheet" href="/werkstueck-pult.css">
     <button class="zuklapp" id="zuklapp">Karte zeigen <span aria-hidden="true">↓</span></button>
     … oben im Pult …
     <button class="pultgriff" id="pultgriff">Bedienfeld zeigen <span aria-hidden="true">↑</span></button>
   Zustand: body.pult-zu, gesetzt von genau einer Funktion zeigePult(an).
   Prüfen: node pruefe-mobil.mjs <werkstück> klappt das Pult selbst zu und auf.
   =========================================================================== */
.zuklapp,.pultgriff{display:none}

@media (max-width:860px){
  .zuklapp,.pultgriff{align-items:center;justify-content:center;gap:8px;cursor:pointer;
    font:600 11px/1 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;
    color:#F4B89A;border:1px solid rgba(244,184,154,.5);border-radius:9px;
    -webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}
  .zuklapp span,.pultgriff span{font-size:13px}

  /* Oben im Pult, mittig, wo der Daumen ihn sucht */
  .zuklapp{display:flex;min-height:40px;margin:2px auto 12px;padding:0 18px;
    background:rgba(244,184,154,.08)}
  .zuklapp:hover,.zuklapp:active{background:rgba(244,184,154,.18);border-color:#F4B89A}

  .pultgriff{position:absolute;left:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:13;
    min-height:44px;padding:0 18px;background:rgba(27,36,48,.94);backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);box-shadow:0 8px 24px rgba(0,0,0,.4)}
  .pultgriff:hover,.pultgriff:active{border-color:#F4B89A}

  /* Zoomen geht auf dem Telefon mit zwei Fingern. Die Knöpfe lagen dort unter dem Titel
     und verdeckten ihn (solar, windkraft, 09.10.2026). */
  .maplibregl-ctrl-group:has(.maplibregl-ctrl-zoom-in){display:none}

  body.pult-zu .pult,body.pult-zu .fuss{display:none}
  body.pult-zu .pultgriff{display:flex}
}