/*
Theme Name: Playvexa Neon
Theme URI: https://playvexa.si/
Author: Playvexa
Description: Custom neon app marketplace theme, built for Playvexa Apps Manager.
Version: 2.2.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: playvexa
License: GPL-2.0-or-later
*/
:root{--bg:#030b1d;--panel:#0c1a37;--line:#20375f;--cyan:#09d9ff;--violet:#9d13ff;--muted:#aab8d5;--white:#f7faff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{max-width:1280px;padding:0 28px;margin:auto}.site-header{position:sticky;top:0;z-index:100;background:#040a20ed;border-bottom:1px solid #283866;backdrop-filter:blur(16px)}.header-inner{height:69px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:8px;min-width:220px}.brand img{width:43px;height:43px;object-fit:cover;border-radius:12px}.brand-name{font-size:27px;line-height:1;font-weight:950;letter-spacing:-1.5px}.brand-name span{background:linear-gradient(90deg,#b844ff,#ff40b9,#00d7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-tag{font-size:8px;letter-spacing:2px;margin-top:4px;color:#cad5ef}.main-nav{display:flex;gap:20px;align-items:center;white-space:nowrap}.main-nav a{font-size:13px;font-weight:700}.main-nav a:hover,.footer-links a:hover{color:var(--cyan)}.header-search{margin-left:auto;max-width:260px;width:100%}.search-field{border:1px solid #31548b;border-radius:28px;background:#07152c;display:flex;overflow:hidden;align-items:center}.search-field input{min-width:0;flex:1;border:0;outline:0;color:white;background:transparent;padding:12px 15px}.search-field button{border:0;background:transparent;color:#fff;padding:11px 14px}.gradient-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:22px;background:linear-gradient(110deg,#00bfff,#6333ff,#b300ef);padding:12px 23px;color:white;font-weight:800;box-shadow:0 0 20px #5425ff66}.outline-btn{border:1px solid #365ba0;border-radius:25px;padding:11px 20px;font-weight:700}.mobile-toggle{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:315px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 45%,#292071 0%,transparent 65%),#040b20;border-bottom:1px solid #1b2d53}.hero-art{position:absolute;right:0;top:0;width:61%;height:100%;background-image:linear-gradient(90deg,#040b20 0%,#040b2000 36%),url('assets/hero-art.jpg');background-size:cover;background-position:center}.hero-content{position:relative;z-index:1;padding-top:36px;padding-bottom:28px;max-width:1280px}.eyebrow{font-weight:800;letter-spacing:2px;font-size:12px;color:#43dfff}.hero h1{font-size:clamp(37px,4.2vw,63px);line-height:.98;letter-spacing:-2px;margin:12px 0;font-weight:950;max-width:510px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#4deaff,#20c6ff,#f136e9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:15px;line-height:1.55;max-width:460px;margin:0 0 14px}.hero-search{max-width:515px;background:white;display:flex;border-radius:27px;padding:4px;box-shadow:0 0 24px #4965e37a}.hero-search input{flex:1;min-width:0;border:0;background:transparent;padding:10px 15px;outline:0;color:#14203b}.hero-search button{min-width:112px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;align-items:center}.chip{border:1px solid #2a4677;background:#08172f;border-radius:20px;padding:5px 12px;font-size:11px}.chip:hover{border-color:var(--cyan)}.categories{display:grid;grid-template-columns:repeat(11,1fr);gap:9px;padding-top:12px;padding-bottom:13px}.category{min-height:67px;border:1px solid #1b345e;background:linear-gradient(150deg,#0b2144,#0b142e);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:11px;text-align:center}.category .symbol{font-size:23px}.category:first-child,.category:hover{background:linear-gradient(130deg,#00b8f8,#7100f7);border-color:#5798ff}.promos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.promo{min-height:148px;position:relative;border:1px solid #24447e;border-radius:12px;overflow:hidden;background-size:cover;background-position:center}.promo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07132adf,transparent 85%)}.promo-inner{position:relative;padding:18px 22px;max-width:65%}.promo h2{font-size:22px;line-height:1.05;margin:0 0 7px;text-transform:uppercase;text-shadow:0 1px 4px #000}.promo p{margin:0 0 12px;line-height:1.3;font-size:12px}.promo .gradient-btn{font-size:11px;padding:9px 15px}.section{padding-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px}.section-heading h2{font-size:21px;margin:0}.section-heading a{color:var(--cyan);font-size:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:26px}.app-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.app-card{background:linear-gradient(155deg,#0e2145,#08132a);border:1px solid #1d3c6a;border-radius:12px;overflow:hidden;min-width:0;transition:transform .2s,border-color .2s}.app-card:hover{transform:translateY(-5px);border-color:#1ccfff}.app-card img{width:100%;aspect-ratio:1.1;object-fit:cover}.app-card-body{padding:8px}.app-card strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-card .cat{font-size:10px;color:#c5d3ee;margin:6px 0}.app-card .bottom{display:flex;align-items:center;justify-content:space-between}.circle-link{color:#00cfff;border:1px solid #00bfff;width:25px;height:25px;display:grid;place-items:center;border-radius:50%}.empty{padding:26px;border:1px dashed #35547e;border-radius:12px;color:#b3c1d9;grid-column:1/-1;background:#0a1934}.value-banner{margin-top:25px;min-height:125px;border-radius:13px;border:1px solid #24447e;background:linear-gradient(90deg,#081536,#120a4877),url('assets/banner.jpg') center/cover;display:flex;align-items:center;padding:25px 42px}.value-banner h2{font-size:28px;line-height:1;margin:0 0 8px}.value-banner h2 span{color:#e74de6}.value-banner p{margin:0;max-width:290px}.features{margin-left:auto;display:flex;gap:32px;text-align:center}.feature-icon{font-size:29px;color:#85aaff}.feature{font-size:11px;max-width:95px}.footer{border-top:1px solid #243962;margin-top:35px;padding:30px 0;background:#050c1f}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.8fr;gap:28px}.footer p,.footer-links a{font-size:12px;color:#b3c2dd;line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:6px}.footer h3{font-size:14px;margin:4px 0 12px}.copyright{border-top:1px solid #1d3156;margin-top:25px;padding-top:15px;font-size:11px;color:#9caed0}.content-shell{padding-top:38px;min-height:55vh}.content-shell h1{font-size:clamp(30px,4vw,46px)}.content-shell p{line-height:1.8;color:#d0daf0}.app-detail{display:grid;grid-template-columns:240px 1fr;gap:32px}.detail-icon{width:220px;aspect-ratio:1;border-radius:30px;object-fit:cover}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.screenshots{display:flex;gap:12px;overflow:auto;padding-bottom:15px}.screenshots img{height:260px;width:auto;border-radius:12px}.notice{padding:13px 17px;border:1px solid #294977;border-radius:10px;color:#b4c5e2;background:#0c1a34}.article-card{padding:20px;border:1px solid #294977;border-radius:12px;background:#0c1a34}.pagination{padding:25px 0}.pagination a,.pagination span{margin-right:8px}.screen-reader-text{position:absolute;left:-10000px}.site-header .header-inner{max-width:1440px}@media(max-width:1100px){.main-nav{gap:11px}.brand{min-width:180px}.brand-name{font-size:23px}.header-search{max-width:190px}.categories{grid-template-columns:repeat(6,1fr)}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.features{gap:14px}}@media(max-width:760px){.container{padding:0 16px}.header-inner{height:64px;gap:10px}.brand{min-width:0;margin-right:auto}.brand-name{font-size:22px}.brand-tag{font-size:6px}.header-search,.header-inner>.gradient-btn{display:none}.mobile-toggle{display:block}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#07132c;padding:18px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #304d80}.main-nav.open{display:flex}.main-nav a{padding:12px}.hero{min-height:440px}.hero-art{width:100%;height:250px;opacity:.7;top:0;background-position:center}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#040b20 0%,transparent 100%)}.hero-content{padding-top:200px}.hero h1{font-size:39px}.hero p{font-size:13px}.eyebrow{font-size:10px}.hero-search button{min-width:90px}.categories{grid-template-columns:repeat(4,1fr);gap:7px}.category{min-height:70px}.promos,.two-col,.footer-grid{grid-template-columns:1fr}.promo{min-height:170px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.value-banner{display:block;padding:24px;background-position:center}.features{margin:24px 0 0;justify-content:space-between}.footer-grid{gap:20px}.app-detail{grid-template-columns:1fr}.detail-icon{width:145px}.section-heading h2{font-size:18px}}@media(max-width:420px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.categories{grid-template-columns:repeat(3,1fr)}.promo-inner{max-width:78%}.brand img{width:36px;height:36px}}

/* Playvexa 2.1: clipping and responsive layout fixes */
html,body{width:100%;max-width:100%;overflow-x:clip}
.container{width:min(100%,1500px);max-width:1500px;padding-inline:clamp(16px,3.1vw,46px)}
.site-header .header-inner{max-width:1500px}
.header-inner{gap:clamp(12px,1.7vw,26px)}
.brand{min-width:235px;flex-shrink:0;overflow:visible;gap:10px}
.brand img{width:53px;height:53px;object-fit:contain;border-radius:0;overflow:visible}
.brand-name{white-space:nowrap}
.main-nav{gap:clamp(10px,1.4vw,20px)}
.header-search{flex:1 1 190px;min-width:130px;max-width:260px}
.header-inner>.gradient-btn{white-space:nowrap;flex-shrink:0}
.hero{min-height:370px;overflow:hidden}
.hero-art{width:65%;height:100%;background-position:center center;background-size:cover}
.hero-content{padding-top:44px;padding-bottom:45px}
.hero-content>p{max-width:460px}
.hero-search{max-width:525px}
.promos{min-width:0}
.promo{isolation:isolate;min-height:162px;background-position:center;background-size:cover}
.promo:before{background:linear-gradient(90deg,#06132ae8 0%,#07132ab3 48%,transparent 100%);z-index:-1}
.promo-inner{max-width:80%;padding:18px 20px}
.promo h2{font-size:clamp(17px,1.6vw,23px)}
.value-banner{isolation:isolate;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#061434f5 0%,#0b1643d4 28%,#081331b3 55%,#081331ed 100%),url('assets/banner.jpg');background-position:center;background-size:cover;min-height:148px}
.value-banner:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#07153188,transparent 70%);z-index:-1}
.value-banner h2,.value-banner p,.value-banner .features{position:relative;z-index:1;text-shadow:0 2px 7px #030b1d}
.value-banner .features{max-width:55%;gap:clamp(12px,2vw,35px)}
.why-playvexa{margin-top:25px;display:grid;grid-template-columns:1fr minmax(250px,38%);min-height:230px;overflow:hidden;border:1px solid #234478;border-radius:15px;background:linear-gradient(115deg,#081631,#10104c 65%,#060f2d)}
.why-copy{padding:25px 30px;align-self:center}
.why-copy h2{font-size:25px;margin:0 0 14px}
.why-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.why-copy li{font-size:14px;color:#e5edff;display:flex;gap:12px;align-items:center}
.why-copy li:before{content:'✓';display:grid;place-items:center;flex:0 0 23px;height:23px;border:1px solid #00d9ef;color:#02f0e9;border-radius:8px}
.why-art{min-height:230px;background:linear-gradient(90deg,#10104c 0%,transparent 45%),url('assets/why-girl.jpg') right center/cover no-repeat}
.legal-content{max-width:900px;margin:auto;padding:35px 0}
.legal-content h2{margin-top:30px;color:#fff}
.legal-content a{color:var(--cyan)}
@media(max-width:1250px){.header-inner{gap:13px}.brand{min-width:185px}.brand img{width:44px;height:44px}.brand-name{font-size:22px}.brand-tag{font-size:6px}.main-nav{gap:10px}.main-nav a{font-size:12px}.header-search{max-width:190px}.header-inner>.gradient-btn{padding:10px 14px}.hero-art{width:64%}}
@media(max-width:980px){.header-search{display:none}.header-inner>.gradient-btn{margin-left:auto}.categories{grid-template-columns:repeat(6,minmax(0,1fr))}.two-col{gap:15px}.promo-inner{max-width:95%}.promo h2{font-size:18px}}
@media(max-width:760px){.brand{min-width:0}.brand img{width:44px;height:44px}.header-inner>.gradient-btn{display:none}.hero{min-height:455px}.hero-art{width:100%;height:260px;background-position:65% center}.hero-content{padding-top:215px;padding-bottom:25px}.hero-content h1{font-size:39px}.promos{grid-template-columns:1fr}.promo{min-height:165px}.promo-inner{max-width:70%}.value-banner .features{max-width:100%;flex-wrap:wrap;justify-content:space-between}.why-playvexa{grid-template-columns:1fr}.why-art{min-height:230px;background-position:right 38%}.why-copy{padding:23px}}
@media(max-width:420px){.brand-name{font-size:20px}.brand img{width:38px;height:38px}.hero-search button{min-width:92px}.promo-inner{max-width:85%}.features{gap:9px!important}.feature{max-width:72px}}

/* v2.2: replace screenshot-based artwork that included unwanted printed text */
.brand img{width:53px;height:53px;object-fit:contain;object-position:center;display:block;border-radius:11px}
.hero{background:#050b21;min-height:400px;isolation:isolate}
.hero-art{right:0;left:auto;width:69%;height:100%;background-image:linear-gradient(90deg,#050b21 0%,#050b21b8 13%,#050b2100 48%),linear-gradient(0deg,#050b21a0 0%,transparent 27%),url('assets/hero-clean.jpg');background-size:cover;background-position:center center}
.hero-content{pointer-events:none}
.hero-content a,.hero-content button,.hero-content input{pointer-events:auto}
.hero-content{padding-top:52px;padding-bottom:46px}
.hero-content h1{max-width:520px}
.hero-store-badges{position:absolute;right:max(28px,calc((100vw - 1450px)/2));bottom:20px;display:flex;gap:10px;z-index:3}
.hero-store-badges a{background:#05070e;border:1px solid #e0e4ee;border-radius:8px;padding:7px 13px;display:flex;align-items:center;gap:8px;min-width:133px;min-height:46px;box-shadow:0 3px 14px #0008}
.hero-store-badges .store-mark{font-size:24px;line-height:1}
.hero-store-badges small{font-size:8px;line-height:1.1;display:block}
.hero-store-badges strong{font-size:15px;line-height:1.2;display:block}
.value-banner{background:radial-gradient(ellipse at 47% 50%,#3c16b9 0%,transparent 40%),linear-gradient(110deg,#071a44,#090e38 56%,#17106b);isolation:isolate;min-height:165px;gap:20px}
.value-banner:after{content:'✦  ◈  ✧  ◇';position:absolute;left:32%;top:34%;font-size:32px;letter-spacing:20px;color:#39caff66;z-index:0;pointer-events:none}
.value-banner>div:first-child{min-width:290px;position:relative;z-index:2}
.value-banner .features{max-width:none;flex:1;justify-content:flex-end;gap:clamp(16px,3vw,48px);margin-left:auto;position:relative;z-index:2}
.value-banner .feature{max-width:108px;color:#f3f6ff;font-weight:600}
.value-banner .feature-icon{color:#67dcff;font-size:31px;text-shadow:0 0 15px #2c72ff}
.why-playvexa{grid-template-columns:1fr minmax(230px,32%);background:linear-gradient(110deg,#07132b,#0e1040)}
.why-art{background-image:linear-gradient(90deg,#0e1040 0%,transparent 35%),url('assets/girl-clean.jpg');background-size:cover;background-position:right center}
.why-copy{position:relative;z-index:2}
@media(max-width:980px){.hero-store-badges{right:20px;bottom:14px}.hero-store-badges a{min-width:115px}.hero-art{width:74%}.value-banner{flex-wrap:wrap}.value-banner .features{width:100%;justify-content:space-around;margin:10px 0 0}}
@media(max-width:760px){.hero{min-height:515px}.hero-art{width:100%;height:260px;background-size:cover;background-position:center}.hero-content{padding-top:205px;padding-bottom:85px}.hero-store-badges{right:auto;left:16px;bottom:15px}.hero-store-badges a{min-width:125px}.value-banner>div:first-child{min-width:0}.why-playvexa{grid-template-columns:1fr}.why-art{background-size:cover;background-position:right center;min-height:245px}}
@media(max-width:400px){.hero-store-badges a{min-width:120px;padding:6px 9px}.hero-store-badges strong{font-size:13px}.hero h1{font-size:35px}}