/*
Theme Name: ExstarHub Child
Theme URI: https://exstarhub.com
Description: CNET-style tech, AI, hardware and gaming news theme for ExstarHub. Child theme of Kadence.
Author: ExstarHub
Template: kadence
Version: 1.3.0
*/
:root{
  --eh-blue:#1E7BFF; --eh-blue-dark:#155FD0; --eh-purple:#8B3DF5; --eh-purple-dark:#6E27D0; --eh-cyan:#18C6F0;
  --eh-grad:linear-gradient(135deg,#1E7BFF 0%,#8B3DF5 100%);
  --eh-grad-v:linear-gradient(180deg,#18C6F0 0%,#1E7BFF 45%,#8B3DF5 100%);
  --eh-grad-soft:linear-gradient(135deg,rgba(30,123,255,.12),rgba(139,61,245,.12));
  --eh-blue-soft:rgba(30,123,255,.13);
  --eh-ink:#070A12; --eh-ink-2:#0E1424; --eh-text:#15171d; --eh-muted:#646b76;
  --eh-line:#e6e8ef; --eh-bg:#ffffff; --eh-bg-soft:#f4f6fb;
  --eh-radius:10px; --eh-radius-sm:6px; --eh-maxw:1200px;
  --eh-s1:6px; --eh-s2:12px; --eh-s3:18px; --eh-s4:26px; --eh-s5:40px; --eh-s6:60px;
  --eh-fs-sm:13px; --eh-fs-base:16px; --eh-fs-h3:18px; --eh-fs-h2:24px; --eh-fs-h1:34px; --eh-fs-hero:32px;
  --eh-shadow:0 6px 18px rgba(7,10,18,.08); --eh-shadow-lg:0 16px 36px rgba(40,30,90,.18);
  --eh-transition:.25s ease;
  --eh-font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;}
body.exstarhub{margin:0;font-family:var(--eh-font);color:var(--eh-text);background:var(--eh-bg);line-height:1.55;font-size:var(--eh-fs-base);}
body.exstarhub a{color:var(--eh-blue);text-decoration:none;transition:color var(--eh-transition);}
body.exstarhub a:hover{color:var(--eh-purple);}
.exstarhub img{max-width:100%;height:auto;display:block;}
.eh-wrap{max-width:var(--eh-maxw);margin:0 auto;padding:0 20px;}
/* Header */
.eh-header{background:var(--eh-ink);position:sticky;top:0;z-index:50;}
.eh-header::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--eh-grad);}
.eh-header-inner{display:flex;align-items:center;gap:var(--eh-s3);max-width:var(--eh-maxw);margin:0 auto;padding:13px 20px;transition:padding var(--eh-transition);}
.eh-header.eh-scrolled .eh-header-inner{padding:7px 20px;}
.eh-logo{font-weight:800;font-size:24px;letter-spacing:-.5px;color:#fff;white-space:nowrap;transition:font-size var(--eh-transition);display:inline-flex;align-items:center;}
.eh-logo span{background:var(--eh-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.eh-header.eh-scrolled .eh-logo{font-size:20px;}
.eh-logo--img .custom-logo-link,.eh-logo--img a{display:inline-flex;align-items:center;line-height:0;}
.eh-logo--img .custom-logo{height:44px;width:auto;display:block;transition:height var(--eh-transition);}
.eh-header.eh-scrolled .eh-logo--img .custom-logo{height:34px;}
.eh-nav{flex:1;}
.eh-nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0;}
.eh-nav a{color:#d7dbe2;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.4px;padding:6px 0;border-bottom:2px solid transparent;display:inline-block;transition:color var(--eh-transition),border-color var(--eh-transition);}
.eh-nav a:hover{color:#fff;border-bottom-color:var(--eh-purple);}
.eh-header-actions{display:flex;align-items:center;gap:var(--eh-s2);}
.eh-icon-btn{background:none;border:0;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;}
.eh-icon-btn svg{width:22px;height:22px;}
.eh-burger{display:none;}
/* Social */
.eh-social{display:flex;align-items:center;gap:10px;}
.eh-social__link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff;border:1px solid rgba(255,255,255,.25);transition:background var(--eh-transition),border-color var(--eh-transition),transform var(--eh-transition),color var(--eh-transition);}
.eh-social__link svg{width:17px;height:17px;}
.eh-social__link:hover{background:var(--eh-grad);border-color:transparent;color:#fff;transform:translateY(-2px);}
.eh-social--light .eh-social__link{color:var(--eh-blue);border-color:var(--eh-line);}
.eh-social--light .eh-social__link:hover{color:#fff;background:var(--eh-grad);border-color:transparent;}
/* Search */
.eh-searchbar{display:none;background:var(--eh-ink-2);padding:12px 20px;border-top:1px solid #1b2236;}
.eh-searchbar.open{display:block;}
.eh-searchbar form{max-width:var(--eh-maxw);margin:0 auto;display:flex;gap:8px;}
.eh-searchbar input[type=search]{flex:1;padding:10px 14px;border-radius:8px;border:1px solid #2a3450;background:#070A12;color:#fff;font-size:15px;}
.eh-searchbar button{background:var(--eh-grad);color:#fff;border:0;border-radius:8px;padding:0 18px;font-weight:700;cursor:pointer;}
/* Category tag - gradient (no inline) */
.exstarhub .eh-cat{display:inline-block;background:var(--eh-grad);color:#fff !important;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:4px 10px;border-radius:var(--eh-radius-sm);transition:filter var(--eh-transition);}
.exstarhub .eh-cat:hover{filter:brightness(1.08);color:#fff !important;}
.eh-date{color:var(--eh-muted);font-size:var(--eh-fs-sm);}
/* Main + hero */
.eh-main{padding:var(--eh-s5) 0 var(--eh-s6);}
.eh-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--eh-s4);margin-bottom:var(--eh-s5);}
.eh-hero-feature{position:relative;border-radius:var(--eh-radius);overflow:hidden;}
.eh-hero-feature img{width:100%;height:440px;object-fit:cover;transition:transform .5s ease;}
.eh-hero-feature:hover img{transform:scale(1.04);}
.eh-hero-body{position:absolute;left:0;right:0;bottom:0;padding:var(--eh-s4);background:linear-gradient(transparent,rgba(7,10,18,.94));}
.eh-hero-body h1{color:#fff;font-size:var(--eh-fs-hero);line-height:1.15;margin:12px 0 8px;font-weight:800;}
.eh-hero-body h1 a{color:#fff;}
.eh-hero-body h1 a:hover{color:#fff;}
.eh-hero-body p{color:#d7dbe2;margin:0;font-size:15px;}
.eh-secondary{display:flex;flex-direction:column;gap:var(--eh-s3);}
.eh-sec-card{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:start;}
.eh-sec-card img{width:110px;height:80px;object-fit:cover;border-radius:8px;}
.eh-sec-card h3{margin:6px 0 4px;font-size:16px;line-height:1.25;font-weight:700;}
.eh-sec-card h3 a{color:var(--eh-text);}
.eh-sec-card h3 a:hover{color:var(--eh-blue);}
/* Topics / pills */
.eh-topics{margin:0 0 var(--eh-s5);}
.eh-topics h2,.eh-section-title{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--eh-muted);font-weight:700;margin:0 0 var(--eh-s3);position:relative;padding-left:14px;}
.eh-topics h2::before,.eh-section-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;border-radius:2px;background:var(--eh-grad-v);}
.eh-pills{display:flex;flex-wrap:wrap;gap:10px;}
.eh-pill{border:1.5px solid var(--eh-blue);color:var(--eh-blue);border-radius:999px;padding:8px 18px;font-weight:700;font-size:14px;transition:background var(--eh-transition),color var(--eh-transition),border-color var(--eh-transition);}
.eh-pill:hover{background:var(--eh-grad);color:#fff;border-color:transparent;}
/* Layout */
.eh-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--eh-s5);}
.eh-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--eh-s4);}
.eh-card{background:#fff;border:1px solid var(--eh-line);border-radius:var(--eh-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--eh-transition),box-shadow var(--eh-transition);}
.eh-card-thumb{display:block;overflow:hidden;}
.eh-card-thumb img{width:100%;height:180px;object-fit:cover;transition:transform .4s ease;}
.eh-card:hover{transform:translateY(-5px);box-shadow:var(--eh-shadow-lg);}
.eh-card:hover .eh-card-thumb img{transform:scale(1.05);}
.eh-card .eh-meta{padding:14px 14px 0;}
.eh-card h3{font-size:var(--eh-fs-h3);line-height:1.3;margin:8px 0 0;padding:0 14px;font-weight:700;}
.eh-card h3 a{color:var(--eh-text);}
.eh-card h3 a:hover{color:var(--eh-blue);}
.eh-card .eh-date{display:block;padding:8px 14px 16px;}
/* Sidebar */
.eh-sidebar .eh-widget{background:var(--eh-bg-soft);border:1px solid var(--eh-line);border-radius:var(--eh-radius);padding:20px;}
.eh-top-list{list-style:none;margin:0;padding:0;counter-reset:eh;}
.eh-top-list li{counter-increment:eh;display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--eh-line);align-items:baseline;}
.eh-top-list li:last-child{border-bottom:0;}
.eh-top-list li::before{content:counter(eh);font-weight:800;font-size:22px;min-width:26px;background:var(--eh-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.eh-top-list a{color:var(--eh-text);font-weight:600;font-size:15px;line-height:1.3;}
.eh-top-list a:hover{color:var(--eh-blue);}
/* Article */
.eh-article{max-width:760px;margin:0 auto;}
.eh-featured{border-radius:var(--eh-radius);overflow:hidden;margin:0 0 var(--eh-s3);}
.eh-post-head{margin:0 0 var(--eh-s4);}
.eh-post-head .eh-cat{margin-bottom:12px;}
.eh-article h1{font-size:var(--eh-fs-h1);line-height:1.15;font-weight:800;margin:14px 0 10px;}
.eh-byline{color:var(--eh-muted);font-size:14px;margin:0;}
.eh-article-content{font-size:18px;line-height:1.75;}
.eh-article-content p{margin:0 0 1.2em;}
.eh-article-content h2{font-size:24px;margin:1.4em 0 .5em;}
.eh-article-content a{text-decoration:underline;}
.eh-page .eh-article-content{font-size:17px;}
/* Share buttons */
.eh-share{display:flex;align-items:center;gap:10px;margin:var(--eh-s5) 0 0;padding-top:var(--eh-s4);border-top:1px solid var(--eh-line);}
.eh-share__label{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--eh-muted);}
.eh-share__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--eh-line);background:#fff;color:var(--eh-text);cursor:pointer;transition:background var(--eh-transition),color var(--eh-transition),transform var(--eh-transition),border-color var(--eh-transition);}
.eh-share__btn svg{width:18px;height:18px;}
.eh-share__btn:hover{background:var(--eh-grad);border-color:transparent;color:#fff;transform:translateY(-2px);}
.eh-share__tip{position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background:var(--eh-ink);color:#fff;font-size:11px;padding:3px 8px;border-radius:4px;display:none;white-space:nowrap;}
.eh-share__copy.is-copied .eh-share__tip{display:block;}
/* Related */
.eh-related{max-width:1000px;margin:var(--eh-s6) auto 0;}
.eh-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--eh-s4);}
.eh-related-card{background:#fff;border:1px solid var(--eh-line);border-radius:var(--eh-radius);overflow:hidden;transition:transform var(--eh-transition),box-shadow var(--eh-transition);}
.eh-related-card:hover{transform:translateY(-5px);box-shadow:var(--eh-shadow-lg);}
.eh-related-thumb img{width:100%;height:150px;object-fit:cover;}
.eh-related-card h3{font-size:16px;line-height:1.3;margin:0;padding:12px 14px 16px;font-weight:700;}
.eh-related-card h3 a{color:var(--eh-text);}
.eh-related-card h3 a:hover{color:var(--eh-blue);}
/* Archive */
.eh-archive-head{margin:var(--eh-s4) 0 var(--eh-s4);}
.eh-archive-head h1{font-size:28px;font-weight:800;margin:0;border-left:5px solid transparent;border-image:var(--eh-grad-v) 1;padding-left:14px;}
.eh-archive-desc{color:var(--eh-muted);margin:10px 0 0;max-width:760px;}
/* Forms */
.eh-article-content form{display:flex;flex-direction:column;gap:14px;max-width:560px;margin:18px 0;}
.eh-article-content label{font-weight:600;font-size:14px;}
.eh-article-content input,.eh-article-content textarea{width:100%;padding:12px 14px;border:1px solid var(--eh-line);border-radius:var(--eh-radius-sm);font-family:inherit;font-size:15px;background:var(--eh-bg-soft);}
.eh-article-content input:focus,.eh-article-content textarea:focus{outline:none;border-color:var(--eh-blue);box-shadow:0 0 0 3px var(--eh-blue-soft);}
.eh-article-content button[type=submit],.eh-btn{align-self:flex-start;background:var(--eh-grad);color:#fff;border:0;border-radius:var(--eh-radius-sm);padding:12px 22px;font-weight:700;font-size:15px;cursor:pointer;transition:filter var(--eh-transition);text-decoration:none;display:inline-block;}
.eh-article-content button[type=submit]:hover,.eh-btn:hover{filter:brightness(1.08);color:#fff;}
/* Footer */
.eh-footer{background:var(--eh-ink);color:#9aa3af;margin-top:var(--eh-s6);position:relative;}
.eh-footer::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--eh-grad);}
.eh-footer-inner{max-width:var(--eh-maxw);margin:0 auto;padding:var(--eh-s5) 20px 20px;}
.eh-footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--eh-s5);}
.eh-footer-brand{font-size:22px;font-weight:800;color:#fff;}
.eh-footer-brand span{background:var(--eh-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.eh-footer-tagline{max-width:420px;margin:10px 0 18px;}
.eh-follow-label{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#c7cdd6;margin-bottom:10px;}
.eh-footer-h{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#fff;margin:0 0 14px;}
.eh-footer-cats{display:flex;flex-direction:column;gap:10px;}
.eh-footer-cats a,.eh-footer-menu a{color:#c7cdd6;font-weight:600;display:inline-block;}
.eh-footer-cats a:hover,.eh-footer-menu a:hover{color:var(--eh-cyan);}
.eh-footer-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.eh-footer-bottom{border-top:1px solid #1b2236;margin-top:var(--eh-s4);padding-top:18px;font-size:13px;}
/* Breadcrumbs */
.eh-breadcrumbs{font-size:13px;color:var(--eh-muted);margin:0 0 var(--eh-s3);}
.eh-breadcrumbs a{color:var(--eh-muted);}
.eh-breadcrumbs a:hover{color:var(--eh-blue);}
.eh-breadcrumbs .separator{margin:0 6px;}
/* Responsive */
@media(max-width:900px){
  .eh-hero{grid-template-columns:1fr;}
  .eh-hero-feature img{height:300px;}
  .eh-layout{grid-template-columns:1fr;}
  .eh-footer-cols{grid-template-columns:1fr 1fr;}
  .eh-related-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .eh-burger{display:flex;}
  .eh-nav{position:fixed;top:0;left:0;bottom:0;width:78%;max-width:320px;background:var(--eh-ink-2);transform:translateX(-100%);transition:transform var(--eh-transition);z-index:60;padding:70px 24px 24px;overflow:auto;}
  .eh-nav.open{transform:translateX(0);}
  .eh-nav ul{flex-direction:column;gap:0;}
  .eh-nav li{border-bottom:1px solid #232a36;}
  .eh-nav a{display:block;padding:14px 0;}
  .eh-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:55;}
  .eh-overlay.open{display:block;}
  .eh-grid{grid-template-columns:1fr;}
  .eh-related-grid{grid-template-columns:1fr;}
  .eh-footer-cols{grid-template-columns:1fr;gap:var(--eh-s4);}
  .eh-social--header{display:none;}
  .eh-hero-body h1{font-size:24px;}
  .eh-article h1{font-size:27px;}
  .eh-logo--img .custom-logo{height:38px;}
}
/* ===== Dark mode ===== */
.eh-theme-toggle{background:none;border:0;color:#fff;cursor:pointer;padding:6px;display:flex;align-items:center;}
.eh-theme-toggle svg{width:22px;height:22px;}
.eh-theme-toggle .eh-moon{display:none;}
.eh-theme-toggle .eh-sun{display:block;}
body.eh-dark .eh-theme-toggle .eh-moon{display:block;}
body.eh-dark .eh-theme-toggle .eh-sun{display:none;}
body.exstarhub.eh-dark{
  --eh-text:#e8ebf2; --eh-muted:#9aa3b2; --eh-line:#1d2535;
  --eh-bg:#070A12; --eh-bg-soft:#0E1424; --eh-ink:#05070d; --eh-ink-2:#0E1424;
  --eh-shadow:0 6px 18px rgba(0,0,0,.5); --eh-shadow-lg:0 16px 36px rgba(0,0,0,.6);
}
body.exstarhub.eh-dark .eh-card,
body.exstarhub.eh-dark .eh-related-card{background:var(--eh-bg-soft);border-color:var(--eh-line);}
body.exstarhub.eh-dark .eh-card h3 a,
body.exstarhub.eh-dark .eh-sec-card h3 a,
body.exstarhub.eh-dark .eh-card-thumb + .eh-meta + h3 a,
body.exstarhub.eh-dark .eh-related-card h3 a,
body.exstarhub.eh-dark .eh-top-list a,
body.exstarhub.eh-dark .eh-article h1,
body.exstarhub.eh-dark .eh-article-content{color:var(--eh-text);}
body.exstarhub.eh-dark .eh-card h3 a:hover,
body.exstarhub.eh-dark .eh-sec-card h3 a:hover,
body.exstarhub.eh-dark .eh-related-card h3 a:hover,
body.exstarhub.eh-dark .eh-top-list a:hover{color:var(--eh-cyan);}
body.exstarhub.eh-dark .eh-sidebar .eh-widget{background:var(--eh-bg-soft);border-color:var(--eh-line);}
body.exstarhub.eh-dark .eh-share__btn{background:var(--eh-bg-soft);border-color:var(--eh-line);color:var(--eh-text);}
body.exstarhub.eh-dark .eh-article-content input,
body.exstarhub.eh-dark .eh-article-content textarea{background:var(--eh-bg-soft);border-color:var(--eh-line);color:var(--eh-text);}
body.exstarhub.eh-dark .eh-pill{color:#cfe0ff;border-color:var(--eh-blue);}
body.exstarhub.eh-dark .eh-social--light .eh-social__link{color:#cfe0ff;border-color:var(--eh-line);}
/* ===== Reading progress, back-to-top, scroll reveal ===== */
.eh-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--eh-grad);z-index:100;transition:width .1s linear;}
.eh-totop{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:50%;border:0;background:var(--eh-grad);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease,filter .2s ease;z-index:90;box-shadow:0 8px 24px rgba(0,0,0,.4);}
.eh-totop svg{width:22px;height:22px;}
.eh-totop.is-visible{opacity:1;visibility:visible;transform:translateY(0);}
.eh-totop:hover{filter:brightness(1.1);}
.eh-reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease;}
.eh-reveal.is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){.eh-reveal{opacity:1;transform:none;transition:none;}.eh-totop{transition:none;}}