/* BMI Calculator — tool-specific styles. Most styling comes from toolkit.css.
   All selectors scoped under #trp-tool-root / prefixed .trp-bmi- so nothing
   collides with Astra / Elementor / other tools. Uses shared tokens. */

#trp-tool-root .trp-bmi-units{
  display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:18px;
}
@media(min-width:480px){
  #trp-tool-root .trp-bmi-units{grid-template-columns:1fr 1fr;}
}
#trp-tool-root .trp-bmi-unit{width:100%;}
#trp-tool-root .trp-bmi-unit.is-active{
  background:var(--trp-accent);color:var(--trp-on-accent);border-color:var(--trp-accent);
}
#trp-tool-root .trp-bmi-unit.is-active:hover{background:var(--trp-accent-hov);}

#trp-tool-root .trp-bmi-grid{display:grid;grid-template-columns:1fr;gap:14px;}
@media(min-width:520px){#trp-tool-root .trp-bmi-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:520px){#trp-tool-root .trp-bmi-grid--imp{grid-template-columns:1fr 1fr 1fr;}}

#trp-tool-root .trp-bmi-actions{margin-top:14px;}

#trp-tool-root .trp-bmi-error{
  margin:14px 0 0;padding:11px 14px;border-radius:var(--trp-r-md);
  background:var(--trp-error-bg);color:var(--trp-error);font-size:14px;font-weight:500;
}

#trp-tool-root .trp-bmi-result{
  margin-top:16px;padding:22px;border-radius:var(--trp-r-lg);
  background:var(--trp-surface-2);border:1px solid var(--trp-border);text-align:center;
}
#trp-tool-root .trp-bmi-value{
  font-family:var(--trp-font-head);font-weight:800;font-size:clamp(34px,8vw,52px);
  line-height:1;color:var(--trp-accent);font-variant-numeric:tabular-nums;
}
#trp-tool-root .trp-bmi-value:empty{display:none;}
#trp-tool-root .trp-bmi-chip{
  display:inline-block;margin-top:10px;font-family:var(--trp-font-mono);font-size:12px;
  font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:4px 12px;border-radius:var(--trp-r-pill);
  background:var(--trp-surface-3);color:var(--trp-ink-2);
}
#trp-tool-root .trp-bmi-chip--under{background:var(--trp-warning-bg);color:var(--trp-warning);}
#trp-tool-root .trp-bmi-chip--normal{background:var(--trp-success-bg);color:var(--trp-success);}
#trp-tool-root .trp-bmi-chip--over{background:var(--trp-warning-bg);color:var(--trp-warning);}
#trp-tool-root .trp-bmi-chip--obese{background:var(--trp-error-bg);color:var(--trp-error);}
#trp-tool-root .trp-bmi-headline{
  font-family:var(--trp-font-head);font-weight:600;font-size:16.5px;color:var(--trp-ink);margin-top:12px;
}
#trp-tool-root .trp-bmi-detail{font-size:13px;color:var(--trp-muted);margin-top:8px;line-height:1.55;}

/* categories table in the content section (outside the widget root) */
.trp-bmi-cats{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.trp-bmi-cats li{
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  background:var(--trp-surface);border:1px solid var(--trp-border);
  border-radius:var(--trp-r-md);padding:11px 14px;font-size:14px;color:var(--trp-ink-2);
}
.trp-bmi-cats li strong{color:var(--trp-ink);}
.trp-bmi-cats code{font-family:var(--trp-font-mono);font-size:.9em;background:var(--trp-accent-soft);color:var(--trp-ink);padding:1px 6px;border-radius:5px;}