/*! Bytecode — "Book a meeting" (Calendly) popup: match the other popups */

/* the theme hides lists and the help card in this popup: show them like the other popups */
.main_custom_popup_form.bcp .bc_modal.calendly_modal ul.bcp-list{display:block!important;visibility:visible!important}
.main_custom_popup_form.bcp .bc_modal.calendly_modal ul.bcp-list li{display:flex!important;visibility:visible!important;opacity:1!important}
.main_custom_popup_form.bcp .bc_modal.calendly_modal .readyToHelp_block{display:flex!important}

/* the Calendly calendar: a rounded card that fills the right side, no grey strip under it */
.main_custom_popup_form.bcp .bc_modal.calendly_modal .bcp-fwrap{display:flex;flex-direction:column;height:100%}
.main_custom_popup_form.bcp .bc_modal.calendly_modal .calendly_form_wrap{
  flex:1 1 auto;position:relative;margin-top:4px;border-radius:18px;overflow:hidden;
  border:1px solid rgba(255,255,255,.12);background:#fff;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.8),0 0 0 4px rgba(11,102,255,.08);
}
.main_custom_popup_form.bcp .bc_modal.calendly_modal .calendly_form_wrap:not(:has(iframe)){background:transparent;border:0;box-shadow:none;overflow:visible}
.main_custom_popup_form.bcp .bc_modal.calendly_modal .calendly_form_wrap iframe{
  display:block;width:100%!important;height:clamp(500px,64vh,600px)!important;min-height:0!important;border:0!important;
}
.main_custom_popup_form.bcp .bc_modal.calendly_modal .calendly-inline-widget{min-width:0!important;height:auto!important}
@media (max-width:900px){
  .main_custom_popup_form.bcp .bc_modal.calendly_modal .calendly_form_wrap iframe{height:560px!important}
}

/* ---------- fancy scrollbar for the calendar ----------
   The calendar (Calendly) lives in an iframe from calendly.com, and a browser never lets a website
   restyle the scrollbar inside someone else's iframe. So popup-extras.js makes the iframe as tall as
   Calendly's content (Calendly reports its height), and this card scrolls instead, with our scrollbar. */
.main_custom_popup_form.bcp .bc_modal.calendly_modal .calendly_form_wrap:has(iframe){
  height:clamp(500px,64vh,600px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:#0B66FF rgba(11,102,255,.08);
}
.main_custom_popup_form.bcp .bc_modal.calendly_modal .calendly_form_wrap:has(iframe)::-webkit-scrollbar{width:10px}
.main_custom_popup_form.bcp .bc_modal.calendly_modal .calendly_form_wrap:has(iframe)::-webkit-scrollbar-track{margin:14px 0;border-radius:99px;background:rgba(11,102,255,.08)}
.main_custom_popup_form.bcp .bc_modal.calendly_modal .calendly_form_wrap:has(iframe)::-webkit-scrollbar-thumb{border-radius:99px;border:2px solid #fff;background:linear-gradient(180deg,#0B66FF,#7FA8FF)}
.main_custom_popup_form.bcp .bc_modal.calendly_modal .calendly_form_wrap:has(iframe)::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0050d6,#4C8DFF)}
.main_custom_popup_form.bcp .bc_modal.calendly_modal .calendly_form_wrap:has(iframe)::-webkit-scrollbar-button{display:none;height:0}
@media (max-width:900px){
  .main_custom_popup_form.bcp .bc_modal.calendly_modal .calendly_form_wrap:has(iframe){height:560px}
}