/*
Theme Name: AppMarket Store Neon
Theme URI: https://example.com/
Author: AppMarket Store
Description: Dark emerald neon app listing theme based on the AppMarket Store HTML design.
Version: 1.8.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: appmarket-store-neon
*/

:root{--bg:#06120f;--panel:#101f1d;--panel2:#132622;--line:#29483d;--green:#55f5a0;--white:#f4fff8;--muted:#a9c2b6;--gold:#ffe9ae;--ink:#153b2c}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#16432e 0,transparent 42%),var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--white)}.wrap{max-width:850px;margin:auto;padding:20px 16px 50px}.header{display:flex;align-items:center;gap:12px;padding:8px 0 20px}.logo{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#6cffb4,#07804c);display:grid;place-items:center;font-size:29px;font-weight:900;box-shadow:0 0 24px #25e98a55}.brand{font-size:clamp(20px,4vw,29px);font-weight:800;letter-spacing:-.5px}.top-pill{margin-left:auto;border:1px solid #2d6650;background:#102b20;color:var(--green);border-radius:30px;padding:12px 18px;font-weight:800}.search{border:1px solid var(--line);border-radius:40px;padding:18px 22px;background:#0c1d18;color:#b9cec4;font-size:17px;box-shadow:inset 0 0 18px #1d5b3c22}.header .search{flex:0 1 280px;min-width:150px;margin-left:auto;padding:11px 14px;font-size:13px;white-space:nowrap}.header .search span{margin-left:8px}@media(max-width:520px){.header{gap:8px;padding-bottom:16px}.logo{width:42px;height:42px;border-radius:13px;font-size:23px}.brand{font-size:clamp(16px,4vw,22px)}.header .search{flex:0 1 145px;min-width:110px;padding:10px 11px;font-size:11px}}.hero{position:relative;overflow:hidden;margin:18px 0 15px;border:1px solid #2f7855;border-radius:25px;min-height:145px;background:radial-gradient(circle at 90% 20%,#0f7549 0,transparent 42%),linear-gradient(120deg,#031c12,#06452c 70%,#08734a);box-shadow:0 0 24px #29f58a26,inset 0 0 18px #4cff9b12;padding:19px 20px 28px;touch-action:pan-y;user-select:none}.hero-slide{display:none;min-height:94px}.hero-slide.active{display:block}.hero h2{font-size:clamp(21px,4.6vw,29px);line-height:1.1;margin:0 0 10px;max-width:85%;font-weight:900;color:#f4fff8}.hero p{font-size:15px;line-height:1.4;margin:0 0 17px;color:#d7f7e5;max-width:80%}.hero-cta{display:inline-block;border-radius:30px;padding:9px 15px;background:#eafff2;color:#087347;font-weight:900;text-decoration:none;box-shadow:0 0 20px #66ffae4a}.hero-emoji{position:absolute;right:22px;top:34px;font-size:38px;filter:drop-shadow(0 0 12px #61ffae77)}.hero-dots{position:absolute;right:22px;bottom:14px;display:flex;gap:8px}.hero-dot{width:10px;height:10px;border:0;border-radius:20px;background:#82a99a;padding:0}.hero-dot.active{width:25px;background:#f4fff8}.section-title{font-size:clamp(20px,4vw,26px);font-weight:850;margin:20px 0 12px}.shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;border:1px solid #315a4b;border-radius:32px;background:linear-gradient(145deg,#122522,#0c1918);box-shadow:0 0 28px #3dff9b13,inset 0 0 16px #5cf9ac0a}.shortcut{min-height:78px;border:1px solid #263a38;border-radius:18px;background:linear-gradient(145deg,#162a29,#12201f);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 3px;box-shadow:0 0 12px #4cf5a010;transition:.18s}.shortcut:active{transform:scale(.97)}.iconbox{width:clamp(30px,6vw,42px);height:clamp(30px,6vw,42px);border-radius:14px;border:1px solid #378763;background:#10382a;display:grid;place-items:center;color:var(--green);box-shadow:0 0 22px #3cff9a22,inset 0 0 16px #49f5a011}.iconbox svg{width:48%;height:48%;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.shortcut-label{text-align:center;font-size:clamp(9px,1.7vw,12px);line-height:1.2;font-weight:850;color:#f6fff9}.hint{color:var(--muted);font-size:13px;margin:12px 3px 30px}.apps-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 16px}.apps-head h2{font-size:21px;font-weight:800;line-height:1.25;margin:0}.see{color:var(--green);font-weight:800}.app{border:1px solid #2b4b3e;background:linear-gradient(135deg,#12231f,#0c1916);border-radius:25px;padding:18px;margin-bottom:15px;box-shadow:0 0 20px #40f89a0b}.app-top{display:flex;align-items:center;gap:13px}.app-logo{width:70px;height:70px;flex-shrink:0;border-radius:21px;display:grid;place-items:center;font-size:32px;font-weight:900;background:linear-gradient(140deg,#138fc1,#075b8c);box-shadow:0 0 17px #47f4a52a}.app:nth-of-type(2) .app-logo{background:linear-gradient(140deg,#ef1686,#9c0755)}.app-name{font-size:22px;font-weight:850}.category{color:var(--muted);margin-top:4px}.desc{color:#b1c6bd;line-height:1.5;margin:15px 0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #2c5042;color:#d5eee1;padding:8px 11px;border-radius:30px;font-size:13px;font-weight:700;background:#10231d}.chip.verified{background:#103c2b;color:#67ffb0}.chip.commission{background:var(--gold);color:#755621;border-color:#f5d88b}.install{display:block;text-align:center;text-decoration:none;margin-top:16px;border-radius:18px;padding:14px 16px;background:linear-gradient(100deg,#4df5a0,#12a96b);color:#062319;font-size:17px;font-weight:900;box-shadow:0 0 22px #35f39b33}.note{font-size:12px;color:#8ca99a;text-align:center;margin-top:24px}
@media(max-width:520px){.wrap{padding:14px 12px 34px}.hero{min-height:132px;padding:17px 17px 26px;border-radius:22px}.hero-slide{min-height:88px}.hero h2{font-size:clamp(19px,4.8vw,25px)}.hero p{font-size:14px;margin-bottom:12px}.hero-emoji{right:16px;top:30px;font-size:32px}.shortcuts{gap:5px;padding:5px;border-radius:18px}.shortcut{min-height:70px;border-radius:14px;gap:4px;padding:5px 2px}.iconbox{width:30px;height:30px;border-radius:10px}.shortcut-label{font-size:9px}.app{padding:15px;border-radius:23px}.app-logo{width:62px;height:62px}.app-name{font-size:20px}.desc{font-size:15px}.chip{font-size:12px;padding:7px 9px}.install{font-size:16px;padding:13px}.apps-head h2{font-size:22px}}

/* Compact Top Commission Apps section */
.apps-head{margin:16px 0 10px;gap:8px}
.apps-head h2{font-size:18px;line-height:1.2}
.apps-head .see{font-size:13px}
.app{border-radius:19px;padding:13px;margin-bottom:11px}
.app-top{gap:10px}
.app-logo{width:56px;height:56px;border-radius:16px;font-size:27px}
.app-name{font-size:19px}
.category{font-size:13px;margin-top:2px}
.desc{font-size:13px;line-height:1.4;margin:10px 0}
.chips{gap:6px}
.chip{padding:6px 9px;font-size:11px}
.install{margin-top:11px;border-radius:14px;padding:11px 12px;font-size:15px}
@media(max-width:420px){.apps-head h2{font-size:17px}.app{padding:11px}.app-logo{width:50px;height:50px}.app-name{font-size:18px}}

/* Functional, mobile-friendly search field */
.header .search-wrap{display:flex;align-items:center;gap:8px;min-width:0;}
.search-wrap input{display:block;width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f4fff8;font:inherit;padding:0;appearance:none;-webkit-appearance:none;}
.search-wrap input::placeholder{color:#b9cec4;opacity:1;}
.search-wrap span{flex:0 0 auto;color:#f4fff8;font-size:20px;line-height:1;}
.search-wrap:focus-within{border-color:#42e994;box-shadow:0 0 0 2px #25e98a22, inset 0 0 18px #1d5b3c22;}
.app[hidden]{display:none!important;}
.search-empty{display:none;padding:18px;border:1px solid #2b4b3e;border-radius:18px;color:#b9cec4;text-align:center;}
.search-empty.visible{display:block;}
@media(max-width:520px){.header{flex-wrap:nowrap}.brand{white-space:nowrap}.header .search-wrap{flex:1 1 0;width:auto;min-width:0;padding:9px 10px}.search-wrap input{font-size:12px}.search-wrap span{font-size:17px}}

/* Improved touch-friendly search, including narrow Android screens */
.header .search-wrap{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 240px;white-space:normal;cursor:text;}
.search-wrap input{display:block;width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#f4fff8!important;font:inherit;line-height:1.35;padding:2px 0!important;appearance:none;-webkit-appearance:none;box-shadow:none!important;}
.search-wrap input::placeholder{color:#b9cec4;opacity:1;}
.search-wrap input::-webkit-search-cancel-button{-webkit-appearance:none;}
.search-wrap span{flex:0 0 auto;color:#f4fff8;font-size:21px;line-height:1;}
.search-clear{display:none;flex:0 0 22px;width:22px;height:22px;border:0;border-radius:50%;padding:0;background:#234638;color:#fff;font-size:18px;line-height:20px;cursor:pointer;}
.search-clear.is-visible{display:block;}
.app[hidden]{display:none!important;}
.search-empty{display:none;padding:18px;border:1px solid #2b4b3e;border-radius:18px;color:#b9cec4;text-align:center;}
.search-empty.visible{display:block;}
@media(max-width:520px){
 .header{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;row-gap:10px;align-items:center;}
 .header .logo{grid-column:1;grid-row:1;}
 .header .brand{grid-column:2;grid-row:1;min-width:0;white-space:normal;font-size:clamp(17px,4.8vw,22px);}
 .header .search-wrap{grid-column:1 / -1;grid-row:2;width:100%;min-width:0;max-width:none;margin:0;padding:11px 14px;font-size:14px;}
 .search-wrap input{font-size:14px!important;min-height:20px;}
 .search-wrap span{font-size:22px;}
}


/* v1.4: full-bleed banner images and large touch target */
.hero{padding:0;min-height:210px;isolation:isolate;}
.hero-slide{position:relative;min-height:210px;padding:22px 20px 42px;background-color:#06452c;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;cursor:pointer;}
.hero-slide:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,20,13,.84) 0%,rgba(2,35,22,.48) 60%,rgba(2,35,22,.12) 100%);pointer-events:none;}
.hero-copy{position:relative;z-index:1;max-width:82%;}
.hero-slide h2,.hero-slide p{text-shadow:0 2px 8px rgba(0,0,0,.8)}
.hero-slide .hero-cta{position:relative;z-index:2;cursor:pointer}
.hero-dots{z-index:5}
@media(max-width:520px){.hero{min-height:190px}.hero-slide{min-height:190px;padding:19px 16px 42px}.hero-copy{max-width:84%}.hero-emoji{z-index:1;right:12px;top:22px;font-size:28px}.hero h2{max-width:100%;font-size:clamp(18px,5vw,24px)}.hero p{max-width:100%;font-size:13px}}


/* v1.5: uploaded banner artwork fills the entire banner frame with no inset gaps */
.hero{padding:0!important;min-height:0!important;height:clamp(170px,31vw,270px);border-radius:25px;overflow:hidden;background:#063522;}
.hero-slide{display:none!important;position:absolute;inset:0;width:100%;height:100%;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:inherit;background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;}
.hero-slide.active{display:block!important;}
.hero-slide:before{display:none!important;}
.hero-slide.has-image .hero-copy{display:none!important;}
.hero-slide.no-image{padding:22px 20px 42px!important;}
.hero-slide.no-image:before{display:block!important;inset:0;}
.hero-slide.no-image .hero-copy{display:block!important;}
.hero-dots{bottom:10px!important;right:14px!important;z-index:6;}
@media(max-width:520px){.hero{height:clamp(145px,34vw,205px)!important;border-radius:22px!important;margin:18px 0 15px!important}.hero-slide.no-image{padding:17px 15px 38px!important}.hero-dots{bottom:8px!important;right:12px!important}}


/* v1.6: force selected banner artwork edge-to-edge, independent of stale background rules */
.hero{position:relative!important;padding:0!important;overflow:hidden!important;min-height:0!important;height:clamp(150px,26vw,250px)!important;border:1px solid #2f7855!important;}
.hero-slide,.hero-slide.active{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:inherit!important;background-image:none!important;overflow:hidden!important;}
.hero-slide{display:none!important}.hero-slide.active{display:block!important}
.hero-banner-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:fill!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:inherit!important;z-index:0!important}
.hero-slide.has-image:before{display:none!important}
.hero-slide.has-image .hero-copy{display:none!important}
.hero-slide.no-image .hero-copy{position:relative;z-index:2;padding:22px 20px 42px}
.hero-dots{z-index:10!important;bottom:9px!important;right:12px!important}
@media(max-width:520px){.hero{height:clamp(145px,34vw,205px)!important;margin:18px 0 15px!important}.hero-slide.no-image .hero-copy{padding:17px 15px 38px}}


/* v1.7: banner image fills the complete 1008:394 banner area edge-to-edge */
.hero{position:relative!important;width:100%;aspect-ratio:1008/394;min-height:0!important;height:auto;padding:0!important;overflow:hidden;border-radius:25px;margin:18px 0 15px;background:#06120f;box-sizing:border-box;}
.hero-slide{display:none!important;position:absolute!important;inset:0!important;width:100%;height:100%;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;overflow:hidden;}
.hero-slide.active{display:block!important;}
.hero-slide.has-image{background-image:none!important;}
.hero-banner-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:fill!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;}
.hero-copy{display:none!important;}
.hero-dots{z-index:5;right:14px!important;bottom:10px!important;padding:5px 8px;border-radius:20px;background:#06120f88;}
@media(max-width:520px){.hero{aspect-ratio:1008/394;min-height:0!important;height:auto!important;padding:0!important;border-radius:18px!important}.hero-dots{right:9px!important;bottom:7px!important;gap:5px!important}.hero-dot{width:8px!important;height:8px!important}.hero-dot.active{width:19px!important}}

/* v1.8 editable app logos and touch-friendly full-card banner links */
.app-logo{overflow:hidden;}
.app-logo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;}
.hero-slide{cursor:pointer;}
.hero-banner-image{pointer-events:none;}
.hero-dots{pointer-events:auto;}