/* v8.3.1 — inline toggle + tabs fix + gradient buttons */

.bm-btn{
  display:inline-flex;align-items:center;justify-content:center;
  gap:.5rem;padding:.7rem 1rem;border-radius:999px;font-weight:700;
  line-height:1;border:0;cursor:pointer;text-decoration:none;
  background: linear-gradient(45deg, #0ea5e9, #14b8a6); color:#fff;
  box-shadow:0 6px 16px rgba(14,165,233,.25); transition:transform .06s, box-shadow .2s, filter .2s;
}
.bm-btn:hover{ filter:brightness(1.02); box-shadow:0 10px 22px rgba(20,184,166,.28); }
.bm-btn:active{ transform:translateY(1px); }
.bm-btn--ghost{ background:#fff; color:#0f172a; border:2px solid #e5e7eb; box-shadow:none; }
.bm-btn--full{ width:100%; }

.bm-btn-row{ display:flex; gap:.75rem; flex-wrap:wrap; }

/* Inline panel — hidden on load */
#bm-calculator-inline-panel{
  overflow:hidden; max-height:0; opacity:0; transform:translateY(-4px);
  transition:max-height .35s ease, opacity .25s ease, transform .25s ease;
  border:1px solid #eef2f7; border-radius:14px; background:#fff;
}
#bm-calculator-inline-panel.is-open{ max-height:1600px; opacity:1; transform:none; }
#bm-calculator-inline-panel .panel-inner{ padding:16px; }

/* Tabs */
#bathmate-calculator{ border:0; background:transparent; padding:0; margin:0; }
#bathmate-calculator .tabs{ display:flex; gap:10px; margin-bottom:14px; }
#bathmate-calculator .tab-link{
  appearance:none; border:1px solid #e5e7eb; background:#fff;
  padding:.45rem .8rem; border-radius:999px; cursor:pointer; font-weight:600;
}
#bathmate-calculator .tab-link.active{
  background:#0ea5e9; border-color:#0ea5e9; color:#fff;
}
/* Show only active tab */
#bathmate-calculator .tab-content{ display:none; }
#bathmate-calculator .tab-content.active{ display:block; }

/* Recommendation message */
#recommendation-message{ margin-top:12px; border-top:1px dashed #e5e7eb; padding-top:10px; font-weight:600; }
#recommendation-message .overlap-box{
  margin-top:10px; padding:10px 12px; border-radius:10px;
  background:linear-gradient(90deg, rgba(14,165,233,.08), rgba(20,184,166,.08));
  border:1px solid rgba(14,165,233,.25);
  color:#0b4b5a; font-weight:700;
}
/* Guide steps */
.step-with-image{ display:flex; align-items:flex-start; gap:12px; margin:12px 0; }
.step-with-image img{ width:64px; height:auto; flex:0 0 64px; display:block; }