/*
Theme Name: Bax Box Neon
Theme URI: https://example.com/
Author: Bax Box
Description: Custom retro-wave WooCommerce theme with a native WordPress blog, pink-and-black branding, and electric-green accents.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: baxbox
*/
:root{--bg:#0c0c10;--surface:#17171d;--surface2:#202028;--text:#f7f7fa;--muted:#b9b9c5;--pink:#ff2b9d;--green:#b9ff46;--line:#393943;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}input,textarea,select{background:#24242c;border:1px solid #555563;color:white;padding:12px;border-radius:7px;max-width:100%}input:focus,textarea:focus{outline:2px solid var(--pink)}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.site-header{background:#101015;border-bottom:1px solid var(--line);position:relative;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:85px}.brand{font-size:1.7rem;font-weight:900;letter-spacing:.045em;color:white;line-height:1.1}.brand span{color:var(--pink)}.brand img{max-height:62px;width:auto}.tagline{font-size:.73rem;color:var(--muted);font-weight:500;letter-spacing:.08em}.nav-menu{display:flex;gap:23px;align-items:center;list-style:none;padding:0;margin:0}.nav-menu a{color:#fff;font-weight:700;font-size:.9rem}.nav-menu a:hover,.current-menu-item>a{color:var(--pink)}.nav-menu .menu-item-blog>a{color:var(--pink)}.nav-toggle{display:none;background:none;border:1px solid var(--line);color:white;padding:8px 12px;border-radius:7px;cursor:pointer}.cart-link{color:var(--green);white-space:nowrap;font-weight:800}.hero{padding:90px 0 85px;background:radial-gradient(ellipse at 85% 15%,rgba(255,43,157,.19),transparent 40%),radial-gradient(ellipse at 5% 85%,rgba(185,255,70,.08),transparent 40%),#0c0c10;border-bottom:1px solid var(--line)}.eyebrow{text-transform:uppercase;color:var(--green);letter-spacing:.24em;font-size:.78rem;font-weight:900}.hero h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:1.06;max-width:850px;letter-spacing:-.05em;margin:14px 0 22px}.hero h1 em{font-style:normal;color:var(--pink)}.hero p{max-width:650px;color:var(--muted);font-size:1.18rem}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn,.wp-block-button__link,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{display:inline-block;background:var(--pink)!important;color:#0c0c10!important;border:0;border-radius:6px;padding:12px 22px;font-weight:900;text-decoration:none;cursor:pointer}.btn.secondary{background:transparent!important;color:var(--green)!important;border:1px solid var(--green)}.section{padding:65px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-heading h2,.page-heading h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.2}.section-heading p,.page-heading p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.post-card,.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.post-card:hover,.feature-card:hover{border-color:var(--pink)}.post-card .thumb{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#34152c,#242430);overflow:hidden}.post-card .thumb img{width:100%;height:100%;object-fit:cover}.card-body{padding:23px}.post-card h3{margin:8px 0;font-size:1.3rem;line-height:1.35}.post-card h3 a{color:white}.meta{color:var(--muted);font-size:.8rem}.excerpt{color:var(--muted);font-size:.94rem}.text-link{font-weight:800;color:var(--green)}.feature-card{padding:26px}.feature-card h3{color:var(--pink);margin-top:0}.page-heading{padding:60px 0 30px}.content-area{padding:15px 0 75px}.entry{max-width:840px}.entry-content{overflow-wrap:break-word}.entry-content h2,.entry-content h3{line-height:1.25}.entry-content a{text-decoration:underline}.entry-content img{border-radius:8px}.entry-content blockquote{border-left:4px solid var(--pink);padding-left:20px;margin-left:0;color:var(--muted)}.featured-image{border-radius:12px;margin-bottom:25px;width:100%}.pagination{margin-top:35px}.pagination .page-numbers{display:inline-block;padding:8px 13px;border:1px solid var(--line);margin:3px;border-radius:5px}.pagination .current{background:var(--pink);color:black}.site-footer{border-top:1px solid var(--line);background:#101015;padding:45px 0;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:18px;list-style:none;padding:0;margin:0}.footer-links a{color:var(--muted)}.woocommerce{color:var(--text)}.woocommerce ul.products li.product{background:var(--surface);padding:14px;border:1px solid var(--line);border-radius:10px}.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce div.product .product_title{color:white}.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--green)}.woocommerce .quantity .qty{color:white;background:var(--surface2)}.woocommerce-message,.woocommerce-info{background:var(--surface);color:white;border-top-color:var(--pink)}.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#111}.woocommerce table.shop_table{border-color:var(--line)}.woocommerce a.remove{color:var(--pink)!important}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{position:static}.comments-area{margin-top:45px;border-top:1px solid var(--line);padding-top:25px}.comment-list{padding-left:20px}.comment-body{margin-bottom:20px}.search-form{display:flex;gap:8px;flex-wrap:wrap}.search-form button{background:var(--pink);color:#000;border:0;padding:10px 18px;font-weight:800;border-radius:6px}
@media(max-width:800px){.nav-toggle{display:block}.header-inner{flex-wrap:wrap;padding:16px 0;min-height:75px}.primary-nav{display:none;width:100%;order:3}.primary-nav.is-open{display:block}.nav-menu{flex-direction:column;align-items:flex-start;gap:0;padding:12px 0}.nav-menu li{width:100%}.nav-menu a{display:block;padding:10px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:65px 0}.cart-link{margin-left:auto}}@media(max-width:550px){.grid{grid-template-columns:1fr}.section{padding:45px 0}.section-heading{align-items:start;flex-direction:column}}
