/* ForgeYourFit — calculator embed + share styles */

/* ── Share buttons ───────────────────────────── */
.fgf-share-bar{
  display:flex;flex-wrap:wrap;gap:.6rem;
  margin:1.25rem 0 .25rem;
}
.fgf-share-btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.7rem 1.05rem;
  font:600 .92rem/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:#0d2818;background:#cbf26a;
  border:2px solid #0d2818;border-radius:999px;
  cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,background .15s ease;
}
.fgf-share-btn:hover{background:#b8e056;transform:translateY(-1px);box-shadow:0 4px 0 0 #0d2818;}
.fgf-share-btn:active{transform:translateY(1px);box-shadow:0 1px 0 0 #0d2818;}
.fgf-share-btn-secondary{background:#fff;}
.fgf-share-btn-secondary:hover{background:#f3f3f3;}
.fgf-share-btn.fgf-copied{background:#0d2818;color:#cbf26a;}
.fgf-share-icon{font-size:1rem;line-height:1;}

/* ── Embed modal ─────────────────────────────── */
.fgf-modal-backdrop{
  position:fixed;inset:0;z-index:9999;
  background:rgba(13,40,24,.66);
  display:flex;align-items:center;justify-content:center;
  padding:1rem;
  animation:fgfFade .15s ease-out;
}
@keyframes fgfFade{from{opacity:0}to{opacity:1}}
.fgf-modal{
  position:relative;
  background:#fff;color:#0d2818;
  border:2px solid #0d2818;border-radius:14px;
  max-width:560px;width:100%;
  padding:1.5rem 1.5rem 1.25rem;
  box-shadow:0 12px 0 0 #0d2818,0 28px 60px -10px rgba(13,40,24,.45);
  font:400 .98rem/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
.fgf-modal-title{
  margin:0 0 .35rem;
  font:800 1.25rem/1.2 inherit;
  letter-spacing:-.01em;
}
.fgf-modal-lede{margin:0 0 1rem;color:#3d5447;font-size:.92rem;}
.fgf-modal-close{
  position:absolute;top:.6rem;right:.6rem;
  width:34px;height:34px;border:0;border-radius:50%;
  background:transparent;font-size:1.55rem;line-height:1;
  cursor:pointer;color:#0d2818;
}
.fgf-modal-close:hover{background:#f3f3f3;}
.fgf-embed-textarea{
  width:100%;min-height:140px;
  padding:.85rem 1rem;
  font:500 .82rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;
  color:#0d2818;background:#f6f8f5;
  border:1.5px solid #cfd9d3;border-radius:8px;
  resize:vertical;
}
.fgf-embed-textarea:focus{outline:2px solid #cbf26a;outline-offset:1px;border-color:#0d2818;}
.fgf-modal-actions{margin-top:.85rem;display:flex;justify-content:flex-end;}

/* ── Embed mode (?embed=true) chrome stripping ── */
html.fgf-embed-html,
html.fgf-embed-html body.fgf-embed{
  background:#fff;
}
body.fgf-embed > header,
body.fgf-embed > footer,
body.fgf-embed [data-embed-hide]{
  display:none !important;
}
body.fgf-embed .breadcrumb,
body.fgf-embed .reviewer-bar,
body.fgf-embed .page-tag,
body.fgf-embed .page-lede,
body.fgf-embed .citation,
body.fgf-embed .content,
body.fgf-embed .faq-section,
body.fgf-embed .related-section,
body.fgf-embed .mobile-spacer{
  display:none !important;
}
body.fgf-embed main.page,
body.fgf-embed .page{padding-top:.5rem;}
body.fgf-embed .wrap-narrow{padding-left:.75rem;padding-right:.75rem;}
body.fgf-embed .page-head h1{font-size:1.6rem;margin:.25rem 0 .75rem;}
body.fgf-embed{padding-bottom:60px;}

.fgf-embed-watermark{
  position:fixed;left:0;right:0;bottom:0;
  display:flex;align-items:center;justify-content:center;gap:.35rem;
  padding:.55rem .75rem;
  background:#0d2818;color:#cbf26a;
  font:600 .78rem/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  text-decoration:none;letter-spacing:.02em;
  border-top:1px solid rgba(203,242,106,.25);
  z-index:50;
}
.fgf-embed-watermark strong{color:#fff;font-weight:800;}
.fgf-embed-watermark:hover{background:#163724;}