/*
Theme Name:  ETR Boost
Theme URI:   https://everydaytechreviews.com
Author:      Everyday Tech Reviews
Author URI:  https://everydaytechreviews.com
Description: BizBoost-style modern theme for Everyday Tech Reviews. Dark, glassy header, card grid, gradient buttons. Ready for affiliate review sites.
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: etr-boost
Tags:        blog, news, one-column, two-columns, custom-logo, custom-menu, footer-widgets, wide-blocks, block-styles, rtl-language-support
*/

/* Reset-ish */
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.7;background:#070b10;color:#e9f1ff}
img{max-width:100%;height:auto;border-radius:12px}
a{color:#00d4ff;text-decoration:none;position:relative}
a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:linear-gradient(90deg,#00d4ff,#19e3c8);transition:width .25s ease}
a:hover::after{width:100%}
.container{max-width:1200px;padding:0 20px;margin:0 auto}

/* Header */
.site-header{position:sticky;top:0;z-index:999;backdrop-filter:saturate(160%) blur(12px);background:linear-gradient(180deg,rgba(8,12,18,.85),rgba(8,12,18,.55));border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:12px;padding:14px 0}
.brand .site-title{font-family:"Space Grotesk",Inter,sans-serif;font-size:22px;margin:0;color:#e9f1ff}
.brand .site-tagline{margin:0;color:#9fb0c6;font-size:13px}

/* Nav */
.nav{display:flex;gap:16px;align-items:center}
.nav a{color:#e9f1ff;padding:10px 12px;border-radius:10px;font-weight:600}
.nav a:hover,.nav .current-menu-item>a{background:rgba(255,255,255,.06);color:#00d4ff}

/* Layout */
.main{padding:28px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.card{background:#0b1118;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.35);padding:16px;transition:transform .2s ease, box-shadow .2s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.45)}
.card h2,.card h3{font-family:"Space Grotesk",Inter,sans-serif;margin-top:10px}

/* Buttons */
.btn,.wp-block-button__link,input[type=submit]{display:inline-block;background:linear-gradient(135deg,#00d4ff,#19e3c8);color:#041017;border:0;border-radius:999px;padding:12px 18px;font-weight:700;box-shadow:0 10px 24px rgba(0,212,255,.25)}
.btn:hover{transform:translateY(-1px)}

/* Footer */
.site-footer{background:linear-gradient(180deg,#080c12,#06090e);border-top:1px solid rgba(255,255,255,.08);color:#9fb0c6;padding:28px 0;margin-top:40px}
.site-footer a{color:#00d4ff}
.site-footer a:hover{color:#19e3c8}

/* Content */
.entry{background:#0b1118;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.35);padding:22px}
.entry h1,.entry h2,.entry h3{font-family:"Space Grotesk",Inter,sans-serif}
.entry .meta{color:#9fb0c6;font-size:13px}

/* Tables */
table{width:100%;border-collapse:collapse;background:#0f1622;border-radius:12px;overflow:hidden}
th,td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
thead th{background:#0d1420}

/* Utility */
.mt-1{margin-top:12px}.mt-2{margin-top:20px}.mt-3{margin-top:28px}
.hero{margin:24px 0;padding:40px;border-radius:18px;background:linear-gradient(180deg,rgba(0,212,255,.10),rgba(25,227,200,.06))}

/* Responsive */
@media (max-width:768px){
  .header-inner{flex-direction:column;align-items:flex-start;gap:10px}
  .nav{flex-wrap:wrap}
}


/* === Social icons (header/footer) === */
.social-links{display:flex;gap:12px;align-items:center}
.social-links a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.social-links a:hover{background:linear-gradient(135deg,#00d4ff,#19e3c8);color:#041017}
.social-links svg{width:18px;height:18px;fill:#e9f1ff}
.social-links a:hover svg{fill:#041017}
/* space header nav from socials */
.header-right{display:flex;align-items:center;gap:16px}