/*
Theme Name: HovikChat V2
Author: Hovik
Description: Nowoczesny motyw WordPress dla społeczności i portalu czatowego.
Version: 2.0.0
Text Domain: hovikchat
*/
:root{--bg:#0b1016;--surface:#111923;--surface2:#17212d;--border:#263443;--text:#f4f7fb;--muted:#91a0b1;--blue:#2787ff;--blue2:#55a5ff;--green:#35d49a;--shadow:0 18px 55px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0,#17283d 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}
.topbar{background:#080c11;border-bottom:1px solid #18222e;color:#8391a1;font-size:12px}.topbar .container{height:32px;display:flex;justify-content:space-between;align-items:center}.status{display:flex;align-items:center;gap:7px}.status i{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block}
.header{position:sticky;top:0;z-index:50;background:rgba(11,16,22,.91);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav{height:72px;display:flex;align-items:center;gap:28px}.logo{font-size:25px;font-weight:900;letter-spacing:-1px}.logo b{color:var(--blue)}.navlinks{display:flex;align-items:center;gap:20px;margin-left:auto}.navlinks a{font-size:14px;color:#b8c4d1}.navlinks a:hover{color:#fff}.navbtn{padding:10px 16px;border-radius:9px;background:var(--blue);color:white!important;font-weight:800!important}
.hero{padding:72px 0 45px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}.badge{display:inline-flex;padding:7px 11px;border:1px solid #245485;background:#102337;color:#78b8ff;border-radius:99px;font-size:12px;font-weight:800}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.02;letter-spacing:-3px;margin:17px 0}.hero h1 span{color:var(--blue2)}.hero p{font-size:18px;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:10px;background:var(--blue);color:#fff;font-weight:800;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px);background:var(--blue2)}.btn.alt{background:transparent;border-color:var(--border);color:#d5deea}
.mock{border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,#182433,#0e141b);padding:16px;box-shadow:var(--shadow)}.mockbar{display:flex;gap:6px;padding:4px 2px 14px}.mockbar i{width:8px;height:8px;border-radius:50%;background:#566476}.mockhead{padding:15px;border-radius:12px;background:#101820;border:1px solid #202d3b;display:flex;justify-content:space-between}.mockroom{font-weight:800}.onlinecount{color:var(--green);font-size:12px}.chatline{display:flex;gap:10px;padding:13px 3px;border-bottom:1px solid #202b37}.ava{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#287dd2,#193b61);flex:none}.chatline b{font-size:13px}.chatline span{display:block;color:#8f9cac;font-size:12px}.mockinput{margin-top:14px;padding:11px;border-radius:9px;background:#0b1117;color:#687789;font-size:12px}
.section{padding:48px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-title h2{font-size:29px;margin:0}.section-title p{margin:4px 0 0;color:var(--muted)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.room{background:linear-gradient(145deg,var(--surface2),var(--surface));border:1px solid var(--border);border-radius:15px;padding:20px;transition:.22s}.room:hover{transform:translateY(-4px);border-color:#3979b7;box-shadow:0 12px 30px rgba(0,0,0,.2)}.roomicon{font-size:27px}.room h3{margin:11px 0 4px}.room p{color:var(--muted);font-size:13px;min-height:40px}.roomfoot{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.roomfoot small{color:#738293}.room .btn{padding:8px 12px;font-size:12px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{padding:20px;border:1px solid var(--border);background:var(--surface);border-radius:14px}.stat strong{display:block;font-size:26px}.stat span{color:var(--muted);font-size:13px}
.two{display:grid;grid-template-columns:1.45fr .75fr;gap:16px}.panel{border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:22px}.panel h2{margin-top:0}.news{display:grid;gap:10px}.news a{padding:13px;border:1px solid #22303e;border-radius:10px;background:#0e151d}.news a:hover{border-color:#37688f}.news strong{display:block}.muted{color:var(--muted);font-size:12px}.users{display:grid;gap:11px}.user{display:flex;align-items:center;gap:10px}.user .ava{width:31px;height:31px}.user strong{font-size:13px}.user small{display:block;color:var(--green);font-size:11px}
.cta{border:1px solid #285985;border-radius:18px;padding:38px;text-align:center;background:linear-gradient(120deg,#102b48,#121e2c)}.cta h2{margin:0 0 7px}.cta p{color:#aebdcb;margin:0 0 20px}.footer{margin-top:40px;border-top:1px solid var(--border);padding:28px 0;color:#8290a0;font-size:12px}.footerrow{display:flex;justify-content:space-between;gap:20px}.footer a{color:#aab6c3}
@media(max-width:900px){.hero-grid,.two{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.navlinks a:not(.navbtn){display:none}}
@media(max-width:560px){.container{width:calc(100% - 22px)}.topbar .container{height:30px}.hero{padding-top:48px}.hero h1{letter-spacing:-2px}.grid4,.stats{grid-template-columns:1fr}.section-title{display:block}.footerrow{flex-direction:column}}