/*
Theme Name: Junkpile SoftSale
Theme URI: https://softsale.junkpile.rocks/
Author: Junkpile Studio
Description: Ren, mörk och responsiv programvaruportal. Kopplas till merch.junkpile.rocks via Junkpile SoftSale Catalog.
Version: 0.1.0
Requires at least: 6.2
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: junkpile-softsale
*/
:root{--bg:#081017;--bg2:#0e1922;--card:#111e28;--border:rgba(165,210,229,.13);--text:#eff7fb;--muted:#a4b5c0;--cyan:#57e8da;--lime:#e6ffb6;--purple:#b5a1ff;--pink:#ff85b6;--r:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;pointer-events:none;inset:0;background:radial-gradient(ellipse at 10% 0%,rgba(67,149,160,.1),transparent 37%),radial-gradient(ellipse at 95% 15%,rgba(102,69,153,.13),transparent 32%);z-index:-1}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}button,input{font:inherit}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.11;letter-spacing:-.045em;margin:0}h1{font-size:clamp(3rem,6.7vw,6.4rem);max-width:920px;font-weight:850}h2{font-size:clamp(2rem,3.6vw,3.3rem)}h3{font-size:1.32rem;letter-spacing:-.02em}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(7,15,22,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.header-inner{height:79px;display:flex;align-items:center;gap:20px}.brand{display:flex;gap:12px;align-items:center;line-height:1.04;font-size:1.05rem;letter-spacing:.095em;font-weight:850;white-space:nowrap}.brand small{display:block;color:var(--cyan);font-size:.71rem;letter-spacing:.25em;margin-top:5px}.brand-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(87,232,218,.3),rgba(181,161,255,.25));border:1px solid rgba(87,232,218,.38);font-weight:900;font-size:20px;color:#dffff9;box-shadow:0 0 28px rgba(87,232,218,.07)}.site-header .custom-logo{max-width:180px;max-height:52px;width:auto}.main-nav{margin-left:auto;display:flex;gap:28px;align-items:center}.main-nav a{font-size:.91rem;color:#c8d6dc;font-weight:650}.nav-login{border:1px solid rgba(180,219,225,.32);padding:10px 16px;border-radius:11px;white-space:nowrap}.nav-login:hover{background:rgba(87,232,218,.1)}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;padding:95px 0 85px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr);align-items:center;gap:30px}.eyebrow{font-size:.77rem;font-weight:800;color:var(--cyan);letter-spacing:.23em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;margin:0 0 23px}.eyebrow:before{content:"";width:25px;height:1px;background:var(--cyan)}.hero h1 span{color:var(--cyan)}.hero p,.lead{font-size:1.12rem;color:var(--muted);max-width:625px;margin:25px 0 30px;line-height:1.85}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:12px 23px;border-radius:13px;font-weight:750;border:1px solid transparent;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--cyan);color:#092025}.btn-primary:hover{background:#9ff9eb;color:#092025}.btn-outline{border-color:rgba(162,216,228,.27);color:var(--text)}.btn-outline:hover{background:rgba(255,255,255,.07);color:var(--text)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-note{display:flex;gap:12px;color:#7d98a6;font-size:.81rem;align-items:center;margin-top:26px}.hero-orbit{min-height:440px;position:relative;display:grid;place-items:center}.orb-a,.orb-b{position:absolute;width:380px;height:380px;border-radius:50%;border:1px solid rgba(87,232,218,.18);transform:rotate(-20deg)}.orb-b{width:290px;height:290px;border-color:rgba(181,161,255,.2);transform:rotate(40deg)}.hero-orbit:before{content:"";position:absolute;width:340px;height:340px;background:radial-gradient(circle,rgba(89,222,214,.14),transparent 70%);filter:blur(12px)}.display-card{width:290px;min-height:344px;border:1px solid rgba(121,212,222,.2);border-radius:26px;background:linear-gradient(145deg,rgba(26,53,66,.91),rgba(12,23,34,.98));box-shadow:0 30px 90px rgba(0,0,0,.45),0 0 90px rgba(87,232,218,.06);transform:rotate(-9deg);position:relative;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.display-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(87,232,218,.28);border-radius:50%;top:80px;right:-80px;box-shadow:0 0 80px rgba(87,232,218,.15)}.display-mini{font-size:.68rem;letter-spacing:.2em;font-weight:800;color:var(--cyan)}.display-core{font-size:clamp(2.4rem,4vw,3rem);font-weight:850;letter-spacing:-.07em;line-height:1}.display-core span{display:block;color:var(--cyan)}.display-bottom{border-top:1px solid var(--border);padding-top:17px;color:var(--muted);font-size:.83rem}.floating-tag{position:absolute;right:3%;bottom:50px;padding:14px 16px;border:1px solid rgba(87,232,218,.27);border-radius:14px;background:rgba(14,31,41,.95);font-size:.79rem;font-weight:750;color:#d5fff8;box-shadow:0 17px 42px rgba(0,0,0,.32)}.section{padding:80px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:29px}.section-heading p{margin:10px 0 0;color:var(--muted);max-width:575px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{position:relative;min-height:345px;background:linear-gradient(145deg,rgba(25,42,53,.98),rgba(13,24,33,.98));border:1px solid var(--border);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-5px);border-color:rgba(87,232,218,.34)}.product-thumb{width:70px;height:70px;border-radius:19px;background:linear-gradient(145deg,#1f5963,#18243f);display:grid;place-items:center;color:var(--cyan);font-size:27px;font-weight:900;margin-bottom:21px;border:1px solid rgba(255,255,255,.08);overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-badge{position:absolute;right:22px;top:23px;font-size:.68rem;letter-spacing:.08em;font-weight:800;text-transform:uppercase;border:1px solid var(--border);border-radius:20px;padding:5px 10px;color:var(--cyan)}.product-card p{font-size:.91rem;color:var(--muted);margin:11px 0 26px;line-height:1.65}.product-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid var(--border)}.product-price{font-weight:850;color:#f0fff9;font-size:1.05rem}.product-action{font-size:.85rem;font-weight:800;color:var(--cyan)}.section-dark{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(13,25,34,.6)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{padding:29px;border:1px solid var(--border);border-radius:var(--r)}.step .number{font-size:.75rem;letter-spacing:.2em;color:var(--cyan);font-weight:900;margin-bottom:25px}.step p{color:var(--muted);font-size:.92rem}.banner{border:1px solid rgba(87,232,218,.2);border-radius:28px;padding:40px;background:radial-gradient(ellipse at 100% 0,rgba(87,232,218,.12),transparent 60%),linear-gradient(135deg,#152d35,#101821);display:flex;gap:25px;align-items:center;justify-content:space-between}.banner p{color:var(--muted);margin-bottom:0}.site-footer{border-top:1px solid var(--border);padding:30px 0 45px;color:#8da2ae;font-size:.84rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:21px}.site-main-content{min-height:52vh;padding:80px 0}.prose{max-width:840px;color:#c3d2d9}.prose a{color:var(--cyan);text-decoration:underline}.prose h1,.prose h2,.prose h3{margin:24px 0}.empty-catalog{border:1px dashed rgba(87,232,218,.25);padding:32px;border-radius:20px;background:#13202a}.empty-catalog p{color:var(--muted)}.error-label{color:#ffb7c7}.screen-reader-text{position:absolute;left:-9999px}.skip-link:focus{position:fixed;left:14px;top:14px;background:var(--cyan);color:#101820;z-index:999;padding:10px}.alignwide{max-width:1100px}.alignfull{max-width:none}@media(max-width:920px){.hero-grid{grid-template-columns:1fr}.hero-orbit{min-height:300px}.display-card{min-height:265px;width:240px}.orb-a{height:285px;width:285px}.orb-b{height:210px;width:210px}.hero{padding:65px 0}.catalog-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.main-nav{gap:15px}}@media(max-width:640px){.container{width:min(100% - 30px,1180px)}.header-inner{height:70px}.brand{font-size:.92rem}.brand-icon{width:38px;height:38px}.main-nav{display:none}.nav-login{margin-left:auto;padding:8px 10px;font-size:.83rem}.hero h1{font-size:clamp(2.7rem,13vw,4.3rem)}.hero-orbit{display:none}.catalog-grid{grid-template-columns:1fr}.section{padding:58px 0}.section-heading{display:block}.banner{display:block;padding:26px}.banner .btn{margin-top:20px}.footer-inner{display:block}.footer-links{margin-top:10px}.hero-note{flex-wrap:wrap}}