/* bd-grading — the two blocks this plugin prints on checkout / thank-you pages
   ([bd_grading_upgrade], [bd_grading_next_steps]). Loaded only where one of them
   renders. Scoped under .bdg-co so nothing here can touch the checkout form. */
.bdg-co{font-family:'Roboto',system-ui,-apple-system,'Segoe UI',sans-serif; color:#20292F; text-align:left; box-sizing:border-box; line-height:1.5}
.bdg-co *,.bdg-co *::before,.bdg-co *::after{box-sizing:border-box}

/* packet prompt */
.bdg-co-nudge{position:relative; background:#e8f1fd; border:1px solid #bcd6f7; border-radius:10px; padding:16px 16px 14px; margin:18px 0 16px; font-size:14.5px}
.bdg-co-nudge p{margin:0 0 8px; color:#20292F; font-size:14.5px; line-height:1.5}
.bdg-co-nudge-ok{background:#e6f4ec; border-color:#b9dfc9}
.bdg-co-nudge-ok p{margin:0}
.bdg-co-tag{position:absolute; top:-10px; left:14px; background:#005BBC; color:#fff; font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:2px 10px; border-radius:999px; line-height:1.5; white-space:nowrap}
.bdg-co-nudge-ok .bdg-co-tag{background:#1a7f4b}
.bdg-co a.bdg-co-link{display:inline-block; color:#005BBC; font-weight:700; text-decoration:underline; font-size:14.5px}
.bdg-co a.bdg-co-link:hover{color:#004a99}

/* thank-you steps */
.bdg-co-steps{background:#fff; border:1px solid #C9CBE0; border-radius:14px; padding:26px 28px 22px; margin:0 auto 24px; max-width:760px; font-size:15.5px}
.bdg-co-kicker{margin:0 0 4px; font-size:12.5px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:#1a7f4b}
.bdg-co h2.bdg-co-title{margin:0 0 8px; font-size:26px; line-height:1.2; font-weight:700; color:#20292F; text-transform:none; letter-spacing:0; font-family:inherit}
.bdg-co-lead{margin:0 0 18px; color:#54626e; font-size:16px}
.bdg-co ol.bdg-co-list{list-style:none; margin:0; padding:0; counter-reset:bdgco}
.bdg-co ol.bdg-co-list > li{position:relative; counter-increment:bdgco; margin:0; padding:14px 0 14px 50px; border-top:1px solid #E4E6F0; list-style:none}
.bdg-co ol.bdg-co-list > li::before{content:counter(bdgco); position:absolute; left:0; top:13px; width:34px; height:34px; border-radius:50%; background:#e8f1fd; color:#005BBC; font-weight:800; font-size:16px; display:flex; align-items:center; justify-content:center}
.bdg-co ol.bdg-co-list > li:first-child::before{background:#005BBC; color:#fff}
.bdg-co-list b{display:block; font-size:16.5px; margin-bottom:2px}
.bdg-co-list span{display:block; color:#54626e}
.bdg-co-list .bdg-co-btns{display:flex; gap:10px; flex-wrap:wrap; margin-top:12px}
.bdg-co a.bdg-co-btn{display:inline-flex; align-items:center; justify-content:center; background:#005BBC; color:#fff !important; border:1px solid #005BBC; border-radius:9px; padding:12px 22px; font-weight:700; font-size:16px; line-height:1.2; text-decoration:none !important; min-height:46px}
.bdg-co a.bdg-co-btn:hover{background:#004a99; border-color:#004a99}
.bdg-co a.bdg-co-btn:focus-visible{outline:3px solid #4fa1ff; outline-offset:2px}
.bdg-co-foot{margin:14px 0 0; padding-top:14px; border-top:1px solid #E4E6F0; color:#5C6C78; font-size:14px}
.bdg-co-foot a{color:#005BBC}
@media (max-width:600px){
  .bdg-co-steps{padding:20px 18px 18px}
  .bdg-co h2.bdg-co-title{font-size:22px}
  .bdg-co ol.bdg-co-list > li{padding-left:44px}
  .bdg-co a.bdg-co-btn{width:100%}
}

/* App Review add-on tick-box ([bd_grading_addon]) */
.bdg-co-addon{position:relative; background:#fffbe0; border:2px dashed #d9a400; border-radius:10px; padding:16px 16px 10px; margin:18px 0 16px; font-size:14.5px; transition:background .15s ease, border-color .15s ease}
.bdg-co-addon.is-on{background:#e6f4ec; border-color:#1a7f4b; border-style:solid}
.bdg-co-addon.is-busy{opacity:.7}
.bdg-co-addon .bdg-co-tag{background:#a85b00}
.bdg-co-addon.is-on .bdg-co-tag{background:#1a7f4b}
.bdg-co label.bdg-co-addon-label{display:flex; align-items:flex-start; gap:10px; margin:0 0 6px; cursor:pointer; font-size:15.5px; font-weight:700; color:#20292F; line-height:1.35}
.bdg-co label.bdg-co-addon-label input{flex:none; width:20px; height:20px; margin:1px 0 0; accent-color:#005BBC; cursor:pointer}
.bdg-co-addon-title{flex:1; min-width:0}
.bdg-co-addon-price{flex:none; white-space:nowrap; color:#1a7f4b}
.bdg-co-addon-price s{color:#5C6C78; font-weight:400; margin-right:4px}
.bdg-co-addon p{margin:0 0 6px 30px; color:#54626e; font-size:14px; line-height:1.5}
.bdg-co-addon p.bdg-co-addon-msg{min-height:1.2em; font-size:13px; color:#20292F; font-weight:600}
@media (max-width:600px){ .bdg-co-addon p{margin-left:0} .bdg-co label.bdg-co-addon-label{flex-wrap:wrap} .bdg-co-addon-price{margin-left:30px} }
/* 1.6.2: the interview nudge's quiet second line, and the cross-offer at the end of the thank-you block */
.bdg-co-nudge-ok .bdg-co-nudge-alt{margin:8px 0 0; color:#4a5560; font-size:14px}
.bdg-co-nudge-ok .bdg-co-nudge-alt a.bdg-co-link{font-size:14px}
.bdg-co-cross{background:#f6f8fa; border:1px solid #dfe5ea; border-radius:10px; padding:14px 16px; margin:16px 0 0; font-size:14.5px}
.bdg-co-cross p{margin:0 0 6px; color:#20292F; line-height:1.5}
.bdg-co-cross p.bdg-co-cross-title{font-size:15.5px; margin-bottom:4px}
.bdg-co-prep a{color:#005BBC; font-weight:700}