/* ============================================================
   Smartwatch Trends — Dark-tech skin (US-02)
   Global overlay over hostinger-affiliate-theme (Twenty-Twenty base).
   Tokens + global skin (real theme selectors) + home components (.stt-*)
   Reversible: remove the mu-plugin to revert.
   ============================================================ */
:root{
  --bg:#08090D; --bg-2:#0D0F15; --surface:#12151D; --surface-2:#171B24;
  --border:rgba(255,255,255,.08); --border-2:rgba(255,255,255,.14);
  --text:#EAEEF5; --text-soft:#9AA3B2; --text-dim:#646C7A;
  --accent:#22D3EE; --accent-2:#3B82F6; --accent-3:#A855F7; --green:#34D399;
  --radius:16px; --radius-sm:10px;
}

/* ---------- base ---------- */
html,body{background:var(--bg)!important;}
body{color:var(--text)!important;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif!important;
  line-height:1.65;-webkit-font-smoothing:antialiased;}
body, .bg-light, .header-footer-group, #site-content, .site-content{background-color:var(--bg)!important;}
/* theme content wrappers are white by default -> transparent so the dark body shows */
.container.flex, #content-wrapper, .site-main, main, article.post, article.page, .bg-white, .has-white-background-color{background-color:transparent!important;}
h1,h2,h3,h4,h5,.brand,.entry-title,.stt-brand{font-family:'Space Grotesk',sans-serif!important;letter-spacing:-.02em;color:var(--text);}
p,li,td,th,dd,dt{color:var(--text);}
a{color:inherit;}
.mono{font-family:'JetBrains Mono',monospace;}

/* subtle global glow + grid behind everything */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(680px 420px at 82% -6%, rgba(34,211,238,.13), transparent 60%),
    radial-gradient(560px 420px at 8% 0%, rgba(59,130,246,.11), transparent 60%),
    radial-gradient(700px 600px at 50% 116%, rgba(168,85,247,.08), transparent 60%);}
#site-content,.site-content,main,footer{position:relative;z-index:1;}

/* ---------- header (sticky glass) ---------- */
.site-header{position:sticky;top:0;z-index:60;
  background:rgba(8,9,13,.72)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border)!important;box-shadow:none!important;}
.header-inner{padding-top:10px;padding-bottom:10px;}
/* brand injected by JS */
.site-logo a,.site-logo .custom-logo-link{display:flex!important;align-items:center;gap:10px;}
.stt-brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:19px;color:var(--text);display:flex;align-items:center;gap:10px;line-height:1;}
.stt-brand b{color:var(--accent);font-weight:700;}
.stt-logo-dot{width:26px;height:26px;border-radius:8px;flex:0 0 auto;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  display:flex;align-items:center;justify-content:center;box-shadow:0 0 18px rgba(34,211,238,.5);}
.stt-logo-dot::after{content:"";width:11px;height:11px;border:2.5px solid #06080c;border-radius:50%;}

/* primary nav */
.primary-menu > li > a,.primary-menu-wrapper a,.header-navigation-wrapper a{color:var(--text-soft)!important;font-weight:500;}
.primary-menu > li > a{position:relative;font-size:15px;}
.primary-menu > li > a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .2s;}
.primary-menu > li > a:hover{color:var(--text)!important;}
.primary-menu > li > a:hover::after{transform:scaleX(1);}
.site-nav-trigger,.toggle,.search-toggle,.nav-toggle{color:var(--text-soft)!important;}

/* page title banner (default-header) */
.default-header{background:transparent!important;}
/* real title selector is .default-header h1.title (class "title"), plus generic fallbacks */
.default-header h1,.default-header h1.title,.default-header .container h1,
.entry-title,.single h1,h1.post-title,.entry-header h1,.archive-title,.page-title,.title{color:var(--text)!important;}
.default-header .meta,.default-header .meta *,
.post-meta,.updated,.entry-meta,.posted-on,.byline,.entry-categories,.entry-categories a{color:var(--text-soft)!important;}

/* ---------- content / article ---------- */
.site-main,#content-wrapper,.entry-content{color:var(--text);}
.entry-content{font-size:17px;}
.entry-content p,.entry-content li{color:var(--text);}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{color:var(--text);margin-top:1.4em;}
.entry-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(34,211,238,.4);}
.entry-content a:hover{color:#67e8f9;text-decoration-color:var(--accent);}
.entry-content strong,.entry-content b{color:#fff;}
.entry-content blockquote{border-left:3px solid var(--accent);background:var(--surface-2);color:var(--text-soft);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:14px 18px;}
.entry-content table{border-collapse:collapse;width:100%;}
.entry-content table th,.entry-content table td{border:1px solid var(--border);padding:10px 12px;}
.entry-content table th{background:var(--surface-2);color:var(--text);}
.entry-content table td{background:var(--surface);}
.entry-content :where(code,pre,kbd){background:var(--surface-2);color:#e5e7eb;border-radius:6px;}
.entry-content hr,.wp-block-separator{border-color:var(--border)!important;background:var(--border)!important;}
.entry-content figcaption,.wp-element-caption{color:var(--text-dim);}
.entry-content img,.wp-post-image{border-radius:var(--radius-sm);}

/* TOC box */
.toc-content,.post-index{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;color:var(--text)!important;}
.toc-content a,.post-index a{color:var(--text-soft)!important;}

/* ---------- cards (loop / archive / cluster / related) ---------- */
.entry-item{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;
  overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s;}
.entry-item:hover{transform:translateY(-4px);border-color:var(--border-2)!important;box-shadow:0 18px 44px rgba(0,0,0,.5);}
.entry-item .entry-header{margin:0;}
.entry-item img,.entry-item .wp-post-image{border-radius:0!important;width:100%;height:auto;display:block;border-bottom:1px solid var(--border);}
.entry-item .entry-title{font-size:18px;line-height:1.3;margin:14px 16px 8px;}
.entry-item .entry-title a{color:var(--text)!important;text-decoration:none;}
.entry-item:hover .entry-title a{color:var(--accent)!important;}
.entry-item .entry-excerpt,.entry-item .entry-meta{margin:0 16px 14px;color:var(--text-soft)!important;font-size:14px;}
.entry-related .entry-title{font-size:24px;color:var(--text);}

/* ---------- forms / buttons ---------- */
input,textarea,select{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:12px!important;}
input::placeholder,textarea::placeholder{color:var(--text-dim)!important;}
.wp-block-button__link,button,.btn,input[type=submit]{font-family:'Space Grotesk',sans-serif;font-weight:600;border-radius:12px!important;}
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.btn-primary,.stt-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;color:#04121a!important;border:none!important;
  box-shadow:0 6px 24px rgba(34,211,238,.25);}

/* search form */
.search-form input,.wp-block-search__input{background:var(--surface)!important;}

/* ---------- footer ---------- */
.site-footer,.widget-area-footer,.footer-nav-widgets-wrapper,.footer-top,.footer-bottom{background:var(--bg-2)!important;color:var(--text-dim)!important;border-top:1px solid var(--border);}
.site-footer a{color:var(--text-soft)!important;}
.site-footer a:hover{color:var(--accent)!important;}
.widget-area-footer .widget-title,.site-footer h2,.site-footer h3{color:var(--text)!important;}

/* ---------- editorial box + research meta (from other mu-plugin) -> dark ---------- */
.stt-editorial-box{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-left:4px solid var(--accent)!important;}
.stt-editorial-box p{color:var(--text-soft)!important;}
.stt-editorial-box p:first-child{color:var(--text)!important;}
.stt-editorial-box a{color:var(--accent)!important;}
.stt-research-meta{background:var(--surface)!important;color:var(--text-soft)!important;border:1px solid var(--border);}
.stt-research-meta a{color:var(--accent)!important;}

/* ---------- cookie consent (cacsp plugin) -> dark ---------- */
.modal-cacsp-box{background:var(--surface)!important;color:var(--text-soft)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:0 20px 60px rgba(0,0,0,.6)!important;}
.modal-cacsp-box *{color:var(--text-soft)!important;}
.modal-cacsp-box-content,.modal-cacsp-box-settings-list,.modal-cacsp-position,.modal-cacsp-toggle,.modal-cacsp-btns,.modal-cacsp-box-footer,.modal-cacsp-box-bottom{background:transparent!important;}
.modal-cacsp-box-header,.modal-cacsp-box h2,.modal-cacsp-box h3,.modal-cacsp-box b,.modal-cacsp-box strong{color:var(--text)!important;}
.modal-cacsp-box a{color:var(--accent)!important;}
.modal-cacsp-btn{border-radius:10px!important;border:1px solid var(--border-2)!important;background:var(--surface-2)!important;}
.modal-cacsp-btn-accept,.modal-cacsp-btn-accept-all,.modal-cacsp-btn-save{background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;color:#04121a!important;border:none!important;}
.modal-cacsp-btn-accept *,.modal-cacsp-btn-accept-all *,.modal-cacsp-btn-save *{color:#04121a!important;}
/* cookieconsent v2 (#cc_div / #cm / #s-cnt) */
#cm,#cm_inner,#s-cnt,#s-inr,#cs{background:var(--surface)!important;color:var(--text-soft)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:0 20px 60px rgba(0,0,0,.6)!important;}
#cc_div *,#cm *,#s-cnt *{color:var(--text-soft)!important;}
#cm__title,#s-ttl,#s-bl .title,#cc_div h1,#cc_div h2,#cc_div strong{color:var(--text)!important;}
#cc_div a{color:var(--accent)!important;text-decoration:underline;}
#cc_div .c-bn,#cc_div button{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid var(--border-2)!important;border-radius:10px!important;}
#c-p-bn,#s-all-bn,#s-sv-bn{background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;color:#04121a!important;border:none!important;}
#c-p-bn *,#s-all-bn *,#s-sv-bn *{color:#04121a!important;}
.cc-overlay,#cookie-law-info-bar{background:var(--surface)!important;color:var(--text-soft)!important;}

/* ============================================================
   HOME components (.stt-*) — used by the home wp:html block
   ============================================================ */
/* full-width home: neutralise theme content constraints */
.page-id-58 .default-header{display:none!important;}
.page-id-58 #content-wrapper.flex{display:block!important;max-width:none!important;}
.page-id-58 .entry-content{max-width:none!important;margin:0!important;}
.page-id-58 .widget-area,.page-id-58 .widget-pilar{display:none!important;}
.page-id-58 .entry-content > *{margin-left:auto;margin-right:auto;}

.stt-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.stt-home *{box-sizing:border-box;}
/* home links never get the article underline */
.stt-home a,.stt-home a:hover,.entry-content .stt-card,.entry-content .stt-pill,.entry-content .stt-strip,.entry-content .stt-btn,.entry-content .stt-viewall{text-decoration:none!important;}

/* hero */
.stt-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:60px 0 56px;}
.stt-badge{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:var(--accent);
  background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.25);padding:6px 13px;border-radius:100px;margin-bottom:22px;}
.stt-badge .stt-pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);}
.stt-hero h1{font-size:52px;line-height:1.05;font-weight:700;margin:0 0 18px;color:var(--text);}
.stt-hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--accent),var(--accent-2) 55%,var(--accent-3));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.stt-hero .stt-lead{font-size:17px;color:var(--text-soft);max-width:480px;margin:0 0 26px;}
.stt-search{display:flex;gap:10px;max-width:460px;margin-bottom:22px;}
.stt-search .stt-field{flex:1;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);
  border-radius:12px;padding:0 14px;height:50px;color:var(--text-dim);font-size:15px;}
.stt-btn{height:50px;padding:0 22px;border-radius:12px;border:none;display:inline-flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04121a;cursor:pointer;
  box-shadow:0 6px 24px rgba(34,211,238,.28);transition:transform .12s;text-decoration:none;}
.stt-btn:hover{transform:translateY(-1px);color:#04121a;}
.stt-trust{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--text-dim);}
.stt-trust span{display:flex;align-items:center;gap:6px;}
.stt-trust i{color:var(--green);}

/* hero watch image */
.stt-watch-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:380px;}
.stt-watch-stage::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(34,211,238,.22),rgba(59,130,246,.10) 45%,transparent 68%);filter:blur(6px);}
.stt-watch-img{position:relative;width:300px;max-width:78%;height:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6));
  -webkit-mask-image:linear-gradient(to bottom,#000 86%,transparent 99%);mask-image:linear-gradient(to bottom,#000 86%,transparent 99%);}
.stt-chip{position:absolute;background:rgba(18,21,29,.9);border:1px solid var(--border-2);border-radius:12px;
  padding:9px 13px;font-size:12px;backdrop-filter:blur(8px);display:flex;align-items:center;gap:8px;
  box-shadow:0 12px 30px rgba(0,0,0,.4);color:var(--text);z-index:2;}
.stt-chip i{color:var(--accent);font-size:16px;}
.stt-chip.cf1{top:34px;left:0;}
.stt-chip.cf2{bottom:46px;right:0;}
.stt-chip.cf2 i{color:var(--green);}

/* pills */
.stt-pills{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 36px;}
.stt-pill{display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:100px;font-size:14px;font-weight:500;
  border:1px solid var(--border);background:var(--surface);color:var(--text-soft);text-decoration:none;transition:.15s;}
.stt-pill:hover{border-color:var(--accent);color:var(--text);}
.stt-pill i{font-size:16px;color:var(--accent);}

/* section head */
.stt-sechead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:16px;}
.stt-sechead h2{font-size:26px;font-weight:600;margin:0;color:var(--text);}
.stt-eyebrow{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;}
.stt-viewall{font-size:14px;color:var(--text-soft);display:flex;align-items:center;gap:6px;text-decoration:none;white-space:nowrap;}
.stt-viewall:hover{color:var(--accent);}

/* cards grid */
.stt-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.stt-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;
  text-decoration:none;display:block;transition:transform .18s,border-color .18s,box-shadow .18s;}
.stt-card:hover{transform:translateY(-4px);border-color:var(--border-2);box-shadow:0 18px 44px rgba(0,0,0,.5);}
.stt-thumb{height:150px;position:relative;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,#10202b,#0c1118);border-bottom:1px solid var(--border);}
.stt-thumb > i{font-size:46px;color:rgba(34,211,238,.55);}
.stt-tag{position:absolute;top:12px;left:12px;font-size:11px;font-weight:600;letter-spacing:.04em;
  padding:5px 11px;border-radius:7px;background:rgba(8,9,13,.7);border:1px solid var(--border-2);color:var(--accent);backdrop-filter:blur(6px);}
.stt-tag.green{color:var(--green);}
.stt-tag.violet{color:#c084fc;}
.stt-card .stt-cbody{padding:16px 18px 18px;}
.stt-card h3{font-size:17px;font-weight:600;line-height:1.3;margin:0 0 10px;color:var(--text);}
.stt-card:hover h3{color:var(--accent);}
.stt-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-dim);}
.stt-meta .d{width:3px;height:3px;border-radius:50%;background:var(--text-dim);}

/* trust strip */
.stt-strip{margin:56px 0 10px;border:1px solid var(--border);border-radius:var(--radius);
  background:linear-gradient(120deg,var(--surface),var(--bg-2));padding:30px 34px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-decoration:none;}
.stt-strip .stt-item{display:flex;flex-direction:column;gap:6px;}
.stt-strip .stt-item i{font-size:24px;color:var(--accent);}
.stt-strip .stt-item b{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600;color:var(--text);}
.stt-strip .stt-item span{font-size:12.5px;color:var(--text-dim);}

/* newsletter / CTA panel */
.stt-news{margin:56px 0;border-radius:var(--radius);padding:46px;text-align:center;position:relative;overflow:hidden;
  background:radial-gradient(600px 300px at 50% -40%,rgba(34,211,238,.18),transparent),var(--surface);border:1px solid var(--border);}
.stt-news h2{font-size:28px;margin:0 0 10px;color:var(--text);}
.stt-news p{color:var(--text-soft);max-width:460px;margin:0 auto 22px;font-size:15px;}

/* responsive */
@media(max-width:880px){
  .stt-hero{grid-template-columns:1fr;}
  .stt-watch-stage{order:-1;min-height:300px;}
  .stt-cards{grid-template-columns:1fr 1fr;}
  .stt-strip{grid-template-columns:1fr 1fr;}
  .stt-hero h1{font-size:38px;}
}
@media(max-width:560px){
  .stt-cards{grid-template-columns:1fr;}
  .stt-wrap{padding:0 16px;}
  .stt-news{padding:32px 20px;}
}

/* ============================================================
   US-02 polish (titles, padding, footer)
   ============================================================ */
/* readable column + side padding for single posts and text pages
   (NOT home #58 nor the category landing pages #60/61/376/377/378) */
.single .entry-content,
.page-id-175 .entry-content, .page-id-3 .entry-content, .page-id-345 .entry-content,
.page-id-332 .entry-content, .page-id-369 .entry-content{
  max-width:780px;margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px;
}
@media(max-width:560px){
  .single .entry-content,.page-id-175 .entry-content,.page-id-3 .entry-content,
  .page-id-345 .entry-content,.page-id-332 .entry-content,.page-id-369 .entry-content{padding-left:16px;padding-right:16px;}
}
/* inner padding for bordered boxes so text doesn't touch the edge */
.toc-content,.post-index{padding:20px 22px!important;}
.entry-content blockquote{padding:16px 20px!important;}
.entry-content .wp-block-group.has-border-color,
.entry-content .wp-block-table,
.entry-content figure.wp-block-table{padding:0;}
.entry-content .wp-block-group:where([class*="border"]),
.entry-content .is-style-default > .wp-block-group{padding:18px 20px;}

/* ---------- footer (dark tokens + brand + accent links) ---------- */
.site-footer{background:var(--bg-2)!important;border-top:1px solid var(--border)!important;padding:34px 0 30px!important;}
.site-footer .container{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;}
.site-footer a.stt-foot-brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;color:var(--text)!important;text-decoration:none!important;}
.site-footer a.stt-foot-brand:hover{text-decoration:none!important;}
.stt-foot-brand b{color:var(--accent)!important;}
.site-footer .widget-area-footer,.site-footer .widget-area{background:transparent!important;border:0!important;margin:0!important;}
.site-footer .widget_block{color:var(--text-dim)!important;}
.site-footer a{color:var(--accent)!important;text-decoration:none;}
.site-footer a:hover{color:#67e8f9!important;text-decoration:underline;}
.site-footer .credits p,.site-footer .credits{color:var(--text-dim)!important;font-size:13px;margin:0;}

/* ============================================================
   US-02 polish #2 — card featured images + nav nowrap
   ============================================================ */
/* card thumbnail uses the post's featured image; the category icon stays as fallback behind it */
.stt-thumb{overflow:hidden;}
.stt-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;}
.stt-thumb .stt-tag{z-index:2;}
.stt-card:hover .stt-thumb-img{transform:scale(1.04);transition:transform .4s ease;}

/* nav: desktop top menu = 5 content items (About + How We Research hidden on desktop,
   still present in the mobile modal menu and in the footer) */
.primary-menu .menu-item-385,.primary-menu .menu-item-386{display:none!important;}
/* wider header container + single-row menu */
.site-header .header-inner,.site-header .container{max-width:1280px!important;}
.primary-menu{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:22px!important;}
.primary-menu > li{white-space:nowrap;}