/* Büro Straube — Knöpfe der Shortcodes (bs-web 0.89.0)
 *
 * Ausgelagert aus bs-web.css, damit ein Knopf im Fußbereich nicht das ganze
 * Stylesheet auf jede Seite zieht. Diese Datei lädt genau dort, wo ein Knopf
 * ausgegeben wird — und als Abhängigkeit überall, wo bs-web.css lädt.
 *
 * REIHENFOLGE NICHT ÄNDERN: Spätere Regeln korrigieren frühere (die Knöpfe
 * waren erst grün, ab 0.61.2 sind sie blau-transparent). Wer hier sortiert,
 * dreht das Aussehen zurück.
 */

/* Teilen-Zeile (0.60.1): rechtsbündig, runde Icon-Knöpfe mit Hover-Text. */
.bs-teilen{margin:.4rem 0 1.3rem;display:flex;flex-wrap:wrap;
  gap:.5rem;align-items:center;justify-content:flex-end;}

.bs-teilen-lbl{font-weight:600;font-size:.95em;margin-right:.2rem;}

a.bs-teilen-btn,button.bs-teilen-btn{display:inline-flex;align-items:center;
  justify-content:center;width:2.3rem;height:2.3rem;border-radius:50%;
  background:#445505;color:#fff;border:0;padding:0;cursor:pointer;
  transition:background .15s ease;
  /* Theme-Vorgaben für button neutralisieren — sie schoben den
     Kopieren-Knopf aus der Mitte (Außenabstand/Mindesthöhe/Zeilenhöhe). */
  margin:0;min-height:0;min-width:0;line-height:1;vertical-align:middle;
  align-self:center;box-shadow:none;appearance:none;-webkit-appearance:none;
  text-transform:none;letter-spacing:0;}

a.bs-teilen-btn:hover,button.bs-teilen-btn:hover{background:#36410b;color:#fff;}

.bs-teilen-btn svg{width:1.25rem;height:1.25rem;display:block;}

.bs-teilen-ok{color:#445505;font-weight:600;font-size:.9em;}

.bs-kalender-knopf,.bs-kalenderabo-knopf,.bs-feedknopf{background:#445505;color:#fff;}

.bs-kalender-knopf:hover,.bs-kalenderabo-knopf:hover,.bs-feedknopf:hover{background:#36410b;color:#fff;}

.bs-feedknopf-ok{margin-left:.6rem;color:#445505;font-weight:600;}

.bs-abo-knopfzeile{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.3rem;}

/* 0.61.1: Symbol-Knöpfe der Shortcodes sitzen mittig NEBEN dem Text. */
.bs-symbol-knopf{vertical-align:middle;margin:0 .15em;}

button.bs-symbol-knopf{display:inline-flex;}

/* 0.61.2: Runde Knöpfe (Weitersagen + Symbol-Shortcodes) einheitlich
   BLÄULICH mit transparentem Hintergrund — wie die Folgen-Knöpfe, klar
   unterscheidbar von den grünen Standard-Links/-Buttons. */
a.bs-teilen-btn,button.bs-teilen-btn{background:transparent;color:#0099D0;
  border:2px solid currentColor;}

a.bs-teilen-btn:hover,button.bs-teilen-btn:hover{background:#0099D0;color:#fff;
  border-color:#0099D0;}

.bs-teilen-ok,.bs-feedknopf-ok{color:#0099D0;}

/* 0.61.2: Symbol-Knöpfe der Shortcodes — sitzen sauber in der Textzeile. */
.bs-symbol-knopf,a.bs-symbol-knopf,button.bs-symbol-knopf{
  width:1.9rem;height:1.9rem;vertical-align:middle;
  position:relative;top:-.08em;margin:0 .3em 0 0;
  float:none !important;display:inline-flex !important;clear:none !important;}

.bs-symbol-knopf svg{width:1.05rem;height:1.05rem;}

/* 0.61.5: Nach dem Kopieren erscheint unter der Meldung die Adresse —
   rechtsbündig, Rechtskante bündig mit der Meldung darüber. */
.bs-feedknopf-ok{display:inline-block;text-align:right;vertical-align:top;}

.bs-feedknopf-ok .bs-feedknopf-url{display:block;text-align:right;
  font-size:.85em;word-break:break-all;}

/* 0.85.0: Adresse dauerhaft sichtbar ([bs_feed_knopf adresse="ja"]) —
   steht VOR dem Knopf und bricht auf schmalen Bildschirmen sauber um. */
.bs-feedknopf-url-fest{display:inline-block;font-size:.9em;word-break:break-all;
  background:rgba(0,0,0,.05);padding:.15em .45em;border-radius:.25em;margin-right:.5em;}

@media (max-width:480px){
  .bs-feedknopf-url-fest{display:block;margin:0 0 .5em;}
}

/* 0.63.0: Beschriftung eigener Weitersagen-Knöpfe. */
.bs-teilen-zeichen{font-size:.85rem;font-weight:700;line-height:1;letter-spacing:.02em;}

.bs-teilen-bild{width:1.25rem;height:1.25rem;display:block;object-fit:contain;}

/* 0.91.1 — FEHLERBEHEBUNG: „Adresse kopiert …" stand dauerhaft da.
   Die Regel oben setzt .bs-feedknopf-ok auf display:inline-block. Eine
   Autoren-Regel schlägt das eingebaute display:none des hidden-Attributs —
   die Meldung war also schon sichtbar, bevor jemand geklickt hatte. In
   bs-web.css fiel das nicht auf, weil dort weiter unten Regeln standen, die
   den Kasten überlagerten; allein in der kleinen Datei kam es heraus.
   Deshalb hier ausdrücklich: hidden bleibt hidden. */
.bs-feedknopf-ok[hidden],
.bs-teilen-ok[hidden],
.bs-teilen-btn[hidden],
.bs-teilen-system[hidden],
.bs-teilen-kopieren[hidden]{display:none !important;}