/*
Theme Name: WENTO Family Portal
Theme URI: https://www.wento.de/
Author: WENTO
Description: Minimalistisches privates Familienportal mit Benutzer-Dashboard.
Version: 2.4.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: wento-family
*/
:root{color-scheme:dark;--bg:#050d18;--panel:#0b1929;--edge:#19354a;--accent:#32dfed;--ink:#eff9ff;--muted:#99aebe}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% -15%,#153451 0,transparent 48%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}.site-header{height:80px;border-bottom:1px solid #183043;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1240px)/2));gap:20px}.brand{font-size:1.45rem;font-weight:800;letter-spacing:.18em;display:flex;align-items:center;gap:12px}.brand-symbol{color:var(--accent);font-size:1.6rem}.tag{color:var(--muted);font-size:.8rem;letter-spacing:.13em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border:1px solid var(--accent);border-radius:10px;background:var(--accent);color:#00141b;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 0 30px #32dfed33}.button.alt{background:transparent;color:var(--accent)}.public-hero{min-height:calc(100vh - 144px);display:grid;place-items:center;text-align:center;padding:48px 20px;position:relative;overflow:hidden}.public-hero:before{content:'';position:absolute;inset:0;opacity:.23;background-image:linear-gradient(#31718a33 1px,transparent 1px),linear-gradient(90deg,#31718a33 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 45%,transparent);pointer-events:none}.hero-inner{position:relative;z-index:1}.orb{margin:0 auto 30px;width:118px;height:118px;border-radius:30px;border:1px solid #32dfed88;display:grid;place-items:center;color:var(--accent);font-size:4rem;box-shadow:0 0 75px #32dfed15;transform:rotate(-8deg);animation:float 7s ease-in-out infinite}.public-hero h1{font-size:clamp(3rem,9vw,6.5rem);letter-spacing:.18em;margin:0}.public-hero p{color:var(--muted);font-size:1.25rem;margin:10px auto 34px}.public-hero .tag{margin-top:35px}.site-footer{padding:20px 6%;border-top:1px solid #183043;color:var(--muted);font-size:.84rem;text-align:center}.shell{max-width:1240px;margin:auto;padding:38px 25px 70px}.nav{display:flex;gap:19px;align-items:center;flex-wrap:wrap}.nav a{font-size:.9rem;color:var(--muted)}.nav a:hover{color:var(--accent)}.hello h1{font-size:clamp(2rem,5vw,3.1rem);margin:.25em 0}.hello p{color:var(--muted);margin-top:0}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}.tile{background:linear-gradient(135deg,#0c1d2e,#071321);border:1px solid var(--edge);border-radius:17px;padding:28px;min-height:188px;transition:border-color .2s,transform .2s}.tile:hover{border-color:var(--accent);transform:translateY(-3px)}.tile .symbol{font-size:1.8rem;color:var(--accent)}.tile h2{font-size:1.25rem;margin:22px 0 8px}.tile p{color:var(--muted);font-size:.95rem;line-height:1.6;margin:0}.section-panel{margin-top:24px;border:1px solid var(--edge);border-radius:17px;padding:30px;background:#091827}.section-panel p,.article-body{color:var(--muted);line-height:1.75}.article-body a{color:var(--accent)}.login-box{max-width:450px;margin:90px auto;padding:35px;background:var(--panel);border:1px solid var(--edge);border-radius:16px}.login-box input:not([type=checkbox]){width:100%;padding:14px;border-radius:9px;border:1px solid #335469;background:#06101b;color:white}.login-box label{display:block;margin:14px 0 7px}.login-box input[type=submit]{cursor:pointer;margin-top:20px;width:100%}.login-error{color:#ffacac}.sr-only{position:absolute;left:-9999px}@keyframes float{50%{transform:translateY(-12px) rotate(-8deg)}}@media(max-width:800px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.site-header{padding:15px 5%;height:auto;min-height:80px;flex-wrap:wrap}.nav{gap:12px}}@media(max-width:560px){.dashboard-grid{grid-template-columns:1fr}.tag{font-size:.7rem}.public-hero h1{letter-spacing:.09em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.wento-unread{display:inline-flex;min-width:21px;justify-content:center;align-items:center;border-radius:99px;background:#32dfed;color:#00141b;font-size:12px;padding:2px 6px;vertical-align:middle}

/* WENTO Website-Icon anstelle des alten Diamantsymbols */
.brand-symbol{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1}
.brand-symbol img{width:34px;height:34px;object-fit:contain;border-radius:7px}
.orb img{width:108px;height:108px;object-fit:contain;border-radius:23px;transform:rotate(8deg)}