/* Meine Prompts – Di & Ba Arts v1.5 */
.mp-library,
.mp-single,
.mp-shortcode-card-wrap {
  font-family: inherit;
  color: #ffffff !important;
  --mp-blog-bg: #0f3133;
  --mp-panel: #01595a;
  --mp-panel-soft: #01595a;
  --mp-border: #ffffff;
  --mp-border-strong: #ffffff;
  --mp-accent: #2bb7b4;
  --mp-gold: #e7bd69;
  --mp-collection: #b98ad8;
}
.mp-library *, .mp-single *, .mp-shortcode-card-wrap * { box-sizing:border-box; }
.mp-library, .mp-library *, .mp-single, .mp-single *, .mp-shortcode-card-wrap, .mp-shortcode-card-wrap * { color:#ffffff !important; }
.mp-library a, .mp-single a, .mp-shortcode-card-wrap a { color:#ffffff !important; }

/* Übersicht */
.mp-library { width:100%; max-width:1480px; margin:0 auto; padding:18px 0; }
.mp-library-top { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:28px; }
.mp-library-title { margin:0; font:inherit; font-size:2rem; font-weight:700; }
.mp-search-form { display:flex; min-width:min(320px,100%); border:1px solid var(--mp-border); border-radius:12px; overflow:hidden; background:rgba(0,0,0,.12); }
.mp-search-form input { flex:1; min-width:0; border:0 !important; background:transparent !important; color:#fff !important; padding:13px 14px !important; font:inherit !important; box-shadow:none !important; }
.mp-search-form input::placeholder { color:rgba(255,255,255,.62) !important; }
.mp-search-form button { border:0; background:transparent; color:#fff !important; padding:0 16px; cursor:pointer; font-size:1.2rem; }
.mp-toolbar { display:flex; justify-content:space-between; gap:16px; align-items:center; border-bottom:1px solid var(--mp-border); padding-bottom:18px; }
.mp-origin-tabs, .mp-selects, .mp-category-chips { display:flex; gap:12px; flex-wrap:wrap; }
.mp-filter-tab, .mp-category-chip { text-decoration:none !important; border:1px solid var(--mp-border); border-radius:11px; padding:10px 14px; background:rgba(0,0,0,.12); display:inline-flex; gap:10px; align-items:center; }
.mp-filter-tab span, .mp-category-chip span { border-radius:999px; padding:2px 8px; background:rgba(255,255,255,.08); font-size:.85em; }
.mp-filter-tab.is-active, .mp-category-chip.is-active { border-color:var(--mp-accent); box-shadow:inset 0 0 0 1px rgba(43,183,180,.22); }
.mp-selects select { width:auto; min-width:170px; border:1px solid var(--mp-border); border-radius:11px; padding:10px 36px 10px 12px; background:var(--mp-panel); color:#fff !important; font:inherit; }
.mp-selects option { background:var(--mp-blog-bg); color:#fff; }
.mp-category-chips { padding:16px 0 22px; }
.mp-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mp-card { border:1px solid var(--mp-border); border-radius:13px; overflow:hidden; background:rgba(0,0,0,.13); min-width:0; }
.mp-card-image { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:4/3; background:rgba(0,0,0,.18); overflow:hidden; text-decoration:none !important; padding:8px; }
.mp-card-image img { width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; display:block; margin:auto; }
.mp-card-body { padding:16px; }
.mp-badge { display:inline-flex; border-radius:999px; padding:5px 9px; font-size:.8rem; margin-bottom:10px; border:1px solid var(--mp-accent); background:rgba(43,183,180,.10); color:#fff !important; }
.mp-badge--collection { border-color:var(--mp-collection); background:rgba(185,138,216,.12); }
.mp-card h3 { margin:0 0 6px; font-size:1.25rem; }
.mp-card h3 a { text-decoration:none !important; }
.mp-meta-line { color:#fff !important; opacity:.82; font-size:.92rem; margin-bottom:12px; }
.mp-tags { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }
.mp-tags span { border:1px solid var(--mp-border); border-radius:999px; padding:4px 8px; font-size:.78rem; background:rgba(255,255,255,.05); color:#fff !important; }
.mp-card-footer { border-top:1px solid var(--mp-border); padding-top:14px; display:flex; justify-content:space-between; gap:10px; align-items:center; font-size:.88rem; }
.mp-card-button { text-decoration:none !important; border:1px solid var(--mp-accent); background:rgba(43,183,180,.08); border-radius:8px; padding:8px 11px; white-space:nowrap; }
.mp-card--collection .mp-card-button { border-color:var(--mp-collection); background:rgba(185,138,216,.08); }
.mp-card-like { opacity:.9; }
.mp-empty { grid-column:1/-1; padding:30px; text-align:center; border:1px dashed var(--mp-border); border-radius:12px; }
.mp-pagination { display:flex; gap:8px; justify-content:center; margin-top:26px; }
.mp-pagination a { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--mp-border); border-radius:9px; text-decoration:none !important; }
.mp-pagination a.is-current { border-color:var(--mp-accent); }

/* Einzel-Shortcode: immer eine saubere Vorschaukarte, kein Prompttext */
.mp-shortcode-card-wrap { width:100% !important; max-width:100% !important; display:flex; justify-content:center; align-items:flex-start; margin:18px auto; }
.mp-shortcode-card-wrap .mp-card { width:min(100%,520px) !important; max-width:520px !important; }

/* Detailseite – feste Blogfarben + weiße Schrift, unabhängig vom Theme */
body.single-mp_prompt,
body.single-mp_prompt #page,
body.single-mp_prompt .site,
body.single-mp_prompt .site-content,
body.single-mp_prompt .content-area,
body.single-mp_prompt .site-main,
body.single-mp_prompt main.mp-single-page {
  background:#0f3133 !important;
  color:#ffffff !important;
}
body.single-mp_prompt main.mp-single-page {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 0 40px !important;
}
.mp-single-page {
  --mp-blog-bg:#0f3133;
  --mp-panel:#01595a;
  --mp-panel-soft:#01595a;
  --mp-border:#ffffff;
  --mp-border-strong:#ffffff;
  --mp-accent:#2bb7b4;
  --mp-gold:#e7bd69;
  --mp-collection:#b98ad8;
  background:var(--mp-blog-bg) !important;
  color:#ffffff !important;
}
.mp-single-page, .mp-single-page * { color:#ffffff !important; }
.mp-single { width:100%; max-width:1180px; margin:0 auto; padding:18px 24px 38px; background:var(--mp-blog-bg) !important; }
.mp-single-nav { max-width:1180px; margin:0 auto 12px; }
.mp-single-nav a { text-decoration:none !important; display:inline-flex; align-items:center; padding:8px 13px; border:1px solid var(--mp-border); border-radius:999px; background:rgba(0,0,0,.12); }
.mp-brand-banner { display:flex; justify-content:center; margin:4px auto 14px; }
.mp-brand-banner img { width:min(390px,72vw); max-width:100%; height:auto; display:block; }
.mp-title-row { position:relative; display:flex; align-items:center; justify-content:center; gap:18px; margin:6px 0 20px; min-height:48px; }
.mp-title-row h1 { margin:0; padding:0 180px; text-align:center; font-size:clamp(1.7rem,3vw,2.45rem); line-height:1.2; color:#fff !important; }
.mp-like-button { position:absolute; right:0; top:50%; transform:translateY(-50%); font:inherit; color:#fff !important; background:rgba(0,0,0,.12); border:1px solid var(--mp-border); border-radius:999px; padding:9px 14px; cursor:pointer; white-space:nowrap; }
.mp-like-button span { font-size:1.2em; }
.mp-like-button.is-liked span { color:#ff6274 !important; }
.mp-like-button:disabled { opacity:.62; cursor:not-allowed; }

.mp-detail-image { position:relative; width:100%; min-height:260px; max-height:none; display:flex; align-items:center; justify-content:center; margin:0 auto; padding:0; overflow:visible; background:transparent; border:0; border-radius:14px; }
.mp-detail-image img { display:block; width:auto !important; height:auto !important; max-width:100% !important; max-height:720px !important; object-fit:contain !important; margin:0 auto; border-radius:12px; border:1px solid var(--mp-border-strong); }
.mp-image-label { position:absolute; left:max(16px,calc((100% - min(100%,900px))/2 + 16px)); bottom:14px; display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border-radius:999px; border:1px solid var(--mp-gold); background:rgba(15,49,51,.90); font-size:.9rem; }

.mp-detail-info { width:100%; margin:18px auto 0; padding:14px 18px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border:1px solid var(--mp-border); border-radius:14px; background:var(--mp-panel) !important; }
.mp-detail-info > div { min-width:0; padding:6px 18px; border-right:1px solid var(--mp-border); display:flex; flex-direction:column; justify-content:center; gap:5px; }
.mp-detail-info > div:last-child { border-right:0; }
.mp-detail-info strong { font-weight:500; opacity:.72; }
.mp-detail-info .mp-badge { margin:0; width:max-content; max-width:100%; }

.mp-prompt-panel { width:100%; margin:22px auto 0; padding:20px 22px; border:1px solid var(--mp-border); border-radius:16px; background:var(--mp-panel) !important; position:relative; }
.mp-prompt-panel-head { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:12px; }
.mp-prompt-panel h2 { margin:0; font-size:1.35rem; color:#fff !important; }
.mp-prompt-panel-head span { border:1px solid var(--mp-border); border-radius:999px; padding:5px 10px; opacity:.86; font-size:.85rem; }
.mp-prompt-text { white-space:pre-wrap; overflow-wrap:break-word; word-break:normal; margin:0; padding:0; background:transparent; border:0; font-family:inherit; font-size:1rem; line-height:1.62; color:#fff !important; }
.mp-prompt-text.is-collapsed { max-height:190px; overflow:hidden; position:relative; }
.mp-prompt-text.is-collapsed:after { content:""; position:absolute; left:0; right:0; bottom:0; height:64px; background:linear-gradient(to bottom,rgba(1,89,90,0),rgba(1,89,90,.98)); pointer-events:none; }
.mp-expand-button { display:block; margin:16px auto 0; border:1px solid var(--mp-border-strong); border-radius:999px; background:rgba(0,0,0,.10); color:#fff !important; font:inherit; padding:9px 18px; cursor:pointer; }

.mp-copy-area { text-align:center; padding:28px 0 18px; }
.mp-copy-area .mp-copy-button { min-width:260px; border:1px solid var(--mp-accent); border-radius:14px; padding:12px 18px; background:linear-gradient(90deg,#148bb7,#17bfa1); color:#fff !important; font:inherit; font-weight:600; cursor:pointer; }
.mp-copy-area [data-mp-copy-status] { margin-top:8px; color:#fff !important; opacity:.85; }
.mp-copy-button:disabled { opacity:.55; cursor:not-allowed; }

.mp-keywords { width:100%; margin:0 auto; padding:18px 20px; border:1px solid var(--mp-border); border-radius:16px; background:var(--mp-panel) !important; }
.mp-keywords h2 { margin:0 0 12px; font-size:1.2rem; color:#fff !important; }
.mp-keywords .mp-tags { margin:0; }
.mp-keywords .mp-tags span { border-color:rgba(43,183,180,.48); background:rgba(43,183,180,.06); }
.mp-detail-hint, .mp-collection-disclaimer { width:100%; margin:22px auto 0; padding:18px 20px; border:1px solid rgba(43,183,180,.30); border-radius:16px; background:rgba(43,183,180,.08); color:#fff !important; }
.mp-collection-disclaimer { border-color:#ffffff !important; background:#ffca47 !important; background-image:none !important; }

@media (max-width:1050px) {
  .mp-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mp-detail-info { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mp-detail-info > div:nth-child(2n) { border-right:0; }
  .mp-detail-info > div:nth-child(n+3) { border-top:1px solid var(--mp-border); }
}
@media (max-width:760px) {
  .mp-library-top, .mp-toolbar { align-items:stretch; flex-direction:column; }
  .mp-search-form { min-width:0; width:100%; }
  .mp-grid { grid-template-columns:1fr; }
  .mp-single { padding:12px; }
  .mp-title-row { padding-top:52px; }
  .mp-title-row h1 { padding:0; width:100%; }
  .mp-like-button { top:0; right:50%; transform:translateX(50%); }
  .mp-detail-info { grid-template-columns:1fr; }
  .mp-detail-info > div { border-right:0; border-top:1px solid var(--mp-border); padding:11px 4px; }
  .mp-detail-info > div:first-child { border-top:0; }
  .mp-prompt-panel-head { align-items:flex-start; flex-direction:column; }
  .mp-copy-area .mp-copy-button { width:min(100%,320px); min-width:0; }
  .mp-brand-banner img { width:min(350px,88vw); }
}


/* Theme-Abwehr: Detailansicht behält die gewünschten Farben */
body.single-mp_prompt .mp-single p,
body.single-mp_prompt .mp-single div,
body.single-mp_prompt .mp-single span,
body.single-mp_prompt .mp-single strong,
body.single-mp_prompt .mp-single h1,
body.single-mp_prompt .mp-single h2,
body.single-mp_prompt .mp-single h3,
body.single-mp_prompt .mp-single button,
body.single-mp_prompt .mp-single a {
  color:#ffffff !important;
}
body.single-mp_prompt .mp-detail-info,
body.single-mp_prompt .mp-prompt-panel,
body.single-mp_prompt .mp-keywords {
  background:#01595a !important;
}
body.single-mp_prompt .mp-detail-hint {
  background:#ffca47 !important;
}
body.single-mp_prompt .mp-collection-disclaimer {
  background:#ffca47 !important;
  background-image:none !important;
  border-color:#ffffff !important;
}


/* v1.5 – Detailseite: Navigation, Suche, Keyword-Filter und feste Wunschfarben */
.mp-detail-topbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 14px;
}
.mp-back-link {
  display:inline-flex;
  align-items:center;
  text-decoration:none !important;
  padding:8px 13px;
  border:1px solid var(--mp-border);
  border-radius:999px;
  background:rgba(0,0,0,.12);
  white-space:nowrap;
}
.mp-detail-search {
  display:flex;
  width:min(360px,100%);
  border:1px solid var(--mp-border);
  border-radius:12px;
  overflow:hidden;
  background:rgba(0,0,0,.14);
}
.mp-detail-search input {
  flex:1 1 auto;
  min-width:0;
  border:0 !important;
  outline:0;
  padding:10px 12px !important;
  background:transparent !important;
  color:#ffffff !important;
  font:inherit;
}
.mp-detail-search input::placeholder { color:rgba(255,255,255,.72) !important; }
.mp-detail-search button {
  flex:0 0 auto;
  border:0 !important;
  border-left:1px solid var(--mp-border) !important;
  padding:0 14px;
  background:rgba(255,255,255,.05) !important;
  color:#ffffff !important;
  cursor:pointer;
}

body.single-mp_prompt .mp-detail-info,
body.single-mp_prompt .mp-prompt-panel,
body.single-mp_prompt .mp-keywords {
  background:#01595a !important;
}
body.single-mp_prompt .mp-detail-hint {
  background:#ffca47 !important;
  border-color:#ffca47 !important;
  color:#ffffff !important;
}
body.single-mp_prompt .mp-detail-hint * { color:#ffffff !important; }

.mp-keywords .mp-tags a {
  display:inline-flex;
  border:1px solid rgba(255,255,255,.36);
  border-radius:999px;
  padding:5px 9px;
  background:rgba(0,0,0,.10);
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:.82rem;
}
.mp-keywords .mp-tags a:hover,
.mp-keywords .mp-tags a:focus {
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.72);
}
.mp-active-keyword {
  grid-column:1/-1;
  margin:0 0 18px;
  padding:12px 14px;
  border:1px solid var(--mp-border);
  border-radius:12px;
  background:#01595a;
  color:#ffffff !important;
}
.mp-active-keyword a { margin-left:10px; text-decoration:underline !important; }

@media (max-width:760px) {
  .mp-detail-topbar { align-items:stretch; flex-direction:column; }
  .mp-detail-search { width:100%; }
  .mp-back-link { width:max-content; max-width:100%; }
}

/* v1.7 – Frontend-Navigation und Hinweisfarbe endgültig gegen Theme-Regeln absichern */
body.single-mp_prompt .mp-single .mp-detail-hint,
body.single-mp_prompt main.mp-single-page .mp-detail-hint,
.mp-single .mp-detail-hint {
  background-color:#ffca47 !important;
  background-image:none !important;
  border-color:#ffca47 !important;
  box-shadow:none !important;
}
body.single-mp_prompt .mp-single .mp-detail-hint,
body.single-mp_prompt .mp-single .mp-detail-hint * {
  color:#ffffff !important;
}
.mp-detail-info,
.mp-prompt-panel,
.mp-keywords {
  background-color:#01595a !important;
  background-image:none !important;
}


/* v1.8 – Wunschfarben: Hinweis Orange, alle Rahmen/Trennlinien Weiß */
.mp-library, .mp-single, .mp-shortcode-card-wrap {
  --mp-border:#ffffff;
  --mp-border-strong:#ffffff;
}
body.single-mp_prompt .mp-single .mp-detail-hint,
body.single-mp_prompt .mp-single .mp-collection-disclaimer,
.mp-single .mp-detail-hint,
.mp-single .mp-collection-disclaimer {
  background:#ffca47 !important;
  background-color:#ffca47 !important;
  background-image:none !important;
  border-color:#ffffff !important;
}
body.single-mp_prompt .mp-single .mp-detail-hint *,
body.single-mp_prompt .mp-single .mp-collection-disclaimer * { color:#ffffff !important; }

/* Rahmen und Trennlinien der Plugin-Oberflächen */
.mp-library .mp-search-form, .mp-library .mp-toolbar, .mp-library .mp-filter-tab,
.mp-library .mp-category-chip, .mp-library .mp-selects select, .mp-library .mp-card,
.mp-library .mp-card-footer, .mp-library .mp-card-button, .mp-library .mp-empty,
.mp-library .mp-pagination a, .mp-single .mp-back-link, .mp-single .mp-detail-search,
.mp-single .mp-detail-search button, .mp-single .mp-like-button, .mp-single .mp-detail-image img,
.mp-single .mp-detail-info, .mp-single .mp-detail-info > div, .mp-single .mp-prompt-panel,
.mp-single .mp-prompt-panel-head span, .mp-single .mp-expand-button, .mp-single .mp-copy-button,
.mp-single .mp-keywords, .mp-single .mp-keywords .mp-tags a, .mp-single .mp-detail-hint,
.mp-single .mp-collection-disclaimer, .mp-single .mp-active-keyword,
.mp-shortcode-card-wrap .mp-card, .mp-shortcode-card-wrap .mp-card-footer,
.mp-shortcode-card-wrap .mp-card-button {
  border-color:#ffffff !important;
}


/* v1.9 – Frontend Kartenlayout */
.mp-library .mp-grid,
.mp-shortcode-card-wrap .mp-grid { align-items:stretch; }

.mp-library .mp-card,
.mp-shortcode-card-wrap .mp-card {
  height:770px !important;
  min-height:770px !important;
  max-height:770px !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}

.mp-library .mp-card-image,
.mp-shortcode-card-wrap .mp-card-image {
  height:335px !important;
  min-height:335px !important;
  max-height:335px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.mp-library .mp-card-image img,
.mp-shortcode-card-wrap .mp-card-image img {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}

.mp-library .mp-card-body,
.mp-shortcode-card-wrap .mp-card-body {
  background:#01595a !important;
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
}

/* Titel-Hover */
.mp-library .mp-card-title a:hover,
.mp-library .mp-card-title:hover,
.mp-shortcode-card-wrap .mp-card-title a:hover,
.mp-shortcode-card-wrap .mp-card-title:hover { color:#0f3133 !important; }

/* Prompt ansehen Hover */
.mp-library .mp-card-button:hover,
.mp-shortcode-card-wrap .mp-card-button:hover {
  background:#ffca47 !important;
  color:#0f3133 !important;
}

/* Prompt-Sammlung: kein Lila, sondern Neon-Grün */
.mp-library .mp-origin-collection,
.mp-library .mp-badge-collection,
.mp-library .mp-card .mp-collection,
.mp-shortcode-card-wrap .mp-origin-collection,
.mp-shortcode-card-wrap .mp-badge-collection,
.mp-shortcode-card-wrap .mp-card .mp-collection {
  border-color:#06fb0d !important;
  color:#ffffff !important;
  background:transparent !important;
}

/* Keyword-Bereich: feste Höhe, Rest über Pfeil/Mouse-over */
.mp-library .mp-card .mp-tags,
.mp-shortcode-card-wrap .mp-card .mp-tags {
  position:relative !important;
  max-height:105px !important;
  min-height:105px !important;
  overflow:hidden !important;
  padding-right:34px !important;
}
.mp-library .mp-card .mp-tags::after,
.mp-shortcode-card-wrap .mp-card .mp-tags::after {
  content:'⌄';
  position:absolute;
  right:4px;
  bottom:4px;
  width:26px;
  height:26px;
  line-height:22px;
  text-align:center;
  border:1px solid #ffffff;
  border-radius:50%;
  background:#01595a;
  color:#ffffff;
  font-size:20px;
  cursor:default;
}
.mp-library .mp-card .mp-tags:hover,
.mp-shortcode-card-wrap .mp-card .mp-tags:hover {
  overflow:visible !important;
  max-height:none !important;
  z-index:50 !important;
  background:#01595a !important;
  padding:12px 40px 12px 12px !important;
  border:1px solid #ffffff !important;
  border-radius:12px !important;
  box-shadow:0 12px 30px rgba(0,0,0,.35) !important;
}
.mp-library .mp-card .mp-tags:hover::after,
.mp-shortcode-card-wrap .mp-card .mp-tags:hover::after { content:'⌃'; }

.mp-library .mp-card-footer,
.mp-shortcode-card-wrap .mp-card-footer { margin-top:auto !important; }


/* v1.10 – Keywords exakt 3 Reihen, keine abgeschnittenen Chips */
.mp-library .mp-card .mp-tags,
.mp-shortcode-card-wrap .mp-card .mp-tags {
  position:relative !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-content:flex-start !important;
  gap:8px !important;
  height:112px !important;
  min-height:112px !important;
  max-height:112px !important;
  overflow:visible !important;
  padding:0 36px 0 0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.mp-library .mp-card .mp-tags > a,
.mp-library .mp-card .mp-tags > span,
.mp-shortcode-card-wrap .mp-card .mp-tags > a,
.mp-shortcode-card-wrap .mp-card .mp-tags > span {
  flex:0 0 auto !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  align-self:flex-start !important;
}
.mp-library .mp-card .mp-tags::after,
.mp-shortcode-card-wrap .mp-card .mp-tags::after { display:none !important; content:none !important; }
.mp-library .mp-card .mp-tags:hover,
.mp-shortcode-card-wrap .mp-card .mp-tags:hover {
  height:112px !important;
  min-height:112px !important;
  max-height:112px !important;
  padding:0 36px 0 0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.mp-keyword-more {
  position:absolute !important;
  right:2px !important;
  bottom:4px !important;
  width:28px !important;
  height:28px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #ffffff !important;
  border-radius:50% !important;
  background:#01595a !important;
  color:#ffffff !important;
  font:inherit !important;
  line-height:1 !important;
  cursor:default !important;
  z-index:30 !important;
}
.mp-keyword-more[hidden] { display:none !important; }
.mp-keyword-popover {
  display:none;
  position:absolute;
  right:0;
  top:calc(100% + 6px);
  width:max-content;
  max-width:min(360px, 90vw);
  padding:10px;
  gap:8px;
  flex-wrap:wrap;
  background:#01595a !important;
  border:1px solid #ffffff !important;
  border-radius:12px !important;
  box-shadow:0 12px 30px rgba(0,0,0,.35) !important;
  z-index:100;
}
.mp-keyword-more:hover + .mp-keyword-popover,
.mp-keyword-popover:hover { display:flex !important; }
.mp-keyword-popover a,
.mp-keyword-popover span {
  white-space:nowrap !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
}

/* Titel-Hover */
.mp-library .mp-card-title a:hover,
.mp-library .mp-card-title:hover,
.mp-shortcode-card-wrap .mp-card-title a:hover,
.mp-shortcode-card-wrap .mp-card-title:hover { color:#0f3133 !important; }

/* Prompt-Sammlung: ausschließlich grüner Rand, kein Lila */
.mp-library .mp-origin-collection,
.mp-library .mp-badge-collection,
.mp-library .mp-card .mp-collection,
.mp-shortcode-card-wrap .mp-origin-collection,
.mp-shortcode-card-wrap .mp-badge-collection,
.mp-shortcode-card-wrap .mp-card .mp-collection {
  border-color:#06fb0d !important;
  color:#ffffff !important;
  background:transparent !important;
  box-shadow:none !important;
}


/* v1.11 – finale Frontend-Farbkorrekturen */
/* 1. Bild-/Prompttitel beim Hover */
.mp-library .mp-card .mp-card-title:hover,
.mp-library .mp-card .mp-card-title a:hover,
.mp-library .mp-card a:hover .mp-card-title,
.mp-shortcode-card-wrap .mp-card .mp-card-title:hover,
.mp-shortcode-card-wrap .mp-card .mp-card-title a:hover,
.mp-shortcode-card-wrap .mp-card a:hover .mp-card-title {
  color:#0f3133 !important;
}

/* 2. Prompt-Sammlung: keinerlei Lila – Rand immer #06fb0d */
.mp-library .mp-card [class*="collection"],
.mp-library .mp-card [class*="sammlung"],
.mp-library .mp-card .mp-origin-collection,
.mp-library .mp-card .mp-badge-collection,
.mp-library .mp-card .mp-collection,
.mp-shortcode-card-wrap .mp-card [class*="collection"],
.mp-shortcode-card-wrap .mp-card [class*="sammlung"],
.mp-shortcode-card-wrap .mp-card .mp-origin-collection,
.mp-shortcode-card-wrap .mp-card .mp-badge-collection,
.mp-shortcode-card-wrap .mp-card .mp-collection {
  border-color:#06fb0d !important;
  outline-color:#06fb0d !important;
  box-shadow:none !important;
  background-color:transparent !important;
  color:#ffffff !important;
}


/* v1.12 – Bildtitel Hover korrigiert */
.mp-library .mp-card .mp-card-title:hover,
.mp-library .mp-card .mp-card-title a:hover,
.mp-library .mp-card a:hover .mp-card-title,
.mp-shortcode-card-wrap .mp-card .mp-card-title:hover,
.mp-shortcode-card-wrap .mp-card .mp-card-title a:hover,
.mp-shortcode-card-wrap .mp-card a:hover .mp-card-title {
  color:#ffca47 !important;
}


/* v1.13 – funktionierender Titel-Hover */
.mp-library .mp-card h3.mp-card-title:hover,
.mp-library .mp-card h3.mp-card-title:hover a,
.mp-library .mp-card h3.mp-card-title a:hover,
.mp-library .mp-card .mp-card-title-link:hover,
.mp-shortcode-card-wrap .mp-card h3.mp-card-title:hover,
.mp-shortcode-card-wrap .mp-card h3.mp-card-title:hover a,
.mp-shortcode-card-wrap .mp-card h3.mp-card-title a:hover,
.mp-shortcode-card-wrap .mp-card .mp-card-title-link:hover {
    color:#ffca47 !important;
}
.mp-library .mp-card h3.mp-card-title a,
.mp-shortcode-card-wrap .mp-card h3.mp-card-title a {
    transition:color .18s ease !important;
}

/* v1.14 – echter Titel-Hover auf dem tatsächlich gerenderten h3-Link */
.mp-library .mp-card h3 a:hover,
.mp-shortcode-card-wrap .mp-card h3 a:hover {
    color:#ffca47 !important;
}


/* v1.15 – klickbares Like-Herz auf Frontend-Karten */
.mp-library .mp-card-like,
.mp-shortcode-card-wrap .mp-card-like {
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  background:transparent !important;
  color:#ffffff !important;
  padding:0 !important;
  margin:0 !important;
  font:inherit !important;
  cursor:pointer !important;
}
.mp-library .mp-card-like:not(:disabled):hover,
.mp-shortcode-card-wrap .mp-card-like:not(:disabled):hover {
  color:#ffca47 !important;
}
.mp-library .mp-card-like.is-liked,
.mp-shortcode-card-wrap .mp-card-like.is-liked {
  color:#ffca47 !important;
}
.mp-library .mp-card-like:disabled,
.mp-shortcode-card-wrap .mp-card-like:disabled {
  cursor:default !important;
  opacity:1 !important;
}

/* v1.16 – Hinweisfeld Schriftfarbe */
body.single-mp_prompt .mp-single .mp-detail-hint,
body.single-mp_prompt .mp-single .mp-detail-hint *,
.mp-single .mp-detail-hint,
.mp-single .mp-detail-hint * {
  color:#0f3133 !important;
}


/* v1.18 – Hinweistext endgültig dunkel */
html body.single-mp_prompt .mp-single .mp-detail-hint.mp-detail-hint--darktext,
html body.single-mp_prompt .mp-single .mp-detail-hint.mp-detail-hint--darktext *,
html body .mp-single .mp-detail-hint.mp-detail-hint--darktext,
html body .mp-single .mp-detail-hint.mp-detail-hint--darktext * {
  color:#0f3133 !important;
  -webkit-text-fill-color:#0f3133 !important;
  opacity:1 !important;
}


/* v1.19 – Beide orangefarbenen Hinweisfelder mit dunkler Schrift */
html body .mp-single .mp-detail-hint,
html body .mp-single .mp-detail-hint *,
html body .mp-single .mp-collection-disclaimer,
html body .mp-single .mp-collection-disclaimer * {
  color:#0f3133 !important;
  -webkit-text-fill-color:#0f3133 !important;
}
html body .mp-single .mp-detail-hint,
html body .mp-single .mp-collection-disclaimer {
  background:#ffca47 !important;
  background-color:#ffca47 !important;
  background-image:none !important;
}


/* v1.20 – Frontend-Karten ohne unnötigen Leerraum */
.mp-library .mp-grid,
.mp-shortcode-card-wrap .mp-grid {
  align-items:start !important;
}

.mp-library .mp-card,
.mp-shortcode-card-wrap .mp-card {
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  align-self:start !important;
}

.mp-library .mp-card-body,
.mp-shortcode-card-wrap .mp-card-body {
  flex:0 0 auto !important;
  min-height:0 !important;
  height:auto !important;
}

.mp-library .mp-card .mp-tags,
.mp-shortcode-card-wrap .mp-card .mp-tags {
  min-height:0 !important;
  height:auto !important;
  max-height:112px !important;
  margin-bottom:16px !important;
}

/* Bei Overflow bleibt der 3-Reihen-Bereich erhalten, bei weniger Keywords schrumpft er. */
.mp-library .mp-card .mp-tags:has(.mp-keyword-more:not([hidden])),
.mp-shortcode-card-wrap .mp-card .mp-tags:has(.mp-keyword-more:not([hidden])) {
  min-height:112px !important;
  height:112px !important;
}

.mp-library .mp-card-footer,
.mp-shortcode-card-wrap .mp-card-footer {
  margin-top:0 !important;
}


/* v1.21 – Alle Frontend-Karten wieder gleich hoch, Keywordplatz immer 3 Reihen */
.mp-library .mp-grid,
.mp-shortcode-card-wrap .mp-grid {
  align-items:stretch !important;
}

.mp-library .mp-card,
.mp-shortcode-card-wrap .mp-card {
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  align-self:stretch !important;
  display:flex !important;
  flex-direction:column !important;
}

.mp-library .mp-card-body,
.mp-shortcode-card-wrap .mp-card-body {
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
}

.mp-library .mp-card .mp-tags,
.mp-shortcode-card-wrap .mp-card .mp-tags {
  height:112px !important;
  min-height:112px !important;
  max-height:112px !important;
  margin-bottom:16px !important;
  align-content:flex-start !important;
}

.mp-library .mp-card-footer,
.mp-shortcode-card-wrap .mp-card-footer {
  margin-top:auto !important;
}


/* v2.0.1 – Detailkopf nach Frontend-Vorbild */
.mp-single .mp-detail-hero{
  width:100% !important;
  padding:34px 24px 22px !important;
  box-sizing:border-box !important;
}
.mp-single .mp-detail-controls{
  width:min(1180px,100%) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  gap:28px !important;
}
.mp-single .mp-detail-controls-left{justify-self:start !important;}
.mp-single .mp-detail-controls-center{justify-self:center !important;}
.mp-single .mp-detail-controls-right{justify-self:end !important;}
.mp-single .mp-brand-banner{
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
}
.mp-single .mp-brand-banner img{
  display:block !important;
  width:auto !important;
  max-width:390px !important;
  max-height:64px !important;
  height:auto !important;
}
.mp-single .mp-detail-title-band{
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  box-sizing:border-box !important;
  background:#ffffff !important;
  padding:14px 20px 16px !important;
  text-align:center !important;
}
.mp-single .mp-detail-title-band h1{
  margin:0 !important;
  padding:0 !important;
  color:#0f3133 !important;
  -webkit-text-fill-color:#0f3133 !important;
  font-size:40px !important;
  line-height:1.2 !important;
  text-align:center !important;
}
.mp-single .mp-badge--collection{
  border-color:#06fb0d !important;
  outline-color:#06fb0d !important;
  box-shadow:none !important;
}
/* Prompt-Sammlung überall einheitlich grün */
.mp-card .mp-badge--collection,
.mp-single .mp-badge--collection,
.mp-card [class*="collection"],
.mp-single [class*="collection"]{
  border-color:#06fb0d !important;
  outline-color:#06fb0d !important;
}

/* Bild beginnt mit gesundem Abstand unter dem Titelbalken */
.mp-single .mp-detail-image{
  margin-top:10px !important;
}

@media (max-width:760px){
  .mp-single .mp-detail-hero{padding:24px 14px 18px !important;}
  .mp-single .mp-detail-controls{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .mp-single .mp-detail-controls-left,
  .mp-single .mp-detail-controls-center,
  .mp-single .mp-detail-controls-right{
    justify-self:center !important;
  }
  .mp-single .mp-brand-banner img{max-width:min(340px,90vw) !important;}
  .mp-single .mp-detail-title-band h1{font-size:32px !important;}
}


/* v2.0.2 – Like-Button sauber rechts oben auf Bannerhöhe */
.mp-single .mp-detail-controls{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr) !important;
  align-items:center !important;
  gap:28px !important;
}

.mp-single .mp-detail-controls-left{
  justify-self:start !important;
  align-self:center !important;
}

.mp-single .mp-detail-controls-center{
  justify-self:center !important;
  align-self:center !important;
}

.mp-single .mp-detail-controls-right{
  justify-self:end !important;
  align-self:center !important;
  position:static !important;
  margin:0 !important;
  padding:0 !important;
  inset:auto !important;
}

.mp-single .mp-detail-controls-right .mp-like-button{
  position:static !important;
  float:none !important;
  margin:0 !important;
  transform:none !important;
  inset:auto !important;
}

@media (max-width:760px){
  .mp-single .mp-detail-controls{
    grid-template-columns:1fr !important;
  }
}