/*
Theme Name: Playvexa 3
Theme URI: https://playvexa.si/
Author: Playvexa
Description: Original responsive neon games and apps directory theme. Requires Playvexa Apps plugin for app listings.
Version: 3.1.0
Requires at least: 6.2
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: playvexa
*/
:root{--bg:#030b1e;--panel:#0b1937;--line:#203c6a;--cyan:#00cfff;--violet:#9c00ff;--text:#f7f9ff;--muted:#a8b9d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(100% - 48px,1450px);margin:auto}.site-header{position:relative;z-index:30;background:#040b23;border-bottom:1px solid #223e72}.header-row{min-height:72px;display:flex;align-items:center;gap:clamp(12px,2vw,30px)}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;min-width:205px}.brand-icon{height:49px;width:49px;object-fit:contain;border-radius:12px}.brand-title{font-size:27px;line-height:1;font-weight:950;letter-spacing:-1px}.brand-title span{background:linear-gradient(100deg,#fd4fff,#18caff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{font-size:8px;letter-spacing:1.8px;margin-top:5px}.nav{display:flex;align-items:center;gap:clamp(11px,1.7vw,27px);font-size:13px;font-weight:700}.nav a:hover,.footer a:hover{color:#34dcff}.nav a[aria-current="page"]{color:#cf81ff}.search-mini{margin-left:auto;border:1px solid #315888;border-radius:30px;display:flex;min-width:190px;max-width:260px;flex:1;background:#07132d}.search-mini input{background:none;border:0;min-width:0;width:100%;color:white;padding:12px 15px;outline:0}.search-mini button{background:none;border:0;color:white;padding:0 14px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:24px;background:linear-gradient(110deg,#00bfff,#4c32ff 55%,#bc00f0);padding:12px 22px;color:white;font-weight:800;box-shadow:0 0 24px #732aff44;white-space:nowrap}.btn:hover{filter:brightness(1.16)}.menu-toggle{display:none;background:#0d2044;border:1px solid #315888;color:white;border-radius:10px;padding:10px 13px}.hero{position:relative;isolation:isolate;min-height:365px;overflow:hidden;background:radial-gradient(ellipse at 78% 30%,#1b1765 0%,transparent 60%),#040b23}.hero-scene{position:absolute;inset:0 0 0 37%;background-image:linear-gradient(90deg,#040b23 0%,#040b23bb 12%,transparent 42%),linear-gradient(0deg,#040b2399,transparent 35%),url("assets/hero-world.webp");background-position:center,center,center;background-size:cover}.hero-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#040b23,transparent 25%)}.hero-inner{position:relative;z-index:2;padding:42px 0 44px}.eyebrow{color:#2fe3ff;letter-spacing:2.5px;font-size:13px;font-weight:900}.hero h1{font-size:clamp(44px,5.2vw,76px);line-height:1.03;letter-spacing:-2.7px;margin:12px 0 15px;font-weight:950;max-width:560px}.gradient-text{background:linear-gradient(95deg,#54efff,#14baff,#e639eb);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:480px;font-size:15px;line-height:1.5}.hero-search{margin:18px 0 12px;display:flex;max-width:540px;background:white;border-radius:35px;padding:4px;box-shadow:0 0 28px #3b5bff55}.hero-search input{min-width:0;flex:1;border:0;outline:0;padding:12px 17px;color:#14213d;background:transparent}.hero-search .btn{min-width:112px}.chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px}.chip{border:1px solid #29487b;background:#071834;padding:6px 13px;border-radius:20px}.chip:hover{border-color:#00d7ff}.store-links{position:absolute;z-index:4;right:clamp(24px,3vw,60px);bottom:18px;display:flex;gap:9px}.store-link{background:#04060c;border:1px solid #ccd5e8;border-radius:8px;padding:8px 13px;min-width:140px;display:flex;gap:10px;align-items:center;box-shadow:0 5px 16px #0008}.store-link b{font-size:16px}.store-link small{display:block;font-size:8px}.store-icon{font-size:25px}.categories{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:9px;margin:12px 0}.category{background:#0d2043;border:1px solid #1f3969;border-radius:10px;min-height:66px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:11px;text-align:center}.category .ico{font-size:23px;color:#6da4ff}.category:hover,.category:first-child{background:linear-gradient(125deg,#02a8fc,#5d2cff 60%,#b000f9);border-color:#5caaff}.promos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:13px 0 21px}.promo{min-height:158px;position:relative;overflow:hidden;border:1px solid #27519a;border-radius:14px;background:#0d2045}.promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.promo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061029eb 0%,#061029ab 47%,transparent 100%)}.promo-copy{position:relative;z-index:1;padding:20px;max-width:75%}.promo h2{font-size:22px;line-height:1.1;text-transform:uppercase;margin:0 0 6px;text-shadow:0 2px 5px #000}.promo p{font-size:12px;margin:0 0 14px}.promo .btn{font-size:11px;padding:9px 16px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.section{margin:20px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.section-heading h2{font-size:21px;margin:0}.section-heading a{font-size:12px;color:#03c8ff}.app-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.app-card{background:#0c1c3b;border:1px solid #23436f;border-radius:12px;overflow:hidden;min-width:0}.app-card:hover{transform:translateY(-3px);border-color:#28c9ff}.app-card img{width:100%;aspect-ratio:1.25;object-fit:cover;display:block}.app-card-body{padding:9px}.app-card strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-card small{color:#ffc33c;font-size:11px}.app-card .cat{color:#adbee3;font-size:10px;margin:4px 0}.app-card .circle{float:right;color:#00d5ff;border:1px solid;border-radius:50%;padding:0 5px}.empty{grid-column:1/-1;padding:28px 18px;background:#0d1e3e;border:1px dashed #2c5486;border-radius:13px;color:#b8c8e8;font-size:14px}.value-banner{margin:20px 0;min-height:145px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:14px;border:1px solid #5139e6;background:radial-gradient(circle at 46% 45%,#5225b3aa,transparent 33%),linear-gradient(115deg,#071940,#0c1553 55%,#06163b);padding:24px 35px;overflow:hidden}.value-banner h2{font-size:27px;line-height:1.06;margin:0 0 9px}.value-banner h2 span{color:#e344ec}.value-banner p{font-size:12px;max-width:275px;margin:0}.features{display:flex;align-items:center;gap:clamp(12px,3vw,48px);justify-content:flex-end}.feature{text-align:center;max-width:100px;font-size:11px;font-weight:650}.feature span{display:block;font-size:28px;color:#58cfff;margin-bottom:9px}.why{display:grid;grid-template-columns:1fr 32%;min-height:240px;overflow:hidden;border:1px solid #2b4d85;border-radius:14px;background:linear-gradient(100deg,#071633,#101347)}.why-copy{padding:26px 34px;align-self:center}.why h2{font-size:25px;margin:0 0 14px}.why ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.why li{display:flex;align-items:center;gap:11px;font-size:14px}.why li:before{content:"✓";display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border:1px solid #00dcff;border-radius:8px;color:#00edff}.why-art{background-image:linear-gradient(90deg,#101347,transparent 40%),url("assets/girl.webp");background-size:cover;background-position:center}.footer{margin-top:34px;padding:30px 0;border-top:1px solid #20345c;background:#03091b}.footer-grid{display:grid;grid-template-columns:1.6fr .7fr .9fr 1.3fr;gap:35px}.footer h3{font-size:14px}.footer p,.footer a{font-size:12px;color:#b3c1df;line-height:1.7}.footer a{display:block}.footer .brand{margin-bottom:12px}.content{padding:35px 0;min-height:45vh}.content h1{font-size:34px}.content article{line-height:1.8;color:#dbe6fb}.content article h2{color:white}.app-hero{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}.app-hero img{width:150px;aspect-ratio:1;border-radius:25px;object-fit:cover}.app-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.screens{display:flex;gap:12px;overflow:auto}.screens img{height:300px;width:auto;border-radius:15px}.muted{color:#b1c0dc}.search-results{padding:30px 0}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1250px){.nav{gap:12px}.brand{min-width:175px}.brand-title{font-size:23px}.search-mini{max-width:200px}.hero h1{font-size:60px}.categories{grid-template-columns:repeat(6,1fr)}.app-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;top:72px;left:0;right:0;padding:20px 24px;background:#07122e;flex-direction:column;align-items:stretch;box-shadow:0 15px 25px #0009}.nav.open{display:flex}.search-mini,.header-submit{display:none}.hero-scene{left:30%}.columns{grid-template-columns:1fr}.app-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.wrap{width:min(100% - 28px,1450px)}.header-row{min-height:68px}.brand{min-width:0}.brand-title{font-size:21px}.brand-sub{font-size:6px}.brand-icon{width:43px;height:43px}.hero{min-height:540px}.hero-scene{inset:0 0 auto 0;height:245px;background-position:center}.hero-scene:after{background:linear-gradient(0deg,#040b23,transparent 65%)}.hero-inner{padding-top:225px;padding-bottom:105px}.hero h1{font-size:42px;letter-spacing:-1.5px}.hero p{font-size:13px}.hero-search .btn{padding:10px 15px;min-width:90px}.store-links{right:auto;left:14px;bottom:15px}.store-link{min-width:125px;padding:7px 10px}.store-link b{font-size:13px}.categories{grid-template-columns:repeat(3,minmax(0,1fr))}.promos{grid-template-columns:1fr}.promo{min-height:175px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-banner{display:block;padding:22px}.features{justify-content:space-between;margin-top:20px;gap:8px}.feature{font-size:10px}.feature span{font-size:23px}.why{grid-template-columns:1fr}.why-copy{padding:22px}.why-art{min-height:235px;background-position:right center}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.app-hero{grid-template-columns:95px 1fr}.app-hero img{width:95px}.content h1{font-size:27px}}

/* Playvexa 3.1: mobile feature and girl artwork reconstructed as independent layers */
.value-banner{position:relative;isolation:isolate;min-height:178px;padding:22px 30px;background:radial-gradient(circle at 53% 45%,#5522e9aa,transparent 36%),linear-gradient(110deg,#071a43,#151056 64%,#071b48);overflow:hidden}
.value-banner::before{content:"";position:absolute;inset:0;background:url("assets/mobile-art.webp") 45% 48%/auto 125% no-repeat;opacity:.95;z-index:-1;pointer-events:none}
.value-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081a43 0%,#081a43e8 19%,transparent 40%,transparent 62%,#0b1249bb 77%,#0b1249 100%);z-index:-1;pointer-events:none}
.value-banner>div:first-child{position:relative;z-index:2;flex:0 0 28%;min-width:210px}.value-banner .features{position:relative;z-index:2;flex:0 0 41%;margin-left:auto;justify-content:space-between;gap:10px}.value-banner .feature{width:25%;max-width:110px;color:#fff;text-shadow:0 2px 8px #000b}.value-banner .feature span{font-size:28px;filter:drop-shadow(0 0 7px #52acff)}
.why{position:relative;grid-template-columns:minmax(0,1fr) minmax(290px,32%);min-height:260px;background:linear-gradient(110deg,#071632,#0e1641 76%,#12144b);overflow:hidden}.why-copy{z-index:2}.why-art{position:relative;min-height:260px;background:none!important;overflow:hidden}.why-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101442 0%,transparent 22%);pointer-events:none}.why-art img{position:absolute;right:0;bottom:0;height:100%;width:100%;object-fit:contain;object-position:right bottom;display:block}
.app-card .preview-tag{display:inline-block;color:#cbd8ff;font-size:10px;border:1px solid #35547f;padding:2px 6px;border-radius:10px;margin-top:5px}.app-card small{color:#76dcff}.sample-note{font-size:12px;color:#adc2e7;margin:-5px 0 12px}.directory-intro{max-width:750px;color:#bdc9e7;line-height:1.6}.pv-filter{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.pv-filter a{padding:8px 14px;border:1px solid #315585;background:#0d2043;border-radius:20px;font-size:13px}.pv-filter a:hover{border-color:#18caff}.pv-meta{font-size:13px;color:#b9c9e7}.pv-sample-banner{background:#10274c;border:1px solid #2b5488;border-radius:12px;padding:16px 20px;margin:20px 0;color:#dce8ff}.page-notice{background:#142444;border:1px solid #4163a1;border-radius:12px;padding:18px 20px;margin:20px 0}
@media(max-width:1050px){.value-banner .features{flex-basis:50%}.value-banner:before{background-position:40% center;background-size:auto 100%}.why{grid-template-columns:1fr 35%}}
@media(max-width:700px){.value-banner{min-height:355px;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.value-banner:before{background-size:auto 55%;background-position:center 48%}.value-banner:after{background:linear-gradient(180deg,#081a43 0%,transparent 25%,transparent 62%,#081a43 82%)}.value-banner>div:first-child{flex:none;min-width:0}.value-banner .features{flex:none;margin:115px 0 0;width:100%;gap:5px}.value-banner .feature{font-size:10px}.why{grid-template-columns:1fr;min-height:0}.why-art{min-height:280px}.why-art img{object-fit:contain;object-position:right bottom}.why-art:after{background:linear-gradient(0deg,transparent 70%,#101442)}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}