/*
Theme Name: SosialSP Premium
Theme URI: https://example.com/socialpress
Author: MSM Digital
Description: Premium social network frontend untuk komunitas kreator SosialSP. Memerlukan SosialSP Core.
Version: 2.1.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: socialpress
*/
:root{--bg:#f7f7f7;--card:#fff;--text:#141414;--muted:#707070;--line:#e7e7e7;--accent:#111;--soft:#f0f0f0;--danger:#e53935;--gold:#b98600;--radius:18px;--shadow:0 10px 35px rgba(0,0,0,.05)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.sp-shell{max-width:1220px;margin:auto;display:grid;grid-template-columns:230px minmax(0,620px) 320px;gap:24px;padding:18px 18px 80px}.sp-left,.sp-right{position:sticky;top:18px;align-self:start}.sp-brand{font-weight:900;font-size:25px;letter-spacing:-1.2px;padding:10px 14px 25px}.sp-nav{display:grid;gap:6px}.sp-nav a,.sp-nav button{display:flex;align-items:center;gap:13px;border:0;background:transparent;border-radius:14px;padding:12px 14px;font-weight:700;text-align:left}.sp-nav a:hover,.sp-nav button:hover,.sp-nav .active{background:#fff}.sp-icon{width:22px;text-align:center;font-size:19px}.sp-primary{background:#111!important;color:#fff!important;justify-content:center!important;margin-top:8px}.sp-usermini{margin-top:20px;padding:12px;border-radius:16px;background:#fff;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow)}.sp-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#ddd;flex:0 0 auto}.sp-avatar img{width:100%;height:100%;object-fit:cover}.sp-avatar.sm{width:34px;height:34px}.sp-main{min-width:0}.sp-topbar{height:58px;background:rgba(247,247,247,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 10px}.sp-tabs{display:flex;gap:18px;font-weight:700}.sp-tabs a{padding:19px 2px 15px;color:var(--muted)}.sp-tabs .active{color:var(--text);border-bottom:2px solid #111}.sp-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:14px 0}.sp-compose{padding:16px}.sp-compose-head{display:flex;gap:10px}.sp-compose textarea{width:100%;border:0;outline:0;resize:none;min-height:72px;font-size:17px;padding:8px}.sp-compose-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px;margin-top:8px}.sp-muted{color:var(--muted)}.sp-btn{border:0;border-radius:999px;background:#111;color:#fff;padding:9px 16px;font-weight:800}.sp-btn.outline{background:#fff;color:#111;border:1px solid var(--line)}.sp-btn.soft{background:var(--soft);color:#111}.sp-post{padding:16px}.sp-post-head{display:flex;gap:11px;align-items:flex-start}.sp-author{font-weight:800}.sp-handle,.sp-time{color:var(--muted);font-size:13px}.sp-verified{display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff;width:15px;height:15px;border-radius:50%;font-size:10px;vertical-align:1px}.sp-post-body{font-size:16px;margin:12px 0 8px;padding-left:55px;word-break:break-word}.sp-post-actions{display:flex;gap:4px;padding-left:48px;margin-top:10px;flex-wrap:wrap}.sp-action{border:0;background:transparent;padding:8px 10px;border-radius:999px;color:#4a4a4a}.sp-action:hover{background:var(--soft)}.sp-action.active{color:var(--danger)!important}.sp-comment-form{padding-left:55px;display:flex;gap:8px;margin-top:8px}.sp-comment-form input{flex:1;border:1px solid var(--line);border-radius:999px;padding:9px 13px;outline:0}.sp-comments{padding-left:55px;margin-top:9px}.sp-comment{font-size:13px;padding:5px 0}.sp-sidecard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:14px}.sp-sidecard h3{margin:0 0 12px;font-size:17px}.sp-suggest{display:flex;align-items:center;gap:10px;margin:12px 0}.sp-suggest .meta{min-width:0;flex:1}.sp-suggest strong,.sp-suggest small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-suggest small{color:var(--muted)}.sp-follow{border:1px solid var(--line);background:#111;color:#fff;border-radius:999px;padding:7px 12px;font-weight:800;font-size:12px}.sp-follow.active{background:#fff;color:#111}.sp-wallet{background:#111;color:#fff}.sp-wallet .coin{font-size:28px;font-weight:900}.sp-packs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.sp-pack{border:0;border-radius:12px;padding:9px;background:#262626;color:#fff}.sp-trend{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line)}.sp-trend:last-child{border:0}.sp-rank{font-size:12px;color:var(--muted)}.sp-auth{max-width:950px;margin:45px auto;padding:20px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.sp-auth-hero h1{font-size:56px;line-height:1;letter-spacing:-3px;margin:0 0 18px}.sp-auth-hero p{font-size:20px;color:var(--muted);max-width:550px}.sp-authbox{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.sp-authbox form{display:grid;gap:10px}.sp-authbox input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.sp-authswitch{display:flex;gap:8px;margin-bottom:15px}.sp-authswitch button{flex:1;border:0;border-radius:10px;padding:10px}.sp-authswitch .active{background:#111;color:#fff}.sp-bottomnav{display:none}.sp-toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#111;color:#fff;padding:11px 18px;border-radius:999px;z-index:9999;box-shadow:0 8px 30px rgba(0,0,0,.2)}
@media(max-width:1050px){.sp-shell{grid-template-columns:80px minmax(0,620px) 300px}.sp-left .label,.sp-usermini .meta,.sp-brand .full{display:none}.sp-nav a,.sp-nav button{justify-content:center}.sp-brand{text-align:center}.sp-primary{padding:13px!important}}
@media(max-width:850px){.sp-shell{grid-template-columns:minmax(0,620px);justify-content:center;padding:0 12px 75px}.sp-left,.sp-right{display:none}.sp-topbar{top:0}.sp-bottomnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line);z-index:50}.sp-bottomnav a{padding:12px 4px;text-align:center;font-size:19px}.sp-post-body,.sp-post-actions,.sp-comment-form,.sp-comments{padding-left:0}.sp-auth{grid-template-columns:1fr;margin:10px auto}.sp-auth-hero{text-align:center}.sp-auth-hero h1{font-size:42px}}
/* SosialSP Premium v2 */
.sp-auth-points{display:grid;gap:8px;margin-top:20px;font-weight:700}.sp-monetize-banner{padding:14px 16px;display:flex;gap:10px;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff7d8,#fff)}.sp-tag-input{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:10px;outline:0}.sp-dashboard-card{padding:22px}.sp-dashboard-card h2,.sp-dashboard-card h3{margin-top:0}.sp-money-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 24px}.sp-money-grid>div{border:1px solid var(--line);border-radius:16px;padding:16px}.sp-money-grid span,.sp-money-grid strong,.sp-money-grid small{display:block}.sp-money-grid strong{font-size:26px;margin-top:5px}.sp-payment-destination{background:#f5f5f5;border-radius:16px;padding:16px;margin-bottom:15px}.sp-payment-destination div{font-size:18px;margin:6px 0}.sp-payment-destination small{display:block;color:var(--muted);margin-top:8px}.sp-stack{display:grid;gap:11px}.sp-stack input,.sp-stack select,.sp-stack textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:#fff}.sp-stack label{font-weight:700}.sp-upload{border:1px dashed #ccc;border-radius:14px;padding:12px}.sp-upload input{margin-top:8px}.sp-section-title{margin-top:30px!important;padding-top:20px;border-top:1px solid var(--line)}.sp-profile-card{padding:24px}.sp-profile-top{display:flex;gap:16px;align-items:center}.sp-profile-top h2{margin:0 0 4px}.sp-profile-stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px}.sp-profile-link{font-weight:700;text-decoration:underline}.sp-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.sp-tags a{font-size:13px;font-weight:700;color:#4a4a4a;background:#f3f3f3;border-radius:999px;padding:4px 8px}.sp-viral-badge{display:inline-flex;margin-top:10px;background:#111;color:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.sp-packs label.sp-pack{display:block;cursor:pointer}.sp-packs input{width:auto;margin-right:5px}.sp-pack{background:#262626!important;color:#fff!important}.sp-dashboard-card .sp-pack{background:#111!important}.sp-auth-hero h1{font-size:52px;line-height:1.02}.sp-post-body a{color:#0b57d0;text-decoration:underline;word-break:break-all}
@media(max-width:650px){.sp-money-grid{grid-template-columns:1fr}.sp-monetize-banner{align-items:flex-start;flex-direction:column}.sp-auth-hero h1{font-size:38px}.sp-profile-stats{gap:10px;font-size:13px}}