/*
Theme Name: ByteTechZone Pro
Theme URI: https://bytetechzone.com
Author: ByteTechZone
Author URI: https://bytetechzone.com
Description: Advanced responsive tech news magazine theme for ByteTechZone with hero grid, trending bar, category blocks, ad slots, dark mode, SEO-ready templates, and mobile navigation.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: bytetechzone-pro
Tags: blog, news, magazine, technology, responsive, custom-logo, featured-images, right-sidebar
*/
:root{--btz-bg:#fff;--btz-surface:#fff;--btz-soft:#f6f7fb;--btz-text:#111318;--btz-muted:#6b7280;--btz-border:#e5e7eb;--btz-accent:#ff3d00;--btz-accent2:#111318;--btz-shadow:0 16px 40px rgba(17,19,24,.08);--btz-radius:18px;--btz-container:1240px}*{box-sizing:border-box}body{margin:0;background:var(--btz-bg);color:var(--btz-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}body.dark-mode{--btz-bg:#0d0f14;--btz-surface:#151821;--btz-soft:#10131a;--btz-text:#f7f7f8;--btz-muted:#a0a7b5;--btz-border:#242938;--btz-accent2:#f7f7f8;--btz-shadow:0 16px 40px rgba(0,0,0,.35)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.btz-container{max-width:var(--btz-container);margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--btz-border)}body.dark-mode .site-header{background:rgba(13,15,20,.92)}.top-strip{background:var(--btz-text);color:var(--btz-bg);font-size:13px}.top-strip-inner{height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.trending-pill{background:var(--btz-accent);color:#fff;padding:4px 9px;border-radius:999px;font-weight:800;margin-right:8px}.header-main{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-branding{display:flex;align-items:center;gap:12px}.site-logo-text{font-size:30px;font-weight:950;letter-spacing:-1.4px}.site-logo-text span{color:var(--btz-accent)}.site-tagline{font-size:12px;color:var(--btz-muted);margin-top:-6px}.header-actions{display:flex;align-items:center;gap:10px}.btz-btn,.search-submit{border:0;background:var(--btz-accent);color:#fff;border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer}.icon-btn{border:1px solid var(--btz-border);background:var(--btz-surface);color:var(--btz-text);width:42px;height:42px;border-radius:999px;display:grid;place-items:center;cursor:pointer}.nav-wrap{border-top:1px solid var(--btz-border)}.primary-nav{display:flex;align-items:center;gap:3px;overflow-x:auto;white-space:nowrap}.primary-nav ul{display:flex;align-items:center;gap:3px;list-style:none;margin:0;padding:0}.primary-nav a{display:block;padding:14px 13px;font-size:14px;font-weight:850}.primary-nav a:hover{color:var(--btz-accent)}.mobile-toggle{display:none}.search-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:200;align-items:flex-start;justify-content:center;padding-top:90px}.search-overlay.active{display:flex}.search-panel{background:var(--btz-surface);border-radius:24px;padding:26px;width:min(700px,92vw);box-shadow:var(--btz-shadow)}.search-field{width:100%;border:1px solid var(--btz-border);background:var(--btz-soft);color:var(--btz-text);border-radius:999px;padding:14px 18px;font-size:18px}.section{padding:34px 0}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px}.section-title h2{font-size:26px;line-height:1.15;margin:0;letter-spacing:-.6px}.section-title h2:before{content:"";display:inline-block;width:8px;height:24px;background:var(--btz-accent);border-radius:99px;margin-right:10px;vertical-align:-4px}.hero-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:18px}.post-card{background:var(--btz-surface);border:1px solid var(--btz-border);border-radius:var(--btz-radius);overflow:hidden;box-shadow:0 4px 18px rgba(17,19,24,.04);transition:.2s ease}.post-card:hover{transform:translateY(-3px);box-shadow:var(--btz-shadow)}.post-card .thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#111318,#ff3d00);overflow:hidden}.post-card .thumb img{width:100%;height:100%;object-fit:cover}.post-card-content{padding:15px}.post-card h2,.post-card h3{margin:6px 0 8px;line-height:1.18;letter-spacing:-.45px}.post-card h2{font-size:30px}.post-card h3{font-size:18px}.featured-card{grid-row:span 2}.featured-card .thumb{aspect-ratio:16/10}.badge{display:inline-flex;align-items:center;background:rgba(255,61,0,.1);color:var(--btz-accent);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.4px;border-radius:999px;padding:4px 8px}.meta{font-size:12px;color:var(--btz-muted);display:flex;gap:10px;flex-wrap:wrap}.excerpt{color:var(--btz-muted);font-size:14px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.list-card{display:grid;grid-template-columns:190px 1fr;gap:16px;border-bottom:1px solid var(--btz-border);padding:16px 0}.list-card .thumb{border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:var(--btz-soft)}.list-card h3{font-size:20px;line-height:1.25;margin:5px 0}.sidebar-widget{background:var(--btz-surface);border:1px solid var(--btz-border);border-radius:var(--btz-radius);padding:18px;margin-bottom:18px}.sidebar-widget h3{margin:0 0 12px;font-size:18px}.mini-post{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--btz-border)}.mini-post:last-child{border-bottom:0}.mini-post img,.mini-post .thumb{border-radius:12px;aspect-ratio:1.1/1;object-fit:cover;background:var(--btz-soft)}.mini-post h4{font-size:14px;line-height:1.25;margin:0}.ad-slot{background:repeating-linear-gradient(45deg,var(--btz-soft),var(--btz-soft) 10px,transparent 10px,transparent 20px);border:1px dashed var(--btz-border);border-radius:18px;min-height:110px;display:grid;place-items:center;color:var(--btz-muted);font-weight:800;text-align:center;padding:18px}.site-main{padding:28px 0}.article-wrap{max-width:820px;margin:0 auto}.article-header{padding:20px 0 18px}.article-header h1{font-size:46px;line-height:1.05;letter-spacing:-1.5px;margin:10px 0}.article-featured{border-radius:24px;overflow:hidden;margin:18px 0}.article-content{font-size:18px}.article-content h2{font-size:30px;line-height:1.2;margin-top:34px}.article-content p{margin:0 0 20px}.article-content a{color:var(--btz-accent);font-weight:800}.article-content blockquote{border-left:5px solid var(--btz-accent);margin:24px 0;padding:10px 0 10px 20px;background:var(--btz-soft);border-radius:0 14px 14px 0}.author-box{display:flex;gap:14px;background:var(--btz-soft);border-radius:20px;padding:18px;margin:28px 0}.site-footer{margin-top:40px;background:#090a0d;color:#fff;padding:42px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:24px}.footer-title{font-size:26px;font-weight:950}.footer-title span{color:var(--btz-accent)}.footer-menu ul{list-style:none;margin:0;padding:0}.footer-menu li{margin:8px 0}.pagination,.nav-links{display:flex;gap:8px;justify-content:center;margin:26px 0}.page-numbers{border:1px solid var(--btz-border);border-radius:999px;padding:8px 13px}.page-numbers.current{background:var(--btz-accent);color:#fff;border-color:var(--btz-accent)}@media(max-width:980px){.hero-grid{grid-template-columns:1fr 1fr}.featured-card{grid-column:1/-1}.content-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.mobile-toggle{display:grid}.primary-nav{display:none}.primary-nav.active{display:block}.primary-nav.active ul{display:block}.primary-nav.active a{padding:14px 0}.header-main{height:68px}.site-logo-text{font-size:24px}}@media(max-width:640px){.top-strip-inner{justify-content:center}.top-date{display:none}.hero-grid,.card-grid{grid-template-columns:1fr}.list-card{grid-template-columns:120px 1fr}.post-card h2{font-size:24px}.article-header h1{font-size:34px}.article-content{font-size:16px}.footer-grid{grid-template-columns:1fr}.header-actions .btz-btn{display:none}}