/* ---- Werkzeugkasten (Bestand 1.0, Klassen von der Customizer-Regel
   „Werkzeugkasten unter jedem Beitrag" mitgenutzt — nicht umbenennen) ---- */
.flwk-wrap{margin:18px 0;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
/* „Meinem Werkzeugkasten hinzufügen" immer mittig (Foerbs Wunsch 01.10.2026) */
.flwk-wrap .flwk-btns{justify-content:center}
.flwk-msg{font-size:12px;opacity:.8}
#flwk-toolbox{display:flex;flex-direction:column;gap:12px}
.flwk-list{display:flex;flex-direction:column;gap:10px}
.flwk-item{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:10px 12px}
.flwk-link{text-decoration:none;overflow-wrap:anywhere}
.flwk-del,.flwk-clear,.flwk-links-del{flex:none;padding:8px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.15);background:var(--accent-2);cursor:pointer;line-height:1}
.flwk-empty{padding:14px;border:1px dashed rgba(0,0,0,.25);border-radius:12px;opacity:.85}

.flwk-notes{display:flex;flex-direction:column;gap:10px}
.flwk-notes-ta{width:100%;min-height:180px;padding:12px;border-radius:12px;border:1px solid rgba(0,0,0,.15)}
.flwk-notes-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.flwk-notes-count{opacity:.75;font-size:12px}

.flwk-notes-ta{
    border: 1px solid rgb(0 0 0 / .12);
    border-radius: 12px !important;
    padding: 10px 12px;
}
.flwk-links{display:flex;flex-direction:column;gap:12px}
.flwk-links-form{display:flex;flex-direction:column;gap:10px}
.flwk-links-title,.flwk-links-url{
  width:100%;
  border:1px solid rgb(0 0 0 / .12);
  border-radius:12px;
  padding:10px 12px;
}
.flwk-links-count{opacity:.75;font-size:12px}

/* =========================================================================
   Werkstattschlüssel (2.0) — nur Theme-Tokens; weiße Karte #fff wie im
   Design-Vertrag (§2 „Die weiße Karte"). Buttons erben den EINEN Theme-Button.
   ========================================================================= */

.flwk-profil{max-width:1120px;margin:0 auto}
.flwk-profil [hidden],.flwk-schluessel-form [hidden]{display:none !important}

/* Rückmeldekasten (wie .fgk-kasten / .frw-kasten) */
.flwk-meldekasten{
  margin:0 0 1.25rem;
  padding:1rem 1.5rem;
  background:var(--base-3,#f2f2f2);
  border-left:5px solid var(--accent-2,#3A5259);
  border-radius:var(--radius,10px);
  box-shadow:var(--shadow-soft,0 2px 8px rgba(38,52,61,.12));
}
.flwk-meldekasten:focus{outline:3px solid var(--accent-2,#3A5259);outline-offset:2px}
/* Kasse (2.12.0): Rundbrief-Kasten unter den Kontaktdaten — TRYX/KIN (Pflicht) dieselbe Fläche wie der Rückmeldekasten, Euro (freiwillig) ohne Fläche */
.flwk-kasse{clear:both;margin:1.25rem 0 0} /* clear: im Euro-Modus schweben PLZ/Ort (form-row-first/-last) davor */
.flwk-kasse--pflicht{
  padding:1rem 1.5rem 1.25rem;
  background:var(--base-3,#f2f2f2);
  border-left:5px solid var(--accent-2,#3A5259);
  border-radius:var(--radius,10px);
  box-shadow:var(--shadow-soft,0 2px 8px rgba(38,52,61,.12));
}
.flwk-kasse h3{margin:0 0 .4em;font-size:1.125rem}
.flwk-kasse p{margin:.5em 0 0}
.flwk-kasse .flwk-kleingedruckt{font-size:.8125rem;opacity:.85}
.flwk-kasse-ok{margin:0;font-weight:600}
.flwk-kasse-ok:focus{outline:3px solid var(--accent-2,#3A5259);outline-offset:2px}
.flwk-kasse-code{margin-top:.9rem;padding-top:.6rem;border-top:1px solid var(--body-bg,#bbc3c7)}
.flwk-meldekasten p{margin:.4em 0 0}
.flwk-meldekasten button{margin-top:.8em}
.flwk-uebernahme{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--body-bg,#bbc3c7)}
.flwk-uebernahme button{margin:.2rem .5rem 0 0}
.flwk-code-anzeige{
  display:inline-block;
  padding:.5em .9em;
  background:var(--accent,#8bb579);
  border-radius:var(--radius,10px);
  font-family:Consolas,Menlo,monospace;
  font-size:1.25rem;
  letter-spacing:.12em;
  user-select:all;
}

/* Schlüssel-Karte: der „Held" der Profilseite */
.flwk-schluessel-karte{
  padding:clamp(1.25rem,3vw,2.25rem);
  background:#fff;
  border-radius:var(--radius-lg,16px);
  box-shadow:var(--shadow-strong,0 12px 30px -10px rgba(38,52,61,.28));
  border-top:5px solid var(--accent,#8bb579);
}
.flwk-karte-kopf{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}
.flwk-schluessel-symbol{
  display:grid;place-items:center;
  width:3.2rem;height:3.2rem;
  font-size:1.6rem;
  border-radius:50%;
  background:color-mix(in srgb,var(--accent,#8bb579) 26%,transparent);
}
.flwk-profil .flwk-karte-titel{margin:0 0 .35em;font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);line-height:1.15}
.flwk-profil p,.flwk-profil li{font-size:.9375rem;line-height:1.6}
.flwk-schritte{margin:1rem 0 1.25rem;padding-left:1.4em}

/* Das Formular (auch in Werkzeugen eingebettet) */
.flwk-schluessel-form{display:grid;gap:.9rem}
.flwk-anmelden,.flwk-code,.flwk-name{display:grid;gap:.7rem}
.flwk-anmelden button,.flwk-name button{justify-self:start}
/* Vor- und Nachname nebeneinander, auf schmalen Schirmen untereinander (2.3.0) */
.flwk-namen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:.7rem}
.flwk-code{grid-template-columns:1fr auto;align-items:end;padding-top:.9rem;border-top:1px solid var(--body-bg,#bbc3c7)}
.flwk-feld{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}
.flwk-feld input{width:100%;box-sizing:border-box}
.flwk-code input{font-family:Consolas,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.flwk-haken{display:flex;align-items:flex-start;gap:.5em;font-size:.875rem;line-height:1.45;cursor:pointer}
.flwk-haken input{flex:none;margin-top:.2em;accent-color:var(--accent-2,#3A5259)}
.flwk-topf{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.flwk-form-meldung{min-height:1.2em;margin:0;font-size:.9375rem}
.flwk-schluessel-form .flwk-kleingedruckt{margin:0;font-size:.8125rem;opacity:.85}
.flwk-anmelden button[aria-disabled="true"],.flwk-code button[aria-disabled="true"],.flwk-name button[aria-disabled="true"]{opacity:.45;cursor:not-allowed;transform:none}

.flwk-neuer-code{margin:1rem 0;padding:.8rem 1rem;background:var(--base-3,#f2f2f2);border-radius:var(--radius,10px)}
.flwk-neuer-code summary{cursor:pointer;font-weight:600;color:var(--accent-2,#3A5259)}
.flwk-neuer-code[open] summary{margin-bottom:.9rem}
.flwk-geraet{margin:1rem 0 0}
.flwk-klein{font-size:.8125rem;opacity:.85}

/* Textknopf in Linkoptik (wie .frw-link-knopf) */
.flwk-profil .flwk-link-knopf{
  padding:0;background:none;color:var(--accent-2,#3A5259);
  text-decoration:underline;box-shadow:none;font-weight:inherit;font-size:inherit;
}
.flwk-profil .flwk-link-knopf:hover{background:none;transform:none;box-shadow:none}
.flwk-profil .flwk-link-knopf:focus-visible,
.flwk-neuer-code summary:focus-visible{outline:3px solid var(--accent-2,#3A5259);outline-offset:3px}

/* Abschnitte */
.flwk-profil .flwk-abschnitt-titel{margin:2.5rem 0 1rem;font-size:clamp(1.5rem,1.15rem + 1.4vw,2.2rem);line-height:1.15}
.flwk-profil .flwk-speicherort{margin:-.4rem 0 1rem;font-size:.875rem}

/* Werkstatt-Werkzeuge */
.flwk-werkzeuge{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.25rem;margin:0;padding:0;list-style:none}
.flwk-werkzeug-karte{
  display:flex;flex-direction:column;
  padding:1.25rem 1.25rem 1.1rem;
  background:#fff;
  border-radius:var(--radius,10px);
  box-shadow:var(--shadow-soft,0 6px 18px -6px rgba(38,52,61,.2));
  border-top:4px solid var(--body-bg,#bbc3c7);
}
.flwk-werkzeug-karte.ist-offen{border-top-color:var(--accent,#8bb579)}
.flwk-profil .flwk-werkzeug-karte h3,.flwk-werkzeug-liste .flwk-werkzeug-karte h3{margin:0 0 .4em;font-size:clamp(1.1rem,1rem + .4vw,1.3rem);line-height:1.3}
.flwk-werkzeug-karte p{margin:0 0 .6em}
.flwk-inhalte{margin:0 0 .8em;padding-left:1.2em}
.flwk-werkzeug-liste [hidden]{display:none !important}
.flwk-werkzeug-liste p,.flwk-werkzeug-liste li{font-size:.9375rem;line-height:1.6}
.flwk-profil .flwk-werkzeug-zustand,.flwk-werkzeug-liste .flwk-werkzeug-zustand{margin-top:auto !important;font-size:.875rem;font-weight:600;color:var(--accent-2,#3A5259)}

/* Die drei Kasten-Karten (wie der Werkzeugkasten unter den Beiträgen) */
.flwk-kasten-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.25rem}
.flwk-kasten-karte{
  padding:1.25rem 1.25rem 1.4rem;
  background:#fff;
  border-radius:var(--radius,10px);
  box-shadow:var(--shadow-soft,0 6px 18px -6px rgba(38,52,61,.2));
}
.flwk-profil .flwk-kasten-karte > h3{display:flex;align-items:center;gap:.5em;margin:0 0 .9rem;font-size:clamp(1.05rem,1rem + .3vw,1.2rem);line-height:1.3}
.flwk-kasten-karte > h3::before{
  flex:0 0 auto;width:2em;height:2em;line-height:2em;text-align:center;font-size:.95em;
  border-radius:50%;background:color-mix(in srgb,var(--accent,#8bb579) 26%,transparent);
}
.flwk-kasten-werkzeuge > h3::before{content:"🧰" / ""}
.flwk-kasten-notizen > h3::before{content:"📝" / ""}
.flwk-kasten-links > h3::before{content:"🔗" / ""}
.flwk-kasten-karte .flwk-empty{padding:1rem;border:2px dashed color-mix(in srgb,var(--accent,#8bb579) 55%,transparent);border-radius:var(--radius,10px);background:color-mix(in srgb,var(--accent,#8bb579) 8%,transparent);opacity:1}
.flwk-kasten-karte .flwk-item{border-radius:var(--radius,10px);background:var(--base-3,#f2f2f2);border-color:transparent}
.flwk-kasten-karte .flwk-notes-ta,.flwk-kasten-karte .flwk-links-title,.flwk-kasten-karte .flwk-links-url{border-radius:var(--radius,10px) !important}

@media (max-width:520px){
  .flwk-code{grid-template-columns:1fr}
  .flwk-karte-kopf{grid-template-columns:1fr}
}

/* Schlüssel-Karte für andere Seiten ([werkstatt_schluessel], z. B. /newsletter/, seit 2.1.0) */
.flwk-schluessel-kurz p,.flwk-schluessel-kurz li{font-size:.9375rem;line-height:1.6}
.flwk-schluessel-kurz .flwk-schritte{margin-top:0}
.flwk-schluessel-kurz .flwk-karte-titel{margin:0 0 .25em;font-size:1.15rem}
.flwk-schluessel-kurz .flwk-zum-kasten{font-weight:700}

/* ---- Werkstattschlüssel-Zeichen (2.5.0) -----------------------------------
   Foerbs gezeichneter Schlüssel (Mediathek 8020, freigestellt: assets/schluessel*.png)
   steht überall, wo der Werkstattschlüssel gemeint ist. Die Werkzeug-Plugins schreiben
   dort ein Emoji (🔒/🗝️) — es wird hier per CSS bzw. flwk.js ersetzt, damit keines
   von ihnen neu ausgerollt werden muss. Petrol auf hellem Grund, weiß auf Petrol. */

.fl-schluessel{display:inline-block;width:1.3em;height:1.3em;vertical-align:-.32em;background:url(assets/schluessel.png) center/contain no-repeat}

/* Reiter der Werkstatt-Werkzeuge: Emoji ausblenden, Schlüssel zeigen */
.fkr-schloss-zeichen,.fqr-schloss-zeichen,.fno-schloss-zeichen,.frw-schloss-zeichen,.fkd-schloss-zeichen,.fmd-schloss-zeichen{
  display:inline-block;width:1.6em;height:1.6em;margin-left:.15em;vertical-align:-.45em;
  overflow:hidden;white-space:nowrap;text-indent:150%;
  background:url(assets/schluessel.png) center/contain no-repeat;
}
[aria-selected="true"] > .fkr-schloss-zeichen,[aria-selected="true"] > .fqr-schloss-zeichen,[aria-selected="true"] > .fno-schloss-zeichen,
[aria-selected="true"] > .frw-schloss-zeichen,[aria-selected="true"] > .fkd-schloss-zeichen,[aria-selected="true"] > .fmd-schloss-zeichen{
  background-image:url(assets/schluessel-weiss.png);
}

/* Schild „Werkstatt-Werkzeug" im Schloss — und die Schloss-Überschrift der Raster-Werkstatt */
.fkr-schloss-marke::before,.fqr-schloss-marke::before,.fno-schloss .fno-marke::before,.fkd-schloss-marke::before,.fmd-schloss-marke::before,.frw-schloss-titel::before{
  content:"";display:inline-block;width:1.45em;height:1.45em;margin:0 .35em 0 -.15em;vertical-align:-.42em;
  background:url(assets/schluessel.png) center/contain no-repeat;
}

/* Knopf „Werkstattschlüssel anfordern" (und „Rundbrief abonnieren") — weißer Schlüssel im Theme-Button */
.flwk-anmelden button[type="submit"]::before{
  content:"";display:inline-block;width:1.35em;height:1.35em;margin-right:.45em;vertical-align:-.32em;
  background:url(assets/schluessel-weiss.png) center/contain no-repeat;
}

/* Schlüsselbild im Seiteninhalt (Bildblock mit Klasse fl-schluessel-bild, z. B. /newsletter/): ohne Theme-Rahmen und -Schatten */
.wp-block-image.fl-schluessel-bild img{box-shadow:none !important;border-radius:0 !important;background:none !important}

/* Die runde Schlüssel-Plakette in Profil und Schlüssel-Karte; offen mit grünem Häkchen */
.flwk-schluessel-symbol{position:relative;font-size:0;color:transparent;background-image:url(assets/schluessel-gross.png);background-position:center;background-size:74%;background-repeat:no-repeat}
.flwk-zustand-offen .flwk-schluessel-symbol::after{
  content:"✓";position:absolute;right:.15rem;bottom:.1rem;width:1.15rem;height:1.15rem;text-indent:0;
  display:grid;place-items:center;font-size:.75rem;font-weight:700;line-height:1;color:#fff;
  background:var(--accent-2,#3A5259);border-radius:50%;
}

/* Download-Kasten mit Rundbrief (2.11.0): Vorschaubild der ersten Seite, Titel, ein Knopf (der EINE Theme-Button).
   [hidden] muss gegen display:flex von .wp-block-buttons gewinnen. */
.flwk-download [hidden]{display:none !important}
.flwk-download{text-align:center}
.flwk-download-bild{display:block;max-width:100%;height:auto;margin:0 auto .75rem}
.flwk-download-titel{margin:0 0 .75rem;font-weight:700}
.flwk-download .wp-block-buttons{justify-content:center}
.flwk-download-hinweis{margin:.6rem 0 0;font-size:.85rem;line-height:1.45}