/* Jedi-Ritter Community · Stylesheet V1 · PHP 7.4/8.0 kompatibel · keine Fremd-Abhaengigkeiten */
:root {
  --jedi-table:var(--jedi-surface);--jedi-table-line:var(--jedi-line);--jedi-table-head:var(--jedi-header-bg);
  --jedi-table-head-text:var(--jedi-text);--jedi-button-bg:var(--jedi-accent);--jedi-button-text:var(--jedi-accent-text);
  --jedi-button2-bg:var(--jedi-surface);--jedi-button2-text:var(--jedi-text);
  color-scheme:dark;
}
.theme-blau,.theme-beige{color-scheme:light}
html{scroll-behavior:smooth}
body {margin:0!important;background:var(--jedi-bg)!important;color:var(--jedi-text)!important;line-height:1.55!important;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
body .page-block{width:100%;max-width:1680px;margin:0 auto;min-height:100vh;background:transparent!important;color:var(--jedi-text);border-left:1px solid var(--jedi-line);border-right:1px solid var(--jedi-line);border-radius:0!important}
body .page-block>.content{padding:16px clamp(10px,1.8vw,28px);min-height:55vh}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body textarea:focus-visible,body select:focus-visible,body summary:focus-visible{outline:2px solid var(--jedi-accent)!important;outline-offset:3px}
body .top-banner{height:44px!important;background:var(--jedi-header-bg)!important;color:var(--jedi-text)!important;border-bottom:1px solid var(--jedi-line)}
body .topbar-inner{height:44px!important;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:0 clamp(10px,2vw,28px)}
body .top-actions{display:flex;flex-wrap:nowrap;gap:8px}
body .top-actions .btn-small{padding:7px 11px!important;border-radius:8px!important;background:transparent!important;color:var(--jedi-text)!important;border:1px solid var(--jedi-line);white-space:nowrap;font-size:12px}
body .top-actions .btn-small:hover{border-color:var(--jedi-accent);color:var(--jedi-accent)!important}
body .welcome-avatar{width:30px!important;height:30px!important}
.jedi-hero{height:138px;position:relative;overflow:hidden;background:var(--jedi-header-bg)}
body .header-img{width:100%!important;height:138px!important;max-height:none!important;object-fit:cover!important;object-position:center!important;display:block!important}
.jedi-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 55%,#0005);pointer-events:none}
.jedi-hero-brand{position:absolute;inset:auto auto 0 28px;top:0;display:flex;gap:17px;align-items:center;color:#f8f4e9!important;text-decoration:none;z-index:2;text-shadow:0 2px 10px #000b}
.jedi-hero-symbol{font-size:52px;line-height:1;color:var(--jedi-accent);filter:drop-shadow(0 0 7px #0007)}
.jedi-hero-brand strong{font-size:clamp(24px,3vw,40px);letter-spacing:.1em;line-height:1.05;display:block}
.jedi-hero-brand small{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#d8d3cd;margin-top:9px}
.jedi-header-account{position:absolute;right:28px;top:0;height:100%;display:flex;align-items:center;gap:16px;z-index:2;color:#fff!important;text-shadow:0 1px 6px #000!important}
.jedi-header-name{text-align:right;max-width:170px}
.jedi-header-name strong{display:block;font-size:17px;overflow-wrap:anywhere}
.jedi-header-name small{display:block;color:#f5ead4;font-size:12px}
.jedi-avatar-frame{width:72px;height:72px;border:3px solid var(--jedi-accent);outline:3px solid #0009;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px #000b;flex:0 0 auto;background:#141a25}
.jedi-avatar-frame img{width:100%;height:100%;display:block;object-fit:cover}
.jedi-hero-login{position:absolute;right:25px;top:40%;z-index:2;background:#151515bd;color:#fff!important;border:1px solid var(--jedi-accent);padding:10px;border-radius:8px;font-size:13px}
body .navbar{height:auto!important;min-height:44px!important;padding:4px 12px!important;background:var(--jedi-header-bg)!important;border-top:1px solid var(--jedi-line);border-bottom:2px solid var(--jedi-accent)!important;overflow-x:auto}
body .nav-menu{display:flex;align-items:center;justify-content:center;gap:3px!important;flex-wrap:wrap}
body .nav-menu a{display:block;padding:7px 13px!important;font-size:13px!important;white-space:nowrap;border-radius:8px!important;color:var(--jedi-text)!important}
body .nav-menu a:hover{background:var(--jedi-accent)!important;color:var(--jedi-accent-text)!important}
body .page-block footer{background:var(--jedi-header-bg)!important;color:var(--jedi-muted)!important;border-top:1px solid var(--jedi-line)}
body .page-block footer a:hover{color:var(--jedi-accent)}
body .page-block :is(input,select,textarea){font:inherit}
body .page-block :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),textarea,select){max-width:100%;background:var(--jedi-surface);color:var(--jedi-text);border:1px solid var(--jedi-line);padding:9px;border-radius:8px}
body .page-block :is(.card,.welcome-card){background:var(--jedi-surface);border-color:var(--jedi-line);color:var(--jedi-text)}
body .page-block :is(.card,.welcome-card) :is(h1,h2,h3){color:var(--jedi-text)}
body .page-block .community-layout>.community-navigation{background:var(--jedi-surface)!important;border:1px solid var(--jedi-line)!important;box-shadow:0 8px 20px #0001}
body .community-navigation a,body .community-group summary,body .community-brand,body .community-brand span{color:var(--jedi-text)!important}
body .community-navigation a[aria-current=page],body .community-navigation a:hover{background:var(--jedi-accent)!important;color:var(--jedi-accent-text)!important;outline:none}
body .community-group,body .community-personal{border-color:var(--jedi-line)!important}
body .community-layout .card,body .community-layout .welcome-card{border:1px solid var(--jedi-line)!important}
body .community-portal .mega-nav,body .community-portal .mega-content{background:var(--jedi-surface)!important;color:var(--jedi-text)!important;border-color:var(--jedi-line)!important}
body .community-portal .mega-nav .mega-link,body .community-module-card{color:var(--jedi-text);border-color:var(--jedi-line)}
body .community-portal .mega-link.active,body .community-portal .mega-link:hover{background:var(--jedi-accent)!important;color:var(--jedi-accent-text)!important}
body .community-overview-heading{border-color:var(--jedi-line)!important}
body .page-block table{max-width:100%}
body .page-block table :is(th,td){border-color:var(--jedi-line)}
.jedi-feed-invite{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--jedi-surface);border:1px solid var(--jedi-line);border-left:4px solid var(--jedi-accent);padding:17px 21px;border-radius:13px}
.jedi-feed-invite b,.jedi-feed-invite span{display:block}.jedi-feed-invite span{color:var(--jedi-muted);margin-top:3px}.jedi-feed-invite a{background:var(--jedi-accent);color:var(--jedi-accent-text)!important;padding:12px 16px;border-radius:9px;font-weight:700;white-space:nowrap}
.jedi-profile-community-link a{display:inline-block;padding:12px 18px;border:1px solid var(--jedi-accent);border-radius:12px;color:var(--jedi-accent);font-weight:700}
.jedi-mobile-dock{display:none}
/* Modernes Feed/Layout, getrennt vom bestehenden Shop/Casino/Forum */
.jedi-social{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:22px;max-width:1280px;margin:10px auto 28px;align-items:start}
.jedi-social-main{min-width:0;display:flex;flex-direction:column;gap:18px}
.jedi-social-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 6px}
.jedi-social-title h1{font-size:clamp(23px,3vw,33px);line-height:1.2;margin:6px 0 8px;color:var(--jedi-text)}
.jedi-social-title p{margin:0;color:var(--jedi-muted)}
.jedi-eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--jedi-accent)}
.jedi-panel{background:var(--jedi-surface);color:var(--jedi-text);border:1px solid var(--jedi-line);border-radius:16px;padding:22px;min-width:0;box-shadow:0 6px 22px #0001}
.jedi-panel h2{font-size:18px;color:var(--jedi-text);margin:0 0 16px}
.jedi-btn,.jedi-btn-secondary{display:inline-block;border-radius:9px;padding:10px 16px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none;font:inherit}
.jedi-btn{background:var(--jedi-accent);color:var(--jedi-accent-text)!important;border:1px solid var(--jedi-accent)}
.jedi-btn-secondary{background:transparent;color:var(--jedi-text)!important;border:1px solid var(--jedi-line)}
.jedi-btn:hover,.jedi-btn-secondary:hover{filter:brightness(1.1);border-color:var(--jedi-accent)}
.jedi-compose textarea{display:block;width:100%;min-height:88px;resize:vertical;box-sizing:border-box;margin:8px 0 14px}
.jedi-compose label,.jedi-upload label{display:block;font-weight:600}
.jedi-compose-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.jedi-compose-actions label{font-size:13px;font-weight:400;color:var(--jedi-muted)}
.jedi-compose-actions select{margin-left:8px}
.jedi-post-header{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.jedi-post-header div{min-width:0}.jedi-post-header a{text-decoration:none;color:var(--jedi-text)}.jedi-post-header a:hover{color:var(--jedi-accent)}.jedi-post-header small{display:block;color:var(--jedi-muted);font-size:12px;margin-top:2px}
.jedi-post-avatar{width:48px;height:48px;border:2px solid var(--jedi-accent);border-radius:13px;flex:0 0 auto;overflow:hidden}
.jedi-post-avatar.is-former{border-style:dashed;filter:saturate(.7)}.jedi-post-avatar img{width:100%;height:100%;object-fit:cover}
.jedi-post-text{line-height:1.75;font-size:15px;overflow-wrap:anywhere;margin:10px 0 20px;white-space:normal}
.jedi-post-buttons{border-top:1px solid var(--jedi-line);border-bottom:1px solid var(--jedi-line);padding:9px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.jedi-post-buttons button,.jedi-post-buttons summary{cursor:pointer;color:var(--jedi-muted);border:0;background:transparent;padding:7px;font-size:13px}
.jedi-post-buttons details{position:relative}.jedi-post-buttons details form{display:flex;gap:4px;flex-wrap:wrap}.jedi-post-buttons details input{max-width:180px!important}
.jedi-comment{padding:12px 0;border-bottom:1px solid var(--jedi-line);line-height:1.5;overflow-wrap:anywhere}
.jedi-comment a{color:var(--jedi-accent)}.jedi-comment small{display:block;font-size:11px;color:var(--jedi-muted);margin-top:5px}
.jedi-comment-form{display:flex;gap:8px;margin-top:15px}.jedi-comment-form input{min-width:0;flex:1;width:100%}
.jedi-social-aside{position:sticky;top:16px}.jedi-social-aside a{display:block;padding:10px;border-bottom:1px solid var(--jedi-line)}.jedi-social-aside a:hover{color:var(--jedi-accent)}
.jedi-paging{display:flex;justify-content:space-between;gap:12px}.jedi-paging a{padding:9px 12px;border-radius:8px;border:1px solid var(--jedi-line);color:var(--jedi-text)}
.jedi-alert,.jedi-success{padding:15px;border-radius:10px;border:1px solid var(--jedi-error);background:var(--jedi-surface);color:var(--jedi-text)}.jedi-success{border-color:var(--jedi-success)}
.jedi-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.jedi-inline select{flex:1;min-width:170px}.jedi-role-row{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--jedi-line)}.jedi-role-row span:first-child{flex:1;font-weight:600}.jedi-role-row span:nth-child(2){font-size:12px;color:var(--jedi-muted)}
.jedi-moderation-row{border-bottom:1px solid var(--jedi-line);padding:12px 0}.jedi-moderation-row blockquote{border-left:3px solid var(--jedi-accent);margin:12px 0;padding:8px 15px;background:var(--jedi-bg)}.jedi-moderation-row form{display:flex;align-items:center;gap:15px}
.jedi-design-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.jedi-design-tile{padding:20px;border:2px solid;border-radius:12px;display:flex;align-items:center;gap:12px;text-decoration:none!important}.jedi-color-dot{width:20px;height:20px;border:2px solid #888;border-radius:50%;flex-shrink:0}
.jedi-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.jedi-color-grid label{display:flex;align-items:center;gap:12px;font-weight:600;justify-content:space-between}.jedi-color-grid input[type=color]{width:45px;height:36px;border:0;padding:0;cursor:pointer}
.jedi-upload{display:flex;flex-direction:column;gap:12px;margin:22px 0}.jedi-upload small{color:var(--jedi-muted)}
@media(max-width:1050px){.jedi-social{grid-template-columns:minmax(0,1fr) 210px;gap:12px}}
@media(max-width:900px){
 body .page-block>.content{padding:12px 10px}
 .jedi-social{grid-template-columns:1fr;gap:14px}.jedi-social-aside{position:static;order:2}.jedi-social-title{align-items:flex-start;flex-direction:column}
 .jedi-mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:1500;display:grid;grid-template-columns:repeat(5,1fr);background:var(--jedi-header-bg);border-top:2px solid var(--jedi-accent);box-shadow:0 -3px 12px #0006;min-height:58px;padding-bottom:env(safe-area-inset-bottom)}
 .jedi-mobile-dock a{display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:1.1;color:var(--jedi-text);text-decoration:none;padding:12px 3px}
 .jedi-mobile-dock a:hover{background:var(--jedi-accent);color:var(--jedi-accent-text)}
 body .page-block{padding-bottom:62px}
 body .page-block>.content{min-height:48vh}
 body .navbar{min-height:42px!important}
 body .nav-menu{justify-content:flex-start!important;flex-wrap:nowrap!important;gap:2px!important}
 body .nav-menu a{padding:6px 9px!important;font-size:12px!important}
 .jedi-hero{height:92px}.jedi-hero .header-img{height:92px!important}
 .jedi-hero-brand{left:12px;gap:7px}.jedi-hero-symbol{font-size:34px}.jedi-hero-brand strong{font-size:21px}.jedi-hero-brand small{font-size:9px;letter-spacing:.08em;margin-top:4px}
 .jedi-header-account{right:12px;gap:8px}.jedi-header-name{display:none}.jedi-avatar-frame{height:46px;width:46px;border-width:2px;border-radius:11px}
 .jedi-hero-login{right:8px;top:30%;font-size:11px;max-width:48%;padding:6px;text-align:center}
 .jedi-feed-invite{align-items:flex-start;flex-direction:column}
 .jedi-post-buttons{gap:6px}.jedi-panel{padding:16px}
}
@media(max-width:520px){body .top-banner .welcome-desktop{display:none!important}body .top-banner .welcome-mobile-avatar{display:none!important}body .top-actions{margin-left:auto}body .top-actions .btn-small{padding:6px 8px!important}.jedi-role-row{flex-wrap:wrap}.jedi-role-row button{width:100%}.jedi-comment-form{flex-wrap:wrap}.jedi-comment-form button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.jedi-avatar-frame.is-former{border-style:dashed;border-color:var(--jedi-muted);filter:saturate(.75)}
.jedi-permissions{margin-top:13px;padding:10px 0;border-top:1px solid var(--jedi-line)}
.jedi-permissions summary{font-weight:700;cursor:pointer;color:var(--jedi-accent);padding:8px}

.jedi-design-preview{border:1px solid;padding:18px;border-radius:12px;margin:20px 0}.jedi-design-preview p{margin:6px 0 15px}.jedi-design-preview span{display:inline-block;padding:10px 16px;border-radius:8px;font-weight:700}.jedi-contrast-note{color:var(--jedi-muted);font-size:13px;margin-bottom:18px}

.jedi-profile-roles{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;margin:12px 0;border-radius:10px;background:var(--jedi-surface);border:1px solid var(--jedi-line)}.jedi-profile-roles-label{font-weight:700;color:var(--jedi-muted)}.jedi-profile-role{font-size:12px;padding:7px 10px;border-radius:8px;border:1px solid var(--jedi-accent);color:var(--jedi-accent)}

/* Hinweis-Anzahl in der Haupt-/Mobilnavigation */
.jedi-badge{display:inline-block;min-width:18px;text-align:center;padding:1px 5px;border-radius:9px;background:var(--jedi-accent);color:var(--jedi-accent-text);font-size:11px;font-weight:800}