/* BERT Savings Calculator: Present + Print add-on styles (agent-managed, #541; v3 #543). Pairs with /js/bert-calc-present.js. */

/* ---- toolbar (normal page) ---- */
.bcp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.bcp-brand{display:none;align-items:center;gap:12px;min-width:0}
.bcp-brand img{height:32px;width:auto;display:block}
.bcp-title{font-weight:700;color:var(--navy);font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcp-acts{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}
.bcp-bar .btn{font:inherit;font-weight:700;font-size:15px;padding:9px 18px;cursor:pointer;min-height:44px;background:#fff}
.bcp-bar .btn[hidden],.bcp-exit{display:none}
#bcp-print{display:none}

/* ---- present mode: full viewport, site chrome hidden ---- */
html.bcp-on,html.bcp-on body{background:#fff}
html.bcp-on .skip,html.bcp-on .site-header,html.bcp-on .site-footer,html.bcp-on #hero,html.bcp-on #calc-faq,html.bcp-on #cta-band,
html.bcp-on [id^="agentsfast-chat"]{display:none!important}
html.bcp-on #calc-intro{padding:0 0 24px;background:#fff}
html.bcp-on #calc-intro>.wrap{max-width:1440px;padding:0 max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right))}
html.bcp-on .bcp-bar{position:sticky;top:0;z-index:60;background:var(--navy);margin:0 -16px 16px;padding:max(8px,env(safe-area-inset-top)) 16px 8px;box-shadow:0 2px 10px rgba(13,34,55,.2)}
/* the site logo is white (made for the dark header), so the present bar is navy too */
html.bcp-on .bcp-title{color:#fff}
html.bcp-on .bcp-bar .btn{background:transparent;color:#fff;border-color:#9fc3cf}
html.bcp-on .bcp-bar .btn.bcp-exit{background:#fff;color:var(--navy);border-color:#fff}
html.bcp-on .bcp-brand{display:flex}
html.bcp-on .bcp-exit{display:inline-block}
html.bcp-on .bcp-present{display:none}
/* larger touch targets */
html.bcp-on .bc-chip,html.bcp-on .bc-chips .bc-more{min-height:48px;padding:12px 18px;font-size:16px}
html.bcp-on .bc input[type=number],html.bcp-on .bc input[type=text],html.bcp-on .bc select{min-height:48px;font-size:17px}
html.bcp-on .bc-slider{grid-template-columns:1fr minmax(160px,1.2fr) 64px;font-size:16px}
html.bcp-on .bc-slider input[type=range]{height:44px}
html.bcp-on .bc-toggles>label{min-height:44px;display:flex;align-items:center;gap:8px}
html.bcp-on .bc-toggles input[type=checkbox]{width:24px;height:24px}
html.bcp-on .bc-tabs button,html.bcp-on .bc-path button,html.bcp-on .bc-step button{min-height:48px;min-width:48px;font-size:16px}
html.bcp-on .bc-step input{min-height:48px}
/* big savings figure: sized to its card so "/ yr" stays on the same line (#543) */
html.bcp-on .bc-big{font-size:clamp(28px,3.3vw,52px)}
html.bcp-on .bc-big span{white-space:nowrap}
@supports (font-size:1cqi){html.bcp-on .bc-range{container-type:inline-size}html.bcp-on .bc-big{font-size:clamp(26px,10.5cqi,52px)}}
/* keep the results card in view while scrolling (its column stretches to the row height) */
html.bcp-on .bc-side{align-self:stretch}
html.bcp-on .bc-sticky{top:76px}
/* the pinned mobile savings bar can use the full width (no chat button in present mode) */
html.bcp-on .bc-mbar{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}
@media (max-width:600px){
 html.bcp-on .bcp-title{display:none}
 html.bcp-on .bcp-bar{flex-wrap:nowrap;gap:8px}
 html.bcp-on .bcp-brand img{height:24px}
 html.bcp-on .bcp-acts{gap:6px;flex-wrap:nowrap}
 html.bcp-on .bcp-bar .btn{padding:8px 11px;font-size:14px}
 html.bcp-on .bc-slider{grid-template-columns:1fr 64px}
 html.bcp-on .bc-card{padding:20px 16px}
}
/* phone landscape: short screen, keep the bar slim */
@media (max-height:500px) and (orientation:landscape){
 html.bcp-on .bcp-bar{padding-top:4px;padding-bottom:4px;margin-bottom:10px}
 html.bcp-on .bcp-brand img{height:26px}
 html.bcp-on .bcp-bar .btn{min-height:40px;padding:6px 14px}
 html.bcp-on .bc-sticky{top:60px}
}
/* phone landscape / small tablet landscape: results pinned beside the inputs instead of below them */
@media (orientation:landscape) and (min-width:700px) and (max-width:900px){
 html.bcp-on .bc-layout{grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr);gap:16px}
 html.bcp-on .bc-sticky{position:sticky;top:56px}
 html.bcp-on .bc-mbar{display:none!important}
 html.bcp-on .bc-big{font-size:30px}
 html.bcp-on .bc-ses{display:none}
 html.bcp-on .bc-slider{grid-template-columns:1fr 64px}
}

/* ---- print: one clean page, only the sheet ---- */
@media print{
 @page{size:letter portrait;margin:0.45in}
 #bcp-print .bc-range{container-type:normal}
 body>*:not(#bcp-print){display:none!important}
 html,body{background:#fff!important}
 #bcp-print{display:block!important;font-size:10.5pt;line-height:1.35;color:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 #bcp-print a{color:inherit;text-decoration:none}
 #bcp-print h2,#bcp-print h3,#bcp-print h4{color:#0d2237;margin:0 0 6px;break-after:avoid}
 #bcp-print h2{font-size:12pt}
 #bcp-print h4{font-size:11pt;margin-top:10px}
 #bcp-print h3{font-size:10pt}
 .bcp-hd{display:flex;align-items:center;justify-content:space-between;background:#0d2237!important;color:#fff;border-radius:6px;padding:10px 14px;margin-bottom:12px}
 .bcp-hd img{height:36px;width:auto}
 .bcp-ht{text-align:right}
 .bcp-ht strong{display:block;font-size:13pt;color:#fff}
 .bcp-ht span{font-size:10pt;color:#d6e4ea}
 .bcp-ht .bcp-se{display:block;font-style:normal;font-weight:700;font-size:10.5pt;letter-spacing:.04em;text-transform:uppercase;color:#7fd3d9}
 .bcp-body{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;break-inside:avoid}
 .bcp-in dl{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:3px 12px;margin:0}
 .bcp-devs{margin:10px 0 0}
 .bcp-in dt{font-weight:700}
 .bcp-in dd{margin:0}
 .bcp-out .bc-range{border:1.5px solid #00707a;border-radius:8px;padding:12px 14px;background:#fff!important;color:#0d2237!important}
 .bcp-out .bc-range *{color:#0d2237!important}
 #bcp-print .bcp-out .bc-big{font-size:20pt;font-weight:800;margin:2px 0 4px}
 #bcp-print .bcp-out .bc-big span{font-size:11pt}
 .bcp-out .bc-range p{margin:0 0 4px}
 .bcp-det{margin-top:10px;break-inside:avoid}
 .bcp-det .bc-brow{display:grid;grid-template-columns:1.2fr 1.5fr 1.8fr;gap:10px;align-items:center;margin:2px 0}
 .bcp-det .bc-bv{text-align:right;white-space:nowrap}
 .bcp-det .bc-bt{display:block;height:8px;background:#eef3f5;border-radius:4px;overflow:hidden}
 .bcp-det .bc-bf{display:block;height:100%;background:#00707a}
 .bcp-det .bc-bv small{display:inline;margin-left:6px;color:#444}
 .bcp-det dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0}
 .bcp-det dt{font-weight:700}
 .bcp-det dd{margin:0}
 .bcp-faq{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;padding-top:10px;border-top:1px solid #9fb8c4;font-size:9pt;break-inside:avoid}
 .bcp-faq .card{border:0;padding:0;margin:0;box-shadow:none;background:none}
 .bcp-faq p{margin:0}
}