/* ---------------------------------------------------------------------------
* Free calculator band (homepage, above and below the free ebook band). Dark, so it contrasts with the orange ebook band.
* Text is English source; BM comes from the site dictionary (omma-i18n-ms-home.json, text).
* ------------------------------------------------------------------------- */
function omma_calc_band_css() {
return '
/* free calculator band */
a.cb-band, a.cb-band:hover { display:block; position:relative; z-index:0; overflow:hidden; text-decoration:none; background:radial-gradient(120% 140% at 88% 0%,#3a2a1c 0%,#161616 58%); }
.cb-inner { max-width:1180px; margin:0 auto; padding:clamp(32px,6vw,60px) var(--pad-x); display:grid; grid-template-columns:minmax(0,1fr) auto; gap:clamp(24px,5vw,64px); align-items:center; }
.cb-pill { display:inline-flex; align-items:center; gap:8px; background:rgba(230,126,34,.18); color:#f3a85c; border-radius:9999px; padding:7px 14px; font-size:clamp(10.5px,1.6vw,12.5px); font-weight:700; letter-spacing:.06em; text-transform:uppercase; margin:0 0 clamp(10px,2vw,16px); }
.cb-band h2 { font-family:"Anton",sans-serif; font-weight:400; text-transform:uppercase; color:#ffffff; font-size:clamp(28px,4.6vw,46px); line-height:1.02; margin:0 0 clamp(10px,2vw,14px); }
.cb-band h2 span { color:#e67e22; }
.cb-sub { color:#cfcfd0; font-size:clamp(14px,1.9vw,16.5px); line-height:1.6; margin:0 0 clamp(16px,3vw,22px); max-width:52ch; }
.cb-cta { display:inline-flex; align-items:center; gap:10px; background:#e67e22; color:#111111; border-radius:9999px; padding:15px 30px; font-size:clamp(14.5px,2vw,16px); font-weight:700; box-shadow:0 12px 28px -12px rgba(230,126,34,.8); transition:transform .18s ease-out, background-color .18s ease-out; }
.cb-cta svg { width:16px; height:16px; }
a.cb-band:hover .cb-cta { background:#ffffff; transform:translateY(-2px); }
.cb-note { color:#9a9a9c; font-size:clamp(12px,1.6vw,13px); margin:12px 0 0; }
.cb-chips { position:relative; display:grid; gap:12px; width:clamp(240px,26vw,290px); }
.cb-tag { position:absolute; top:-26px; right:0; color:#8e8e90; font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.cb-chip { display:flex; align-items:center; gap:12px; background:#ffffff; border-radius:16px; padding:12px 16px; box-shadow:0 18px 34px -18px rgba(0,0,0,.7); }
.cb-chip:nth-child(3) { margin-left:26px; margin-right:-12px; }
.cb-chip i { flex:none; width:38px; height:38px; border-radius:12px; display:grid; place-items:center; background:#fdf3ec; color:#aa5d19; }
.cb-chip i svg { width:20px; height:20px; }
.cb-chip small { display:block; font-size:12px; color:#6b6b6e; line-height:1.2; }
.cb-chip b { display:block; font-family:"Anton",sans-serif; font-weight:400; font-size:26px; line-height:1.05; color:#111111; }
.cb-chip.ok i { background:#e3f1e8; color:#2f7d50; }
.cb-chip.ok b { color:#2f7d50; }
@media (max-width: 760px) {
.cb-inner { grid-template-columns:1fr; gap:16px; padding:28px var(--pad-x) 30px; }
.cb-chips { order:-1; width:auto; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:16px; }
.cb-tag { top:-20px; right:auto; left:0; }
.cb-chip { flex-direction:column; align-items:flex-start; gap:2px; padding:10px 10px; border-radius:12px; }
.cb-chip:nth-child(3) { margin:0; }
.cb-chip i { display:none; }
.cb-chip small { font-size:10.5px; }
.cb-chip b { font-size:22px; }
.cb-band h2 { font-size:30px; }
.cb-sub { font-size:14px; margin-bottom:16px; }
.cb-cta { display:flex; justify-content:center; width:100%; padding:15px 20px; }
.cb-note { text-align:center; }
}
';
}
function omma_calc_band_html($args = []) {
$a = wp_parse_args($args, [
'eyebrow' => 'Free BMI Calculator · 1 minute',
'heading' => 'How much body fat
do you carry?',
'sub' => 'Check your BMI, body fat and waist-to-height ratio on the Malaysian scale. Then see a healthy target and how long it could take.',
'cta' => 'Calculate now',
'note' => 'No sign-up. Results in seconds.',
]);
$arrow = '';
$ic = function ($p) { return ''; };
$drop = '';
$tape = '';
$tgt = '';
return '
' . $a['eyebrow'] . '
' . $a['heading'] . '
' . $a['sub'] . '
' . $a['cta'] . ' ' . $arrow . '
' . $a['note'] . '
Example
' . $ic($drop) . '
Body fat≈29%
' . $ic($tape) . '
Waist-to-height0.58
' . $ic($tgt) . '
Target72 kg
';
}