/* ============================================================
   BUY SILVER JUNK — VAULT THEME
   Dark-Mode Precious Metals Fintech design system
   ============================================================ */
:root{
  --bg-vault-primary:#0B0E14;
  --bg-card-surface:#151A24;
  --bg-card-surface-elevated: rgba(21,26,36,0.82);
  --bg-input-field:#1E2532;
  --bg-vault-raised:#10141C;

  --metal-silver-bright:#F8FAFC;
  --metal-silver-brushed:#94A3B8;
  --metal-silver-border: rgba(226,232,240,0.12);
  --metal-silver-border-strong: rgba(226,232,240,0.28);
  --metal-gold-bullion:#F59E0B;
  --metal-gold-glow: rgba(245,158,11,0.15);

  --spot-live-emerald:#10B981;
  --spot-emerald-glow: rgba(16,185,129,0.15);
  --spot-down-crimson:#EF4444;

  --gradient-silver-text: linear-gradient(135deg,#FFFFFF 0%,#CBD5E1 50%,#94A3B8 100%);
  --gradient-gold-cta: linear-gradient(135deg,#F59E0B 0%,#D97706 100%);

  --font-display:'Space Grotesk','Plus Jakarta Sans',sans-serif;
  --font-sans:'Inter',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',monospace;

  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:20px;
  --maxw:1200px;
  --maxw-read:760px;
  --ticker-h:40px;
  --header-h:76px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{
  margin:0;
  font-family:var(--font-sans);
  background:var(--bg-vault-primary);
  color:var(--metal-silver-bright);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  padding-top:calc(var(--ticker-h) + var(--header-h));
  overflow-x:hidden;
}
a{color:var(--metal-gold-bullion);text-decoration:none;}
a:hover{text-decoration:underline;}
ul{margin:0;padding:0;}
img{max-width:100%;height:auto;display:block;border-radius:var(--radius-sm);}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-0.01em;color:var(--metal-silver-bright);line-height:1.2;}
.mono{font-family:var(--font-mono);}
.muted{color:var(--metal-silver-brushed);}
@media (prefers-reduced-motion: reduce){ *{animation-duration:0.001ms !important; transition-duration:0.001ms !important;} }
::selection{background:var(--metal-gold-glow);color:var(--metal-silver-bright);}

/* ---------- Skip link ---------- */
.skip-link{position:absolute;left:-999px;top:0;background:var(--metal-gold-bullion);color:#15110A;padding:10px 16px;z-index:200;border-radius:0 0 8px 0;}
.skip-link:focus{left:0;}

/* ---------- Sticky ticker (TradingView ticker-tape) ---------- */
.site-ticker{
  position:fixed;top:0;left:0;right:0;z-index:60;height:var(--ticker-h);
  background:#070910;border-bottom:1px solid var(--metal-silver-border);
  overflow:hidden;display:flex;align-items:center;
}
.site-ticker .ticker-badge{
  flex:none;display:flex;align-items:center;gap:6px;padding:0 14px;height:100%;
  border-right:1px solid var(--metal-silver-border);font-family:var(--font-mono);
  font-size:0.68rem;color:var(--metal-silver-brushed);white-space:nowrap;
}
.live-dot{position:relative;width:7px;height:7px;border-radius:50%;background:var(--spot-live-emerald);flex:none;}
.live-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--spot-live-emerald);animation:pulse 2.2s ease-out infinite;}
@keyframes pulse{0%{transform:scale(0.6);opacity:0.9;}100%{transform:scale(2.1);opacity:0;}}
.site-ticker .tradingview-widget-container{flex:1;min-width:0;}

/* ---------- Header ---------- */
.site-header{
  position:fixed;top:var(--ticker-h);left:0;right:0;z-index:55;height:var(--header-h);
  background:rgba(11,14,20,0.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--metal-silver-border);
  overflow:hidden;
}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.site-logo{display:flex;align-items:center;font-family:var(--font-display);font-weight:700;font-size:1.05rem;white-space:nowrap;color:var(--metal-silver-bright);flex:none;min-width:0;max-width:min(210px,32vw);}
.site-logo:hover{text-decoration:none;}
.site-logo img{display:block;max-height:42px;max-width:100%;}
.primary-nav{display:flex;align-items:center;gap:26px;min-width:0;flex:1 1 auto;overflow:hidden;}
.primary-nav ul{
  display:flex;gap:22px;list-style:none;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);
}
.primary-nav ul::-webkit-scrollbar{display:none;}
.primary-nav ul li{flex:none;}
.primary-nav a{font-size:0.88rem;color:var(--metal-silver-brushed);white-space:nowrap;}
.primary-nav a:hover,.primary-nav .current-menu-item>a{color:var(--metal-silver-bright);text-decoration:none;}
.header-cta{display:flex;align-items:center;gap:14px;flex:none;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;
  font-family:var(--font-sans);font-weight:600;font-size:0.9rem;border-radius:10px;padding:11px 20px;
  border:1px solid transparent;cursor:pointer;min-height:44px;transition:transform .15s,box-shadow .15s,filter .15s;
}
.btn--gold{background:var(--gradient-gold-cta);color:#15110A;box-shadow:0 8px 24px -8px var(--metal-gold-glow);}
.btn--gold:hover{filter:brightness(1.08);transform:translateY(-1px);text-decoration:none;}
.btn--ghost{background:transparent;border-color:var(--metal-silver-border-strong);color:var(--metal-silver-bright);}
.btn--ghost:hover{border-color:var(--metal-silver-bright);text-decoration:none;}
.nav-toggle{display:none;background:none;border:none;color:var(--metal-silver-bright);font-size:1.4rem;cursor:pointer;min-height:44px;min-width:44px;}

/* ---------- Page wrapper / content card ---------- */
.page-hero{padding:56px 0 8px;}
.page-hero.narrow{max-width:var(--maxw-read);margin:0 auto;padding-left:24px;padding-right:24px;}
.page-hero .eyebrow{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--spot-live-emerald);display:block;margin-bottom:10px;}
.page-hero h1{font-size:clamp(1.9rem,3.4vw,2.6rem);
  background:var(--gradient-silver-text);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.page-hero .meta{color:var(--metal-silver-brushed);font-size:0.86rem;margin-top:10px;display:flex;gap:14px;flex-wrap:wrap;}
.content-wrap{max-width:var(--maxw-read);margin:0 auto;padding:28px 24px 80px;}
.content-wrap.wide{max-width:var(--maxw);}

/* ---------- Gutenberg block reskin ---------- */
.entry-content{font-size:1.02rem;color:var(--metal-silver-brushed);}
.entry-content > *{margin-top:0;margin-bottom:1.3em;}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,
.wp-block-heading{color:var(--metal-silver-bright);margin-top:1.8em;margin-bottom:0.6em;}
.entry-content h2,.wp-block-heading{font-size:1.5rem;}
.entry-content h3{font-size:1.2rem;}
.entry-content p,.wp-block-paragraph{color:var(--metal-silver-brushed);}
.entry-content strong{color:var(--metal-silver-bright);}
.entry-content a{color:var(--metal-gold-bullion);border-bottom:1px solid rgba(245,158,11,0.3);}
.entry-content a:hover{border-color:var(--metal-gold-bullion);}
.entry-content ul,.entry-content ol,.wp-block-list{padding-left:1.4em;}
.entry-content li{margin-bottom:0.5em;}
.entry-content blockquote,.wp-block-quote{
  border-left:3px solid var(--metal-gold-bullion);background:var(--bg-card-surface);
  padding:16px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--metal-silver-bright);
}
.entry-content table,.wp-block-table table{width:100%;border-collapse:collapse;background:var(--bg-card-surface);border-radius:var(--radius-sm);overflow:hidden;}
.entry-content th,.entry-content td{padding:12px 14px;border-bottom:1px solid var(--metal-silver-border);text-align:left;font-size:0.92rem;}
.entry-content th{font-family:var(--font-mono);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--metal-silver-brushed);}
.entry-content img,.wp-block-image img{border-radius:var(--radius-md);border:1px solid var(--metal-silver-border);}
.entry-content figcaption{color:var(--metal-silver-brushed);font-size:0.82rem;text-align:center;margin-top:8px;}
.entry-content hr{border:none;border-top:1px solid var(--metal-silver-border);margin:2.4em 0;}
.entry-content .byline{color:var(--metal-silver-brushed);font-size:0.9rem;font-style:italic;}

/* WP core button blocks -> gold CTA / ghost */
.entry-content .wp-block-buttons{display:flex;gap:14px;flex-wrap:wrap;margin:1.6em 0;}
.entry-content .wp-block-button__link{
  background:var(--gradient-gold-cta) !important;color:#15110A !important;border-radius:10px !important;
  font-weight:600;padding:13px 24px !important;border:none !important;min-height:44px;display:inline-flex;align-items:center;
}
.entry-content .wp-block-button__link:hover{filter:brightness(1.08);text-decoration:none;}
.entry-content .wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent !important;color:var(--metal-silver-bright) !important;
  border:1px solid var(--metal-silver-border-strong) !important;
}

/* ---------- Content card shell (used around embedded widgets on key pages) ---------- */
.vault-card{
  background:var(--bg-card-surface-elevated);backdrop-filter:blur(12px);border:1px solid var(--metal-silver-border);
  border-radius:var(--radius-lg);padding:4px;box-shadow:0 30px 60px -30px rgba(0,0,0,0.6);
}

/* ---------- Post / archive cards ---------- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;}
.post-card{
  background:var(--bg-card-surface);border:1px solid var(--metal-silver-border);border-radius:var(--radius-md);
  padding:24px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,transform .2s,box-shadow .2s;
}
.post-card:hover{border-color:var(--metal-silver-border-strong);transform:translateY(-3px);box-shadow:0 20px 40px -24px rgba(0,0,0,0.6);text-decoration:none;}
.post-card .kicker{font-family:var(--font-mono);font-size:0.66rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--metal-gold-bullion);}
.post-card h2,.post-card h3{font-size:1.08rem;color:var(--metal-silver-bright);line-height:1.35;}
.post-card p{font-size:0.88rem;color:var(--metal-silver-brushed);flex:1;margin:0;}
.post-card .meta{font-size:0.76rem;color:var(--metal-silver-brushed);font-family:var(--font-mono);}
.post-card .read{font-size:0.84rem;font-weight:600;color:var(--metal-silver-bright);}

/* ---------- Footer ---------- */
.site-footer{background:var(--bg-vault-raised);border-top:1px solid var(--metal-silver-border);padding:56px 0 28px;margin-top:60px;}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px;}
.footer-grid h4{font-size:0.82rem;margin-bottom:14px;color:var(--metal-silver-bright);text-transform:uppercase;letter-spacing:0.06em;}
.footer-grid ul{display:flex;flex-direction:column;gap:9px;list-style:none;}
.footer-grid a{font-size:0.86rem;color:var(--metal-silver-brushed);}
.footer-grid a:hover{color:var(--metal-silver-bright);text-decoration:none;}
.footer-brand p{font-size:0.86rem;color:var(--metal-silver-brushed);margin-top:12px;max-width:300px;}
.footer-bottom{border-top:1px solid var(--metal-silver-border);padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:0.8rem;color:var(--metal-silver-brushed);}
.footer-disclaimer{font-size:0.76rem;color:var(--metal-silver-brushed);opacity:0.75;max-width:720px;margin-top:10px;}

/* ---------- 404 ---------- */
.error-404{text-align:center;padding:100px 24px;}
.error-404 .code{font-family:var(--font-mono);color:var(--metal-gold-bullion);font-size:0.9rem;letter-spacing:0.1em;}
.error-404 h1{font-size:2rem;margin:14px 0;}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .post-grid{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:760px){
  body{padding-top:calc(var(--ticker-h) + 64px);}
  .site-header{height:64px;}
  .header-inner{gap:10px;}
  .site-logo{font-size:0.92rem;max-width:40vw;}
  .site-logo img{max-height:30px;}
  .primary-nav ul{display:none;}
  .header-cta .btn--gold{padding:9px 12px;font-size:0.78rem;}
  .nav-toggle{display:block;}
  .post-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
}
@media (max-width:480px){
  .header-cta .btn--gold{display:none;}
}

/* Mobile nav drawer */
.primary-nav.nav-open ul{
  display:flex;flex-direction:column;position:fixed;top:calc(var(--ticker-h) + 64px);left:0;right:0;
  background:var(--bg-vault-raised);border-bottom:1px solid var(--metal-silver-border);padding:16px 24px;gap:4px;z-index:54;
}
.primary-nav.nav-open ul li{padding:10px 0;border-bottom:1px solid var(--metal-silver-border);}