/* ═══════════════════════════════════════════════════════════ RepSpreadsheets — 8-BIT THEME (shared across all pages) Activated by class "theme-8bit" on . Professional theme is the untouched default. Palette: blue #4db5ff / #7fd4ff · navy #050a14 / #0a1626 green #00ff88 · gold #ffcc00 Fonts: Press Start 2P (headings) · VT323 (body/labels) ═══════════════════════════════════════════════════════════ */ /* ---- FLIP SWITCH (always present, restyles per theme) ---- */ .theme-flip{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;vertical-align:middle;margin-left:12px;flex-shrink:0;white-space:nowrap;} .theme-flip-track{width:40px;height:21px;border-radius:11px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);position:relative;transition:background .2s,border-color .2s;flex-shrink:0;} .theme-flip-knob{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#a855f7;transition:left .2s,background .2s,border-radius .2s;box-shadow:0 1px 3px rgba(0,0,0,.4);} .theme-flip-lbl{font-size:11px;font-weight:700;color:#8888a0;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;} html.theme-8bit .theme-flip-track{background:rgba(77,181,255,.25);border:2px solid #4db5ff;border-radius:0;height:19px;} html.theme-8bit .theme-flip-knob{left:21px;background:#7fd4ff;border-radius:0;width:13px;height:11px;} html.theme-8bit .theme-flip-lbl{font-family:'VT323',monospace;font-size:14px;color:#7fd4ff;} /* ============ THEME ACTIVE ============ */ html.theme-8bit body{background:#050a14 !important;font-family:'VT323',monospace !important;image-rendering:pixelated;} /* kill starfield / decorative bg layers */ html.theme-8bit canvas,html.theme-8bit .starfield,html.theme-8bit #starfield,html.theme-8bit #stars{display:none !important;} html.theme-8bit body::before{display:none !important;} /* CRT scanline overlay */ html.theme-8bit body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.10) 2px,rgba(0,0,0,.10) 3px);pointer-events:none;z-index:9998;} /* fonts */ html.theme-8bit h1,html.theme-8bit h2,html.theme-8bit h3,html.theme-8bit .stat-number{font-family:'Press Start 2P',monospace !important;} html.theme-8bit body,html.theme-8bit p,html.theme-8bit span,html.theme-8bit a,html.theme-8bit button,html.theme-8bit input,html.theme-8bit select,html.theme-8bit label,html.theme-8bit .stat-label{font-family:'VT323',monospace;} html.theme-8bit input,html.theme-8bit select{font-size:1.05rem;} /* announcement bar */ html.theme-8bit .top-announcement-bar{background:#4db5ff !important;border-bottom:3px solid #1f6fb5;} html.theme-8bit .ticker-item,html.theme-8bit .announcement-text{color:#041020 !important;font-weight:bold;font-size:1.05rem;text-transform:uppercase;letter-spacing:.02em;} html.theme-8bit .ticker-item .highlight,html.theme-8bit .highlight{color:#06263f !important;text-decoration:underline;} html.theme-8bit .ticker-sep{color:#06263f !important;} /* header / nav — covers index (.main-nav a/.header-btn), finds (.nav-btn), wishlist & best-sellers (nav .nav-links a / .logo) */ html.theme-8bit header,html.theme-8bit .header{background:#0a1626 !important;border-bottom:3px solid #4db5ff !important;backdrop-filter:none !important;} html.theme-8bit .logo,html.theme-8bit header h1,html.theme-8bit .header h1,html.theme-8bit #siteLogo{color:#fff !important;text-shadow:2px 2px 0 #4db5ff;-webkit-text-fill-color:#fff !important;background:none !important;letter-spacing:.02em;} /* generic nav links across pages */ html.theme-8bit .main-nav a, html.theme-8bit .nav-btn, html.theme-8bit .nav-links a:not(.wishlist-link), html.theme-8bit nav a:not(.logo):not(.wishlist-link){ color:#7fd4ff !important;border-radius:0 !important;border:2px solid #4db5ff !important;background:#0a1626 !important; animation:none !important;box-shadow:none !important;padding:.55rem 1.2rem !important;text-decoration:none; } html.theme-8bit .main-nav a span{border:none !important;padding:0 !important;background:none !important;color:#7fd4ff !important;} html.theme-8bit .main-nav a::before,html.theme-8bit .main-nav a::after, html.theme-8bit .nav-btn::before,html.theme-8bit .nav-btn::after{display:none !important;} html.theme-8bit .main-nav a:hover, html.theme-8bit .nav-btn:hover, html.theme-8bit .nav-links a:not(.wishlist-link):hover, html.theme-8bit nav a:not(.logo):not(.wishlist-link):hover{background:#4db5ff !important;border-color:#4db5ff !important;color:#041020 !important;box-shadow:none !important;transform:none !important;} html.theme-8bit .main-nav a:hover span{background:none !important;color:#041020 !important;} /* wishlist link */ html.theme-8bit .wishlist-link,html.theme-8bit .nav-btn.wishlist{border-radius:0 !important;border:2px solid #4db5ff !important;background:#0a1626 !important;color:#7fd4ff !important;animation:none !important;box-shadow:none !important;} html.theme-8bit .wishlist-link:hover,html.theme-8bit .nav-btn.wishlist:hover{background:#4db5ff !important;border-color:#4db5ff !important;transform:none !important;} html.theme-8bit .wishlist-link svg{stroke:#7fd4ff !important;} html.theme-8bit .wishlist-link:hover svg{stroke:#041020 !important;} html.theme-8bit .wishlist-count,html.theme-8bit .wishlist-badge{color:#7fd4ff !important;background:#4db5ff !important;color:#041020 !important;font-family:'VT323',monospace;border-radius:0 !important;} /* discord + coupon buttons (index .header-btn / finds .nav-btn.discord/.coupons) */ html.theme-8bit .header-btn, html.theme-8bit .discord-btn,html.theme-8bit .nav-btn.discord{border-radius:0 !important;font-family:'VT323',monospace !important;font-size:1.05rem !important;border:2px solid #4db5ff !important;background:#0a1626 !important;color:#7fd4ff !important;animation:none !important;box-shadow:none !important;} html.theme-8bit .discord-btn:hover,html.theme-8bit .nav-btn.discord:hover{background:#4db5ff !important;color:#041020 !important;} html.theme-8bit .coupon-btn,html.theme-8bit .nav-btn.coupons{background:#ffcc00 !important;border:2px solid #ffcc00 !important;color:#3a2c00 !important;font-weight:bold;border-radius:0 !important;font-family:'VT323',monospace !important;font-size:1.05rem !important;animation:none !important;} html.theme-8bit .back-link{border-radius:0 !important;border:2px solid #4db5ff !important;color:#7fd4ff !important;font-family:'VT323',monospace !important;} /* hero */ html.theme-8bit .hero{background:repeating-linear-gradient(0deg,transparent,transparent 14px,rgba(77,181,255,.04) 14px,rgba(77,181,255,.04) 15px),repeating-linear-gradient(90deg,transparent,transparent 14px,rgba(77,181,255,.04) 14px,rgba(77,181,255,.04) 15px) !important;} html.theme-8bit .hero h2{color:#fff !important;-webkit-text-fill-color:#fff !important;background:none !important;text-shadow:3px 3px 0 #4db5ff;line-height:1.7;font-size:1.6rem;} html.theme-8bit .hero h1,html.theme-8bit header h1,html.theme-8bit .header h1{color:#fff !important;-webkit-text-fill-color:#fff !important;background:none !important;text-shadow:3px 3px 0 #4db5ff;animation:none !important;line-height:1.6;} html.theme-8bit .subtitle{color:#9ab4cc !important;font-family:'VT323',monospace;font-size:1.15rem;} html.theme-8bit .hero p{color:#9ab4cc !important;} html.theme-8bit .px-blink{display:none;} html.theme-8bit .px-blink.show,html.theme-8bit body .px-blink{display:block;font-family:'Press Start 2P',monospace;font-size:.6rem;color:#ffcc00;letter-spacing:.12em;margin-bottom:1rem;animation:pxBlink 1s steps(1) infinite;} @keyframes pxBlink{50%{opacity:0;}} /* stat boxes */ html.theme-8bit .stat-item{background:#0a1626;border:2px solid #4db5ff;border-radius:0;padding:.7rem 1rem;} html.theme-8bit .stat-number{color:#7fd4ff !important;-webkit-text-fill-color:#7fd4ff !important;background:none !important;font-size:1rem;} html.theme-8bit .stat-label{color:#9ab4cc !important;text-transform:lowercase;font-size:1rem;} /* CTAs */ html.theme-8bit .cta-btn{border-radius:0 !important;font-family:'Press Start 2P',monospace !important;font-size:.62rem !important;} html.theme-8bit .cta-primary{background:#4db5ff !important;color:#041020 !important;box-shadow:3px 3px 0 #1f6fb5;border:none !important;} html.theme-8bit .cta-secondary{background:#0a1626 !important;border:2px solid #4db5ff !important;color:#4db5ff !important;} /* HP / score bar (homepage) */ html.theme-8bit .px-hpbar{display:flex;align-items:center;gap:10px;max-width:1100px;margin:1.5rem auto 0;padding:0 2rem;} html.theme-8bit .px-hp-l{font-family:'VT323',monospace;font-size:1.05rem;color:#4db5ff;} html.theme-8bit .px-hp-bar{flex:1;height:12px;background:#0a1626;border:2px solid #4db5ff;padding:1px;} html.theme-8bit .px-hp-f{display:block;height:100%;background:repeating-linear-gradient(90deg,#00ff88 0,#00ff88 5px,#00cc6e 5px,#00cc6e 8px);width:82%;} html.theme-8bit .px-hp-s{font-family:'VT323',monospace;font-size:1.05rem;color:#ffcc00;white-space:nowrap;} .px-hpbar{display:none;} /* section headings */ html.theme-8bit .trending-header h2,html.theme-8bit .section-header h2,html.theme-8bit .section-title,html.theme-8bit h2{color:#fff !important;-webkit-text-fill-color:#fff !important;background:none !important;} html.theme-8bit .section-header h2 span,html.theme-8bit .trending-header h2 span{background:none !important;-webkit-text-fill-color:#7fd4ff !important;color:#7fd4ff !important;} html.theme-8bit .trending-header a,html.theme-8bit .section-header p{color:#7fd4ff !important;font-family:'VT323',monospace;font-size:1.05rem;} /* ---- PRODUCT CARDS (finds, best-sellers, wishlist, trending) ---- */ html.theme-8bit .product-card,html.theme-8bit .trending-card,html.theme-8bit .category-card, html.theme-8bit .brand-tile,html.theme-8bit .bestseller-card,html.theme-8bit .wishlist-card, html.theme-8bit .feature-card{border-radius:0 !important;border:2px solid #4db5ff !important;background:#0a1626 !important;} html.theme-8bit .product-image-wrap,html.theme-8bit .trending-card-img,html.theme-8bit .bestseller-image-container,html.theme-8bit .product-image{border-radius:0 !important;border-bottom:2px solid #4db5ff;} html.theme-8bit .product-brand,html.theme-8bit .trending-card-brand,html.theme-8bit .bestseller-brand{color:#7a96b2 !important;font-size:.95rem;} html.theme-8bit .product-name,html.theme-8bit .trending-card-name,html.theme-8bit .bestseller-name{color:#dceaff !important;font-size:1.05rem;line-height:1.2;} html.theme-8bit .product-price,html.theme-8bit .trending-card-price,html.theme-8bit .bestseller-price{color:#7fd4ff !important;-webkit-text-fill-color:#7fd4ff !important;background:none !important;font-family:'Press Start 2P',monospace !important;font-size:.7rem;} html.theme-8bit .product-agent-btn,html.theme-8bit .trending-card-btn,html.theme-8bit .product-link-btn{border-radius:0 !important;background:#4db5ff !important;color:#041020 !important;font-family:'VT323',monospace !important;font-size:1.05rem !important;} html.theme-8bit .product-badge,html.theme-8bit .trending-badge,html.theme-8bit .bestseller-badge,html.theme-8bit .badge{border-radius:0 !important;background:#00ff88 !important;color:#041020 !important;font-family:'Press Start 2P',monospace;font-size:.45rem;} html.theme-8bit .product-card .more-agents,html.theme-8bit .more-agents-link{color:#7fd4ff !important;} /* feature cards (homepage) */ html.theme-8bit .feature-card::before{display:none !important;} html.theme-8bit .feature-card h3{color:#7fd4ff !important;-webkit-text-fill-color:#7fd4ff !important;background:none !important;font-family:'Press Start 2P',monospace !important;font-size:.75rem !important;line-height:1.5;} html.theme-8bit .feature-card p{color:#9ab4cc !important;font-size:1.05rem;} /* brand tiles */ html.theme-8bit .brand-tile-name,html.theme-8bit .brand-name{color:#bcd4ec !important;font-size:1.05rem;} /* ---- FILTERS / SEARCH / SORT (finds) ---- */ html.theme-8bit .filter-section,html.theme-8bit .filters,html.theme-8bit .search-bar,html.theme-8bit .controls{background:#0a1626 !important;border:2px solid #4db5ff !important;border-radius:0 !important;} html.theme-8bit input[type=text],html.theme-8bit input[type=search],html.theme-8bit select,html.theme-8bit .search-input,html.theme-8bit .filter-select{background:#050a14 !important;border:2px solid #4db5ff !important;border-radius:0 !important;color:#dceaff !important;} html.theme-8bit .sort-tab,html.theme-8bit .filter-chip,html.theme-8bit .category-pill{border-radius:0 !important;border:2px solid #2a3a4a !important;background:transparent !important;color:#6a82a0 !important;font-family:'VT323',monospace !important;} html.theme-8bit .sort-tab.active,html.theme-8bit .filter-chip.active,html.theme-8bit .category-pill.active,html.theme-8bit .sort-tab.on{border-color:#4db5ff !important;color:#4db5ff !important;background:#0a1626 !important;} html.theme-8bit .results-count,html.theme-8bit .results-summary-bar{color:#7fd4ff !important;} html.theme-8bit .pagination button,html.theme-8bit .page-btn{border-radius:0 !important;border:2px solid #4db5ff !important;background:#0a1626 !important;color:#7fd4ff !important;font-family:'VT323',monospace !important;} html.theme-8bit .pagination button.active,html.theme-8bit .page-btn.active{background:#4db5ff !important;color:#041020 !important;} /* ---- MODAL / POP-UP (finds product detail) ---- */ html.theme-8bit .modal-content{border-radius:0 !important;border:3px solid #7fd4ff !important;background:#0a1626 !important;box-shadow:0 0 0 3px #050a14,0 0 0 6px #4db5ff !important;} html.theme-8bit .modal-content h2,html.theme-8bit .modal-content h3,html.theme-8bit .modal-agents-title{color:#fff !important;-webkit-text-fill-color:#fff !important;background:none !important;} html.theme-8bit .modal-info-card,html.theme-8bit .modal-price-card{border-radius:0 !important;border:2px solid #4db5ff !important;background:#050a14 !important;} html.theme-8bit .modal-info-label{color:#7a96b2 !important;} html.theme-8bit .modal-image-container{border-radius:0 !important;border:2px solid #4db5ff !important;background:#f6f6f6 !important;} html.theme-8bit .close{color:#7fd4ff !important;} html.theme-8bit .agent-button,html.theme-8bit .agent-link,html.theme-8bit .agent-card{border-radius:0 !important;font-family:'VT323',monospace !important;font-size:1.05rem !important;border:2px solid #4db5ff !important;background:#050a14 !important;color:#7fd4ff !important;} html.theme-8bit .agent-button:hover,html.theme-8bit .agent-link:hover{background:#4db5ff !important;color:#041020 !important;} html.theme-8bit .agent-button::before{display:none !important;} /* shipping CTA (homepage) */ html.theme-8bit .shipping-section{border-radius:0 !important;border:2px solid #4db5ff !important;background:#0a1626 !important;} html.theme-8bit .shipping-section h3{color:#7fd4ff !important;-webkit-text-fill-color:#7fd4ff !important;background:none !important;font-family:'Press Start 2P',monospace !important;font-size:.85rem !important;line-height:1.6;} html.theme-8bit .shipping-section p{color:#9ab4cc !important;font-size:1.1rem;} html.theme-8bit .shipping-btn{border-radius:0 !important;background:#ffcc00 !important;color:#3a2c00 !important;font-family:'VT323',monospace !important;font-size:1.15rem !important;border:2px solid #ffcc00 !important;font-weight:bold;} /* best-sellers heading + view-all (inline-styled overrides) */ html.theme-8bit .best-sellers-section h2,html.theme-8bit .best-sellers-section > p{color:#fff !important;-webkit-text-fill-color:#fff !important;background:none !important;} html.theme-8bit a.cta-btn[href="best-sellers.html"]{background:#ffcc00 !important;color:#3a2c00 !important;border-radius:0 !important;font-family:'VT323',monospace !important;animation:none !important;} /* footer */ html.theme-8bit footer{background:#0a1626 !important;border-top:3px solid #4db5ff;} html.theme-8bit footer p,html.theme-8bit footer a{color:#4db5ff !important;font-family:'Press Start 2P',monospace;font-size:.55rem;line-height:1.9;} /* mobile */ @media(max-width:768px){ html.theme-8bit .hero h2{font-size:1.1rem;} html.theme-8bit .feature-card h3,html.theme-8bit .shipping-section h3{font-size:.62rem !important;} .theme-flip{margin-left:6px;} }