/* Prompt-Bibliothek im neuen Design. Die Vorlagen und member.css kommen aus
   dem mu-plugin ml-member und gelten für beide Themes. Diese Datei lädt nur
   im neuen Theme und nach member.css (Abhängigkeit ml-member), sie
   überschreibt deshalb ohne höhere Spezifität. design.js setzt den
   Lichtkegel in Kopf und Login. */

/* --- Leiste für Mitglieder unter der Kopfleiste --- */
.mlb-leiste{background:var(--grey-deep);color:#fff;font:500 15px/1.3 'Inter',system-ui,sans-serif;border-top:1px solid rgba(255,255,255,.06)}
.mlb-leiste__inner{padding-block:12px}
.mlb-leiste__marke{font-family:'Fraunces',Georgia,serif;font-size:18px;font-weight:500;letter-spacing:0}
.mlb-leiste__link{opacity:1;color:var(--on-dark-soft)!important;transition:color .2s}
.mlb-leiste__link:hover{color:#fff!important;text-decoration:none}
.mlb-leiste__link svg{fill:var(--petrol)}
.mlb-zahl{background:rgba(255,255,255,.12);font-weight:600}

/* --- Kopf von Katalog und Eintrag: Dunkelgrau mit Lichtkegel --- */
.mlb-kopf{background:var(--grey);color:var(--on-dark);padding:clamp(56px,7vw,96px) 0 clamp(56px,7vw,88px);--s-text:var(--on-dark-soft);--s-label:var(--petrol);--s-accent:var(--petrol);--spot:rgba(47,192,174,.22);--dot:rgba(255,255,255,.42);--btn-bg:var(--petrol);--btn-fg:var(--auf-petrol);--btn-fill:#fff;--btn-fill-fg:var(--grey);--ghost-line:rgba(255,255,255,.45);--ghost-fg:var(--on-dark);--glow:rgba(47,192,174,.2)}
.mlb-kopf .kicker{display:block;margin-bottom:16px;color:var(--petrol)}
.mlb-kopf h1{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(36px,4.2vw,60px);line-height:1.1;letter-spacing:-.02em;max-width:20ch;margin:0 0 20px;color:#fff}
.mlb-kopf__text{font-size:clamp(17.5px,1.4vw,19.5px);color:var(--on-dark-soft);max-width:60ch}
.mlb-kopf__zahlen{margin-top:20px;color:var(--on-dark-soft);font-size:15.5px}
.mlb-kopf__zahlen strong{color:#fff}
.mlb-kopf__aktionen{gap:12px;margin-top:32px}
.mlb-zurueck{color:var(--on-dark-soft);font-size:14.5px;font-weight:500;margin-bottom:22px}
.mlb-zurueck:hover{color:#fff;text-decoration:none}
.mlb-kopf .mlb-tags li{background:rgba(255,255,255,.08);color:var(--on-dark-soft);border:1px solid rgba(255,255,255,.14)}
/* Merken im Kopf eines Eintrags: wie der Umrissknopf */
.mlb-kopf__aktionen .mlb-merken{min-height:0;padding:16px 22px;border-radius:10px;box-shadow:inset 0 0 0 1.5px var(--ghost-line);color:var(--on-dark);font:600 16px/1.2 'Inter',system-ui,sans-serif;transition:background .25s,color .25s,box-shadow .25s}
.mlb-kopf__aktionen .mlb-merken:hover{background:#fff;color:var(--grey);box-shadow:none}
.mlb-kopf__aktionen .mlb-merken.ist-gemerkt{color:var(--petrol);box-shadow:inset 0 0 0 1.5px var(--petrol)}

/* --- Katalog --- */
.mlb-katalog{background:var(--cream);padding:clamp(48px,6vw,80px) 0 clamp(80px,10vw,128px)}
.mlb-filter{background:var(--white);border:0;border-radius:var(--r);padding:clamp(20px,2.6vw,30px);margin-bottom:clamp(40px,5vw,64px)}
.mlb-frage{margin-bottom:22px}
.mlb-frage__titel{font:600 15px/1.3 'Inter',system-ui,sans-serif;color:var(--ink)}
.mlb-chips{gap:8px}
.mlb-chip{border:0;background:var(--cream);color:var(--ink);padding:10px 16px;font:600 15px/1.2 'Inter',system-ui,sans-serif;transition:background .25s,color .25s}
.mlb-chip:hover{background:var(--cream-2);border-color:transparent}
.mlb-chip.ist-aktiv{background:var(--petrol);color:var(--auf-petrol)}
.mlb-chip.ist-aktiv .mlb-zahl{background:rgba(8,20,19,.12)}
.mlb-suche{min-height:52px;border:1px solid var(--line);border-radius:10px;background:var(--white);font-size:16.5px}
.mlb-suche:focus{outline:none;border-color:var(--petrol);box-shadow:0 0 0 3px rgba(47,192,174,.2)}
.mlb-treffer{color:var(--ink-soft);font-size:15px}
.mlb-zuruecksetzen{color:var(--petrol-tief);font-weight:600}
.mlb-gruppe{margin-bottom:clamp(48px,6vw,72px)}
.mlb-gruppe__titel{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(28px,3vw,40px);letter-spacing:-.015em;color:var(--ink);gap:12px}
.mlb-gruppe__titel .mlb-zahl{font-family:'Inter',system-ui,sans-serif;font-size:14px;background:var(--white);color:var(--muted);padding:4px 10px}
.mlb-gruppe__text{color:var(--ink-soft)}
.mlb-raster{gap:16px;margin-top:20px}
/* Karten wie im neuen Design: weiß auf Hellgrau, Licht folgt dem Zeiger (Klasse card setzt design.js) */
.mlb-karte{border:1px solid transparent;border-radius:var(--r);background:var(--white);padding:22px 22px 24px;gap:10px;box-shadow:none}
.mlb-karte:hover{border-color:#cfe9e5}
.mlb-karte__titel{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(21px,1.75vw,24px);line-height:1.2}
.mlb-karte__titel a::after{border-radius:var(--r)}
.mlb-karte__thema{font-size:13.5px;letter-spacing:0;text-transform:none;color:var(--petrol-tief)}
.mlb-karte__text{font-size:15.5px;line-height:1.55;color:var(--ink-soft)}
.mlb-neu{background:var(--petrol);color:var(--auf-petrol);font:600 12.5px/1 'Inter',system-ui,sans-serif;letter-spacing:0;text-transform:none;padding:5px 10px}
.mlb-tags li{border-radius:999px;background:var(--cream);color:var(--ink-soft);font-size:13px;font-weight:600;padding:4px 10px}
.mlb-merken.ist-gemerkt{color:var(--petrol-tief)}
.mlb-leer,.mlb-leer-merk{border-radius:var(--r);background:var(--white);color:var(--ink-soft)}

/* --- Eintrag: Inhalt in der Lesespalte, Prompt-Kästen wie auf den Prompt-Seiten --- */
.mlb-inhalt{padding:clamp(64px,8vw,104px) 0}
.mlb-inhalt.flaeche--grau{background:var(--cream)}
.mlb-inhalt .s-textblock__inner{max-width:740px;margin:0 auto}
.mlb-inhalt .s-textblock__text h2{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(28px,3vw,40px);line-height:1.12;margin:1.6em 0 .5em;color:var(--ink)}
.mlb-inhalt .s-textblock__text ol.mlb-schritte > li::before{color:var(--petrol-tief)}
.mlb-bonus .sek__kopf{max-width:none;margin-bottom:24px}
.mlb-bonus .kicker{display:block;margin-bottom:12px}
.mlb-bonus .sek__kopf h2{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(32px,4.4vw,56px);margin:0}
.mlb-verwandt{padding:clamp(80px,10vw,128px) 0}
.mlb-verwandt .sek__kopf{max-width:none;margin-bottom:8px}
.mlb-verwandt .sek__kopf h2{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(32px,4.4vw,56px);margin:0}
.mlb-verwandt .kicker{display:block;margin-bottom:12px}
.mlb-verwandt .mlb-karte{background:var(--cream)}
.mlb-verwandt__alle{margin-top:clamp(32px,4vw,48px)}

/* --- Login: Petrol mit Lichtkegel, Formular im Kasten --- */
.mlb-login{background:var(--petrol);color:var(--auf-petrol);min-height:calc(100vh - 14rem);padding:clamp(80px,10vw,128px) 0;--s-text:rgba(8,20,19,.8);--s-label:var(--auf-petrol);--spot:rgba(255,255,255,.32);--dot:rgba(8,20,19,.3);--btn-bg:var(--auf-petrol);--btn-fg:#fff;--btn-fill:#fff;--btn-fill-fg:var(--auf-petrol);--s-tile:rgba(255,255,255,.16);--s-tile-line:rgba(8,20,19,.14)}
.mlb-login .s-newsletter__ring{display:none}
.mlb-login .s-newsletter__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 80px;align-items:center}
.mlb-login .kicker{display:block;margin-bottom:16px;color:var(--auf-petrol)}
.mlb-login h1{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(34px,4.8vw,62px);line-height:1.1;margin:0 0 20px;color:var(--auf-petrol)}
.mlb-login p{color:var(--s-text);font-size:18px;max-width:52ch}
.mlb-login a{color:var(--auf-petrol);font-weight:600;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1.5px no-repeat;padding-bottom:1px}
.mlb-login .s-newsletter__form{padding:clamp(22px,3vw,32px);background:var(--s-tile);border:1px solid var(--s-tile-line);border-radius:var(--r)}
.mlb-form p{margin:0 0 12px;max-width:none}
.mlb-form p:last-child{margin-bottom:0}
.mlb-form input[type=email]{width:100%;font:inherit;font-size:16.5px;color:var(--auf-petrol);background:rgba(255,255,255,.55);border:1px solid rgba(8,20,19,.18);border-radius:10px;padding:15px 16px}
.mlb-form input[type=email]::placeholder{color:rgba(8,20,19,.6)}
.mlb-form input[type=email]:focus{outline:none;border-color:var(--auf-petrol);background:rgba(255,255,255,.8)}
.mlb-form input[type=submit]{font:inherit;font-weight:600;font-size:16px;padding:16px 24px;border:0;border-radius:10px;background:var(--btn-bg);color:var(--btn-fg);cursor:pointer}
.mlb-form__hinweis{background:rgba(255,255,255,.45);color:var(--auf-petrol);border-radius:10px;font-size:15px}

@media (max-width:960px){
  .mlb-login .s-newsletter__grid{grid-template-columns:minmax(0,1fr)}
}

/* --- Filterbereich, neu geordnet von design.js (.mlb-filter--neu) ---
   Suche zuerst, je Frage eine Zeile mit Frage links und Knöpfen rechts,
   Zahl der passenden Prompts an jedem Knopf. Die Knöpfe "Alle" entfallen,
   ein zweiter Klick hebt die Wahl auf. Darunter die Ergebniszeile. */
.mlb-filter--neu{padding:0;margin-bottom:16px;overflow:hidden}
.mlb-filter--neu .mlb-suchzeile{margin:0;padding:clamp(16px,2vw,22px) clamp(16px,2.4vw,26px);gap:12px;border-bottom:1px solid var(--cream-2)}
.mlb-filter--neu .mlb-suche{flex:1 1 20rem;min-height:56px;padding:0 18px 0 50px;font-size:17px;background:var(--cream) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.5' fill='none' stroke='%231c8a80' stroke-width='2'/%3E%3Cpath d='m20 20-4.4-4.4' stroke='%231c8a80' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 18px 50%/20px no-repeat;border-color:transparent}
.mlb-filter--neu .mlb-suche:focus{background-color:var(--white);border-color:var(--petrol)}
.mlb-filter--neu .mlb-chips--extra{flex:0 0 auto;flex-wrap:nowrap}
.mlb-filter--neu .mlb-frage{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px 20px;align-items:center;margin:0;padding:14px clamp(16px,2.4vw,26px)}
.mlb-filter--neu .mlb-frage + .mlb-frage{border-top:1px solid var(--cream-2)}
.mlb-filter--neu .mlb-frage__titel{margin:0;font-size:15px;color:var(--ink)}
.mlb-filter--neu .mlb-frage .mlb-chips{margin:0;flex-wrap:wrap;gap:8px}
.mlb-filter--neu .mlb-chip[data-wert=""]{display:none}
.mlb-filter--neu .mlb-frage .mlb-chip{padding:8px 10px 8px 14px;gap:8px}
.mlb-chip__zahl{min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:inline-grid;place-items:center;background:var(--white);font-size:12.5px;font-weight:600;color:var(--muted)}
.mlb-chip.ist-aktiv .mlb-chip__zahl{background:rgba(8,20,19,.14);color:var(--auf-petrol)}
.mlb-chip.ist-aktiv::after{content:"×";margin-left:2px;font-size:17px;line-height:1;opacity:.7}
.mlb-chip.ist-leer{opacity:.4;cursor:default}
.mlb-chip.ist-leer:hover{background:var(--cream)}
.mlb-filter--neu .mlb-treffer{display:none}

/* Ergebniszeile: Trefferzahl, zurücksetzen, aktive Filter mit × */
.mlb-aktiv{position:sticky;top:calc(var(--nav-h) - 8px);z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 clamp(32px,4vw,48px);padding:12px clamp(16px,2.4vw,26px);border-radius:var(--r);background:var(--grey);color:var(--on-dark);box-shadow:0 18px 30px -24px rgba(23,19,26,.6)}
.admin-bar .mlb-aktiv{top:calc(var(--nav-h) + 24px)}
.mlb-aktiv__zahl{font-family:'Fraunces',Georgia,serif;font-size:20px;font-weight:500;color:#fff}
.mlb-aktiv .mlb-zuruecksetzen{margin:0;color:var(--petrol);font-size:14.5px;font-weight:600;text-decoration:none}
.mlb-aktiv .mlb-zuruecksetzen:hover{color:#fff}
.mlb-aktiv__liste{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.mlb-aktiv__filter{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;padding:7px 10px 7px 14px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font:600 14px/1.2 'Inter',system-ui,sans-serif;transition:background .2s,color .2s}
.mlb-aktiv__filter i{font-style:normal;font-size:17px;line-height:1;opacity:.75}
.mlb-aktiv__filter:hover{background:var(--petrol);color:var(--auf-petrol)}

@media (max-width:960px){
  .mlb-filter--neu .mlb-frage{grid-template-columns:minmax(0,1fr);gap:10px}
  /* Knopfreihen scrollen waagerecht, der Rand blendet aus, damit man das Weiterscrollen erkennt */
  .mlb-filter--neu .mlb-frage .mlb-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:calc(clamp(16px,2.4vw,26px) * -1);padding-right:40px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
  .mlb-filter--neu .mlb-frage .mlb-chips::-webkit-scrollbar{display:none}
  /* Aktive Filter in einer Reihe, die waagerecht scrollt, damit die Zeile flach bleibt */
  .mlb-aktiv__liste{margin-left:0;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);padding-right:24px}
  .mlb-aktiv__liste::-webkit-scrollbar{display:none}
  .mlb-aktiv__filter{flex:none}
  .mlb-aktiv__liste:empty{display:none}
}
@media (max-width:640px){
  .mlb-login .mlb-eintragen{display:table;margin-top:4px}
  .mlb-filter--neu .mlb-suchzeile{flex-direction:column;align-items:stretch}
  .mlb-filter--neu .mlb-suche{flex:0 0 auto}
}
