/* ==========================================================================
   Smugglers Barometer — shared stylesheet
   Covers both the full barometer (.sb-*) and the mini barometer (.sbm-*).
   Load this file once per page (works fine if both widgets are on one page).
   ========================================================================== */

.smug-barometer, .smug-barometer-mini {
  --gold:#e2a52c;
  --gold-light:#f0c454;
  --gold-dark:#c98e1f;
  --track:#262321;
  --muted:#8a8175;
  box-sizing:border-box;
  font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif;
}
.smug-barometer *, .smug-barometer-mini * { box-sizing:border-box; }

/* ---------- full barometer ---------- */
.smug-barometer{
  width:680px;max-width:100%;
  background:linear-gradient(180deg,#0a0a0a,#000);
  border:1px solid #1d1a17;
  border-radius:34px;
  padding:38px 40px 44px;
  box-shadow:0 30px 80px rgba(0,0,0,.6);
  color:#fff;
  margin:0 auto;
}
.smug-barometer .sb-title{
  text-align:center;color:var(--gold);
  font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:700;
  font-size:38px;letter-spacing:.5px;
}
.smug-barometer .sb-goal{
  text-align:center;color:var(--gold);font-weight:700;
  font-size:40px;margin-top:24px;letter-spacing:1px;
}
.smug-barometer .sb-thermo{
  position:relative;width:100%;height:520px;margin:14px 0 4px;
  display:flex;flex-direction:column;align-items:center;
}
.smug-barometer .sb-stem{
  position:relative;width:96px;flex:1;
  background:linear-gradient(90deg,#1c1a18,#2e2a26 50%,#171513);
  border-radius:48px 48px 0 0;
  margin-bottom:-26px;z-index:1;overflow:hidden;
  box-shadow:inset 0 0 18px rgba(0,0,0,.7);
}
.smug-barometer .sb-fill{
  position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(90deg,var(--gold-dark),var(--gold-light) 50%,var(--gold-dark));
  transition:height 1s ease;
}
.smug-barometer .sb-bulb{
  position:relative;z-index:2;width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle at 38% 35%,var(--gold-light),var(--gold) 55%,var(--gold-dark));
  border:5px solid #14110d;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.5);
}
.smug-barometer .sb-bulb span{color:#1a1206;font-weight:800;font-size:34px}

.smug-barometer .sb-raised{text-align:center;font-weight:800;font-size:50px;margin-top:30px;letter-spacing:1px}
.smug-barometer .sb-raised-label{text-align:center;color:var(--muted);font-size:20px;margin-top:4px}

.smug-barometer .sb-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:34px}
.smug-barometer .sb-col-head{
  color:var(--gold);font-family:Georgia,serif;font-style:italic;font-weight:700;
  font-size:24px;padding-bottom:8px;border-bottom:2px solid #2a2620;
  display:flex;justify-content:space-between;align-items:baseline;
}
.smug-barometer .sb-col-head .sb-sub{font-family:inherit;font-style:normal;font-size:18px}
.smug-barometer .sb-row{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:11px 2px;border-bottom:1px solid #1f1c18;
}
.smug-barometer .sb-row .sb-lbl{color:#cfc7ba;font-size:16px;line-height:1.25}
.smug-barometer .sb-row .sb-amt{color:var(--gold);font-weight:700;font-size:16px;white-space:nowrap}
.smug-barometer .sb-arow{
  display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:baseline;
  padding:11px 2px;border-bottom:1px solid #1f1c18;
}
.smug-barometer .sb-arow .sb-nm{
  color:var(--gold-light);font-weight:700;font-size:16px;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.smug-barometer .sb-arow .sb-ac{color:#cfc7ba;font-size:16px;line-height:1.25}
.smug-barometer .sb-arow .sb-amt{color:var(--gold);font-weight:700;font-size:16px;white-space:nowrap;text-align:right}

@media(max-width:720px){
  .smug-barometer{padding:30px 24px 36px}
  .smug-barometer .sb-cols{grid-template-columns:1fr;gap:0}
  .smug-barometer .sb-col:last-child{margin-top:26px}
}

/* ---------- mini barometer ---------- */
.smug-barometer-mini{
  display:block;width:100px;text-decoration:none;color:#fff;
  background:linear-gradient(180deg,#0a0a0a,#000);
  border:1px solid #1d1a17;border-radius:18px;
  padding:14px 8px 16px;text-align:center;
  box-shadow:0 14px 34px rgba(0,0,0,.5);
  transition:transform .15s ease,box-shadow .15s ease;
}
.smug-barometer-mini:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.6)}

.smug-barometer-mini .sbm-title{
  color:#fff;font-family:Georgia,serif;font-style:italic;font-weight:700;
  font-size:16px;line-height:1.15;margin-bottom:6px;text-align:center;
}
.smug-barometer-mini .sbm-goal{color:var(--gold);font-weight:700;font-size:14px;letter-spacing:.3px}

.smug-barometer-mini .sbm-thermo{
  position:relative;height:150px;margin:8px 0 2px;
  display:flex;flex-direction:column;align-items:center;
}
.smug-barometer-mini .sbm-stem{
  position:relative;width:26px;flex:1;
  background:linear-gradient(90deg,#1c1a18,#2e2a26 50%,#171513);
  border-radius:13px 13px 0 0;margin-bottom:-9px;z-index:1;overflow:hidden;
  box-shadow:inset 0 0 8px rgba(0,0,0,.7);
}
.smug-barometer-mini .sbm-fill{
  position:absolute;left:0;right:0;bottom:0;
  background:linear-gradient(90deg,var(--gold-dark),var(--gold-light) 50%,var(--gold-dark));
  transition:height 1s ease;
}
.smug-barometer-mini .sbm-bulb{
  position:relative;z-index:2;width:46px;height:46px;border-radius:50%;
  background:radial-gradient(circle at 38% 35%,var(--gold-light),var(--gold) 55%,var(--gold-dark));
  border:3px solid #14110d;display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 9px rgba(0,0,0,.5);
}
.smug-barometer-mini .sbm-bulb span{color:#1a1206;font-weight:800;font-size:13px}

.smug-barometer-mini .sbm-raised{font-weight:800;font-size:17px;margin-top:8px}
.smug-barometer-mini .sbm-label{color:var(--muted);font-size:11px;margin-top:1px}