#bch-contact-hub,#bch-contact-hub *{box-sizing:border-box!important} #bch-contact-hub{--bch-primary:#F07A00;--bch-header:#F07A00;--bch-action:#25D366;--bch-button-text:#fff;--bch-header-text:#fff;--bch-text:#202020;--bch-muted:#777;--bch-panel-bg:#fff;--bch-body-bg:#f8f8f8;--bch-card-bg:#fff;--bch-card-border:#e9e9e9;--bch-icon-bg:#fff3e8;--bch-button-size:62px;--bch-panel-width:390px;--bch-radius:20px;position:fixed!important;z-index:2147483000!important;direction:rtl!important;font-family:Tahoma,Arial,sans-serif!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .22s ease,visibility .22s ease!important} #bch-contact-hub.is-ready{opacity:1!important;visibility:visible!important;pointer-events:auto!important} #bch-contact-hub.bch-pos-right{right:var(--bch-side-desktop,22px)!important;left:auto!important} #bch-contact-hub.bch-pos-left{left:var(--bch-side-desktop,22px)!important;right:auto!important} #bch-contact-hub button,#bch-contact-hub input,#bch-contact-hub textarea,#bch-contact-hub select{font:inherit!important;box-sizing:border-box!important} #bch-contact-hub button{-webkit-appearance:none!important;appearance:none!important;text-transform:none!important;letter-spacing:normal!important} #bch-contact-hub svg{display:block!important} /* main trigger */ #bch-contact-hub .bch-main-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:var(--bch-button-size)!important;height:var(--bch-button-size)!important;min-width:var(--bch-button-size)!important;min-height:var(--bch-button-size)!important;padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;background:var(--bch-primary)!important;color:var(--bch-button-text)!important;cursor:pointer!important;box-shadow:0 8px 28px rgba(0,0,0,.24)!important;position:relative!important;overflow:visible!important;transition:transform .2s ease,box-shadow .2s ease!important} #bch-contact-hub .bch-main-button:hover{transform:translateY(-2px)!important;box-shadow:0 11px 32px rgba(0,0,0,.28)!important;background:var(--bch-primary)!important;color:var(--bch-button-text)!important} #bch-contact-hub .bch-main-button:focus{outline:2px solid color-mix(in srgb,var(--bch-primary) 35%,#fff)!important;outline-offset:3px!important} #bch-contact-hub .bch-main-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;flex:0 0 auto!important;color:inherit!important;overflow:hidden!important} #bch-contact-hub .bch-main-icon svg{width:32px!important;height:32px!important;fill:currentColor!important} #bch-contact-hub .bch-main-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:50%!important;margin:0!important;padding:0!important} #bch-contact-hub .bch-main-text{display:none!important;color:inherit!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important} #bch-contact-hub .bch-badge{position:absolute!important;top:-5px!important;right:-5px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:21px!important;height:21px!important;padding:0 5px!important;border:2px solid #fff!important;border-radius:999px!important;background:#e53935!important;color:#fff!important;font-size:11px!important;font-weight:700!important;line-height:1!important} /* widget types */ #bch-contact-hub.bch-type-pill .bch-main-button{width:auto!important;min-width:145px!important;height:54px!important;min-height:54px!important;padding:0 18px!important;border-radius:999px!important} #bch-contact-hub.bch-type-pill .bch-main-icon{width:28px!important;height:28px!important} #bch-contact-hub.bch-type-pill .bch-main-icon svg{width:26px!important;height:26px!important} #bch-contact-hub.bch-type-pill .bch-main-text{display:block!important} #bch-contact-hub.bch-type-logo .bch-main-icon{width:calc(var(--bch-button-size) - 10px)!important;height:calc(var(--bch-button-size) - 10px)!important} #bch-contact-hub.bch-type-logo .bch-main-button{padding:5px!important;background:#fff!important;border:3px solid var(--bch-primary)!important} #bch-contact-hub.bch-type-logo .bch-main-icon img{border-radius:50%!important} #bch-contact-hub.bch-type-tab .bch-main-button{width:auto!important;min-width:42px!important;height:auto!important;min-height:130px!important;padding:15px 10px!important;border-radius:14px 0 0 14px!important;flex-direction:column!important} #bch-contact-hub.bch-type-tab.bch-pos-left .bch-main-button{border-radius:0 14px 14px 0!important} #bch-contact-hub.bch-type-tab .bch-main-icon{width:26px!important;height:26px!important} #bch-contact-hub.bch-type-tab .bch-main-text{display:block!important;writing-mode:vertical-rl!important;transform:rotate(180deg)!important;font-size:12px!important} #bch-contact-hub.bch-type-tab.bch-pos-right{right:0!important} #bch-contact-hub.bch-type-tab.bch-pos-left{left:0!important} #bch-contact-hub.bch-type-minimal{--bch-button-size:48px} #bch-contact-hub.bch-type-minimal .bch-main-icon{width:26px!important;height:26px!important} #bch-contact-hub.bch-type-minimal .bch-main-icon svg{width:24px!important;height:24px!important} #bch-contact-hub.bch-type-mobile_bar .bch-main-button{width:auto!important;min-width:150px!important;height:54px!important;min-height:54px!important;padding:0 18px!important;border-radius:14px!important} #bch-contact-hub.bch-type-mobile_bar .bch-main-text{display:block!important} #bch-contact-hub.bch-type-mobile_bar .bch-main-icon{width:28px!important;height:28px!important} /* teaser */ #bch-contact-hub .bch-teaser{position:absolute!important;bottom:6px!important;display:block!important;width:max-content!important;max-width:240px!important;padding:10px 14px!important;margin:0!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:12px!important;background:#fff!important;color:#333!important;box-shadow:0 6px 24px rgba(0,0,0,.16)!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;cursor:pointer!important;opacity:0!important;visibility:hidden!important;transform:translateY(7px)!important;transition:.22s ease!important} #bch-contact-hub.bch-pos-right .bch-teaser{right:calc(var(--bch-button-size) + 14px)!important} #bch-contact-hub.bch-pos-left .bch-teaser{left:calc(var(--bch-button-size) + 14px)!important} #bch-contact-hub .bch-teaser.is-showing{opacity:1!important;visibility:visible!important;transform:translateY(0)!important} /* window */ #bch-contact-hub .bch-window{position:absolute!important;bottom:calc(var(--bch-button-size) + 18px)!important;width:var(--bch-panel-width)!important;max-width:calc(100vw - 24px)!important;max-height:min(720px,calc(100vh - 110px))!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:0!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:var(--bch-radius)!important;background:var(--bch-panel-bg)!important;box-shadow:0 18px 55px rgba(0,0,0,.25)!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(18px) scale(.97)!important;transition:opacity .22s ease,visibility .22s ease,transform .22s ease!important} #bch-contact-hub.bch-pos-right .bch-window{right:0!important;left:auto!important;transform-origin:bottom right!important} #bch-contact-hub.bch-pos-left .bch-window{left:0!important;right:auto!important;transform-origin:bottom left!important} #bch-contact-hub.is-open .bch-window{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important} #bch-contact-hub.bch-type-tab .bch-window{bottom:0!important} /* header */ #bch-contact-hub .bch-header{display:flex!important;align-items:center!important;gap:12px!important;padding:16px!important;margin:0!important;background:var(--bch-header)!important;color:var(--bch-header-text)!important} #bch-contact-hub .bch-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:52px!important;height:52px!important;min-width:52px!important;padding:5px!important;margin:0!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 3px 12px rgba(0,0,0,.12)!important} #bch-contact-hub .bch-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important;padding:0!important} #bch-contact-hub .bch-brand{flex:1!important;min-width:0!important} #bch-contact-hub .bch-brand strong{display:block!important;margin:0 0 1px!important;padding:0!important;color:inherit!important;font-size:17px!important;font-weight:700!important;line-height:1.45!important} #bch-contact-hub .bch-brand small{display:block!important;margin:0 0 4px!important;padding:0!important;color:inherit!important;opacity:.9!important;font-size:11px!important;line-height:1.4!important} #bch-contact-hub .bch-status{display:flex!important;align-items:center!important;gap:6px!important;color:inherit!important;opacity:.96!important;font-size:11px!important} #bch-contact-hub .bch-status-dot{display:block!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#40ee7b!important;box-shadow:0 0 0 3px rgba(64,238,123,.18)!important} #bch-contact-hub .bch-close{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;margin:0!important;border:1px solid color-mix(in srgb,var(--bch-header-text) 24%,transparent)!important;border-radius:999px!important;background:color-mix(in srgb,var(--bch-header-text) 13%,transparent)!important;color:var(--bch-header-text)!important;font-size:22px!important;font-weight:400!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important} #bch-contact-hub .bch-close:hover{background:color-mix(in srgb,var(--bch-header-text) 24%,transparent)!important;color:var(--bch-header-text)!important} /* stepper */ #bch-contact-hub .bch-stepper{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;gap:6px!important;padding:11px 10px!important;margin:0!important;border-bottom:1px solid #eee!important;background:var(--bch-panel-bg)!important} #bch-contact-hub .bch-step{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:#9aa0a6!important;cursor:default!important;box-shadow:none!important} #bch-contact-hub .bch-step-dot{display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;border:1px solid #d9dde1!important;border-radius:999px!important;background:#fff!important;color:#8a9096!important;font-size:11px!important;font-weight:700!important} #bch-contact-hub .bch-step span:last-child{font-size:10px!important;white-space:nowrap!important} #bch-contact-hub .bch-step.is-active .bch-step-dot,#bch-contact-hub .bch-step.is-done .bch-step-dot{border-color:var(--bch-primary)!important;background:var(--bch-primary)!important;color:#fff!important} #bch-contact-hub .bch-step.is-active span:last-child,#bch-contact-hub .bch-step.is-done span:last-child{color:var(--bch-primary)!important;font-weight:700!important} #bch-contact-hub .bch-step.is-done{cursor:pointer!important} /* body */ #bch-contact-hub .bch-body{flex:1!important;min-height:250px!important;padding:18px 16px 16px!important;margin:0!important;background:var(--bch-body-bg)!important;overflow-y:auto!important;overscroll-behavior:contain!important} #bch-contact-hub .bch-title{margin:0 0 5px!important;padding:0!important;color:var(--bch-text)!important;font-size:18px!important;font-weight:700!important;line-height:1.5!important} #bch-contact-hub .bch-subtitle{margin:0 0 15px!important;padding:0!important;color:var(--bch-muted)!important;font-size:13px!important;line-height:1.65!important} #bch-contact-hub .bch-options{display:flex!important;flex-direction:column!important;gap:9px!important;padding:0!important;margin:0!important} #bch-contact-hub .bch-option{display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:56px!important;padding:10px 12px!important;margin:0!important;border:1px solid var(--bch-card-border)!important;border-radius:13px!important;background:var(--bch-card-bg)!important;color:var(--bch-text)!important;text-align:right!important;text-decoration:none!important;cursor:pointer!important;box-shadow:0 2px 8px rgba(0,0,0,.025)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important} #bch-contact-hub .bch-option:hover{border-color:var(--bch-primary)!important;background:var(--bch-card-bg)!important;color:var(--bch-text)!important;transform:translateX(-2px)!important;box-shadow:0 5px 16px rgba(0,0,0,.07)!important} #bch-contact-hub .bch-option-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:40px!important;border-radius:11px!important;background:var(--bch-icon-bg)!important;color:var(--bch-primary)!important;font-size:19px!important;overflow:hidden!important} #bch-contact-hub .bch-option-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:5px!important;margin:0!important} #bch-contact-hub .bch-option-label{flex:1!important;color:inherit!important;font-size:14px!important;font-weight:700!important;line-height:1.5!important} #bch-contact-hub .bch-option-arrow{color:#a4a9ae!important;font-size:18px!important;line-height:1!important} /* fields and review */ #bch-contact-hub .bch-fields{display:flex!important;flex-direction:column!important;gap:12px!important} #bch-contact-hub .bch-field{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;padding:0!important} #bch-contact-hub .bch-field label{display:block!important;margin:0!important;padding:0!important;color:var(--bch-text)!important;font-size:12px!important;font-weight:700!important} #bch-contact-hub .bch-field input,#bch-contact-hub .bch-field textarea,#bch-contact-hub .bch-field select{display:block!important;width:100%!important;min-height:44px!important;padding:10px 12px!important;margin:0!important;border:1px solid var(--bch-field-border)!important;border-radius:10px!important;background:var(--bch-field-bg)!important;color:var(--bch-field-text)!important;-webkit-text-fill-color:var(--bch-field-text)!important;outline:none!important;box-shadow:none!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:0!important} #bch-contact-hub .bch-field textarea{min-height:92px!important;resize:vertical!important} #bch-contact-hub .bch-field input:focus,#bch-contact-hub .bch-field textarea:focus,#bch-contact-hub .bch-field select:focus{border-color:var(--bch-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--bch-primary) 15%,transparent)!important} #bch-contact-hub .bch-field.is-error input,#bch-contact-hub .bch-field.is-error textarea,#bch-contact-hub .bch-field.is-error select{border-color:#d63638!important} #bch-contact-hub .bch-error{display:none!important;color:#d63638!important;font-size:11px!important} #bch-contact-hub .bch-field.is-error .bch-error{display:block!important} #bch-contact-hub .bch-review{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0 0 14px!important} #bch-contact-hub .bch-review-row{display:flex!important;justify-content:space-between!important;gap:10px!important;padding:9px 11px!important;border:1px solid #ececec!important;border-radius:10px!important;background:#fff!important;font-size:12px!important} #bch-contact-hub .bch-review-row strong{color:#4f555a!important} #bch-contact-hub .bch-review-row span{color:var(--bch-text)!important;text-align:left!important} #bch-contact-hub .bch-actions{display:flex!important;gap:9px!important;margin-top:14px!important} #bch-contact-hub .bch-actions button{display:flex!important;align-items:center!important;justify-content:center!important;min-height:45px!important;padding:10px 14px!important;margin:0!important;border-radius:11px!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;box-shadow:none!important} #bch-contact-hub .bch-back{border:1px solid #d9dde1!important;background:#fff!important;color:#3c434a!important} #bch-contact-hub .bch-send{flex:1!important;border:1px solid var(--bch-action)!important;background:var(--bch-action)!important;color:#fff!important} #bch-contact-hub .bch-empty{padding:18px!important;border:1px dashed #d9dde1!important;border-radius:12px!important;background:#fff!important;color:#666!important;text-align:center!important;font-size:13px!important} #bch-contact-hub .bch-footer{padding:10px 14px!important;margin:0!important;border-top:1px solid #eee!important;background:var(--bch-panel-bg)!important;color:#999!important;text-align:center!important;font-size:10px!important} #bch-contact-hub .bch-toast{position:absolute!important;left:50%!important;bottom:calc(var(--bch-button-size) + 22px)!important;max-width:280px!important;padding:9px 12px!important;border-radius:9px!important;background:#202124!important;color:#fff!important;font-size:11px!important;opacity:0!important;visibility:hidden!important;transform:translate(-50%,8px)!important;transition:.2s ease!important;z-index:3!important} #bch-contact-hub .bch-toast.is-showing{opacity:1!important;visibility:visible!important;transform:translate(-50%,0)!important} @supports not (background:color-mix(in srgb,red,white)){#bch-contact-hub .bch-close{border-color:rgba(255,255,255,.23)!important;background:rgba(255,255,255,.13)!important}#bch-contact-hub .bch-close:hover{background:rgba(255,255,255,.24)!important}} @media(max-width:1024px) and (min-width:601px){#bch-contact-hub.bch-hide-tablet{display:none!important}} @media(min-width:1025px){#bch-contact-hub.bch-hide-desktop{display:none!important}} @media(max-width:600px){ #bch-contact-hub.bch-hide-mobile{display:none!important} #bch-contact-hub.bch-pos-right{right:14px!important} #bch-contact-hub.bch-pos-left{left:14px!important} #bch-contact-hub .bch-window{position:fixed!important;left:10px!important;right:10px!important;bottom:86px!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 102px)!important;transform-origin:bottom center!important} #bch-contact-hub .bch-body{min-height:220px!important;padding:15px 13px 14px!important} #bch-contact-hub .bch-header{padding:14px!important} #bch-contact-hub .bch-logo{width:48px!important;height:48px!important;min-width:48px!important} #bch-contact-hub .bch-stepper{padding:10px 7px!important;gap:3px!important} #bch-contact-hub .bch-step span:last-child{font-size:9px!important} #bch-contact-hub .bch-option{min-height:53px!important} #bch-contact-hub.bch-compact-mobile .bch-brand small{display:none!important} #bch-contact-hub.bch-compact-mobile .bch-footer{display:none!important} #bch-contact-hub.bch-type-mobile_bar{left:10px!important;right:10px!important;width:auto!important} #bch-contact-hub.bch-type-mobile_bar .bch-main-button{width:100%!important;height:56px!important;justify-content:center!important;border-radius:14px!important} #bch-contact-hub.bch-type-mobile_bar .bch-window{bottom:78px!important} #bch-contact-hub.bch-type-tab .bch-main-button{min-height:110px!important;padding:12px 8px!important} #bch-contact-hub.bch-type-pill .bch-main-button{min-width:132px!important;height:52px!important;min-height:52px!important;padding:0 15px!important} } @media(prefers-reduced-motion:reduce){#bch-contact-hub,#bch-contact-hub .bch-window,#bch-contact-hub .bch-main-button,#bch-contact-hub .bch-teaser,#bch-contact-hub .bch-option{transition:none!important}} #bch-contact-hub.bch-type-logo .bch-main-button{color:var(--bch-primary)!important} #bch-contact-hub.bch-type-pill.bch-pos-right .bch-teaser,#bch-contact-hub.bch-type-mobile_bar.bch-pos-right .bch-teaser{right:0!important;bottom:66px!important} #bch-contact-hub.bch-type-pill.bch-pos-left .bch-teaser,#bch-contact-hub.bch-type-mobile_bar.bch-pos-left .bch-teaser{left:0!important;bottom:66px!important} /* v4.2.0: robust phone layout. Uses both width and touch capability so mobile Safari still receives the full-width layout even when a theme reports a wide layout viewport. */ @media (max-width:860px), (max-width:1024px) and (hover:none) and (pointer:coarse){ #bch-contact-hub{bottom:max(var(--bch-bottom-mobile,18px),env(safe-area-inset-bottom))!important} #bch-contact-hub.bch-pos-right{right:var(--bch-side-mobile,10px)!important;left:auto!important} #bch-contact-hub.bch-pos-left{left:var(--bch-side-mobile,10px)!important;right:auto!important} #bch-contact-hub .bch-window{ position:fixed!important; left:8px!important; right:8px!important; width:auto!important; max-width:none!important; bottom:calc(max(var(--bch-bottom-mobile,18px),env(safe-area-inset-bottom)) + var(--bch-button-size) + 14px)!important; max-height:calc(100vh - max(var(--bch-bottom-mobile,18px),env(safe-area-inset-bottom)) - var(--bch-button-size) - 34px)!important; max-height:calc(100dvh - max(var(--bch-bottom-mobile,18px),env(safe-area-inset-bottom)) - var(--bch-button-size) - 34px)!important; border-radius:min(var(--bch-radius),22px)!important; transform-origin:bottom center!important; } #bch-contact-hub .bch-header{padding:13px 14px!important;gap:10px!important;flex:0 0 auto!important} #bch-contact-hub .bch-logo{width:46px!important;height:46px!important;min-width:46px!important;border-radius:12px!important} #bch-contact-hub .bch-brand strong{font-size:16px!important;line-height:1.35!important} #bch-contact-hub .bch-brand small{font-size:10px!important;margin-bottom:3px!important} #bch-contact-hub .bch-status{font-size:10px!important} #bch-contact-hub .bch-close{width:34px!important;height:34px!important;min-width:34px!important} #bch-contact-hub .bch-stepper{grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;gap:2px!important;padding:9px 5px 8px!important;flex:0 0 auto!important} #bch-contact-hub .bch-step{min-width:0!important} #bch-contact-hub .bch-step-dot{width:23px!important;height:23px!important;font-size:10px!important} #bch-contact-hub .bch-step span:last-child{font-size:8.5px!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important} #bch-contact-hub .bch-body{min-height:0!important;padding:14px 12px 13px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important} #bch-contact-hub .bch-title{font-size:17px!important;margin-bottom:4px!important} #bch-contact-hub .bch-subtitle{font-size:12px!important;margin-bottom:12px!important;line-height:1.55!important} #bch-contact-hub .bch-options{gap:8px!important} #bch-contact-hub .bch-option{min-height:54px!important;padding:9px 10px!important;border-radius:12px!important} #bch-contact-hub .bch-option-icon{width:38px!important;height:38px!important;min-width:38px!important;border-radius:10px!important} #bch-contact-hub .bch-option-label{font-size:14px!important} #bch-contact-hub .bch-actions{position:sticky!important;bottom:0!important;padding-top:8px!important;background:linear-gradient(to top,var(--bch-body-bg) 72%,transparent)!important;z-index:1!important} #bch-contact-hub .bch-footer{padding:8px 12px!important;font-size:9px!important;flex:0 0 auto!important} #bch-contact-hub.bch-compact-mobile .bch-brand small{display:none!important} #bch-contact-hub.bch-compact-mobile .bch-footer{display:none!important} #bch-contact-hub.bch-type-mobile_bar{left:8px!important;right:8px!important;width:auto!important} #bch-contact-hub.bch-type-mobile_bar .bch-main-button{width:100%!important;height:54px!important;min-height:54px!important} #bch-contact-hub.bch-type-mobile_bar .bch-window{bottom:calc(max(var(--bch-bottom-mobile,18px),env(safe-area-inset-bottom)) + 68px)!important} } @media (max-width:420px){ #bch-contact-hub .bch-window{left:6px!important;right:6px!important} #bch-contact-hub .bch-header{padding:12px!important} #bch-contact-hub .bch-body{padding:12px 10px!important} #bch-contact-hub .bch-step span:last-child{font-size:8px!important} #bch-contact-hub .bch-option{min-height:52px!important;padding:8px 9px!important} } /* ========================================================== v1.0.1 — Phone full-screen mode Full-screen applies only to phone-sized viewports. Desktop and tablet presentation remains the configured floating panel. ========================================================== */ @media (max-width:767px), (max-height:500px) and (hover:none) and (pointer:coarse){ html.bch-phone-modal-open, body.bch-phone-modal-open{ overflow:hidden!important; overscroll-behavior:none!important; } #bch-contact-hub .bch-window{ position:fixed!important; z-index:100!important; inset:0!important; top:0!important; right:0!important; bottom:0!important; left:0!important; width:100vw!important; max-width:100vw!important; height:100vh!important; height:100svh!important; height:100dvh!important; min-height:100vh!important; min-height:100svh!important; max-height:none!important; margin:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; transform:translateY(18px)!important; transform-origin:center bottom!important; background:var(--bch-panel-bg)!important; } #bch-contact-hub.is-open .bch-window{ transform:translateY(0)!important; } #bch-contact-hub .bch-header{ flex:0 0 auto!important; padding-top:max(14px,env(safe-area-inset-top))!important; padding-right:max(16px,env(safe-area-inset-right))!important; padding-bottom:14px!important; padding-left:max(16px,env(safe-area-inset-left))!important; border-radius:0!important; } #bch-contact-hub .bch-logo{ width:50px!important; height:50px!important; min-width:50px!important; } #bch-contact-hub .bch-brand strong{ font-size:18px!important; } #bch-contact-hub .bch-brand small{ font-size:11px!important; } #bch-contact-hub .bch-status{ font-size:11px!important; } #bch-contact-hub .bch-close{ width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; font-size:25px!important; } #bch-contact-hub .bch-stepper{ flex:0 0 auto!important; padding:12px max(8px,env(safe-area-inset-right)) 11px max(8px,env(safe-area-inset-left))!important; gap:4px!important; background:var(--bch-panel-bg)!important; } #bch-contact-hub .bch-step-dot{ width:28px!important; height:28px!important; font-size:11px!important; } #bch-contact-hub .bch-step span:last-child{ font-size:9px!important; } #bch-contact-hub .bch-body{ flex:1 1 auto!important; min-height:0!important; max-height:none!important; padding:20px max(16px,env(safe-area-inset-right)) 18px max(16px,env(safe-area-inset-left))!important; overflow-y:auto!important; overflow-x:hidden!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior:contain!important; } #bch-contact-hub .bch-title{ font-size:21px!important; line-height:1.45!important; margin-bottom:7px!important; } #bch-contact-hub .bch-subtitle{ font-size:14px!important; line-height:1.7!important; margin-bottom:18px!important; } #bch-contact-hub .bch-options{ gap:12px!important; } #bch-contact-hub .bch-option{ min-height:68px!important; padding:12px 14px!important; border-radius:16px!important; } #bch-contact-hub .bch-option-icon{ width:46px!important; height:46px!important; min-width:46px!important; border-radius:12px!important; font-size:21px!important; } #bch-contact-hub .bch-option-label{ font-size:16px!important; } #bch-contact-hub .bch-option-arrow{ font-size:21px!important; } #bch-contact-hub .bch-fields{ gap:14px!important; } #bch-contact-hub .bch-field label{ font-size:13px!important; } #bch-contact-hub .bch-field input, #bch-contact-hub .bch-field textarea, #bch-contact-hub .bch-field select{ min-height:50px!important; padding:12px 13px!important; border-radius:12px!important; font-size:14px!important; /* visually aligned with the chat controls */ font-weight:500!important; line-height:1.4!important; } #bch-contact-hub .bch-field textarea{ min-height:110px!important; } #bch-contact-hub .bch-actions{ position:sticky!important; bottom:0!important; z-index:5!important; gap:10px!important; margin-top:18px!important; padding-top:10px!important; padding-bottom:max(4px,env(safe-area-inset-bottom))!important; background:linear-gradient(to top,var(--bch-body-bg) 78%,transparent)!important; } #bch-contact-hub .bch-actions button{ min-height:50px!important; padding:11px 16px!important; border-radius:13px!important; font-size:14px!important; } #bch-contact-hub .bch-footer{ flex:0 0 auto!important; padding:10px 14px max(10px,env(safe-area-inset-bottom))!important; font-size:10px!important; } #bch-contact-hub.is-open .bch-main-button, #bch-contact-hub.is-open .bch-teaser, #bch-contact-hub.is-open .bch-badge{ opacity:0!important; visibility:hidden!important; pointer-events:none!important; } #bch-contact-hub .bch-toast{ position:fixed!important; z-index:120!important; left:50%!important; right:auto!important; bottom:max(18px,env(safe-area-inset-bottom))!important; width:calc(100vw - 32px)!important; max-width:420px!important; } } /* Automatic reply shown after a configured answer */ #bch-contact-hub .bch-auto-reply{ display:flex!important; align-items:flex-start!important; gap:9px!important; margin-top:2px!important; padding:10px 11px!important; border:1px solid var(--bch-card-border)!important; border-radius:10px!important; background:var(--bch-icon-bg)!important; color:var(--bch-text)!important; font-size:12px!important; line-height:1.7!important; } #bch-contact-hub .bch-auto-reply-icon{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:20px!important; height:20px!important; min-width:20px!important; border-radius:50%!important; background:var(--bch-primary)!important; color:#fff!important; font-size:12px!important; font-weight:800!important; line-height:1!important; } #bch-contact-hub .bch-auto-reply-text{ white-space:pre-line!important; } /* v1.0.5 — form/dropdown colors are controlled from Appearance */ #bch-contact-hub .bch-field select option{background:var(--bch-field-bg)!important;color:var(--bch-field-text)!important;-webkit-text-fill-color:var(--bch-field-text)!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important} #bch-contact-hub .bch-field input::placeholder,#bch-contact-hub .bch-field textarea::placeholder{color:var(--bch-field-text)!important;-webkit-text-fill-color:var(--bch-field-text)!important;opacity:.58;font-size:14px!important;font-weight:500!important;line-height:1.4!important} /* ========================================================== v1.0.7 — Interactive live chat + WooCommerce order delivery Admin/settings stay unchanged; only the customer conversation is rendered as a chat stream instead of registration-like steps. ========================================================== */ #bch-contact-hub.bch-chat-mode .bch-stepper{display:none!important} #bch-contact-hub.bch-chat-mode .bch-chat-body{ display:block!important; background:var(--bch-body-bg)!important; overflow-y:auto!important; overflow-x:hidden!important; scroll-behavior:smooth!important; } #bch-contact-hub .bch-chat-log{display:flex!important;flex-direction:column!important;gap:10px!important;min-height:100%!important;padding-bottom:4px!important} #bch-contact-hub .bch-chat-row{display:flex!important;align-items:flex-end!important;gap:8px!important;max-width:92%!important;animation:bchChatIn .18s ease both!important} #bch-contact-hub .bch-chat-row.is-bot{align-self:flex-start!important} #bch-contact-hub .bch-chat-row.is-user{align-self:flex-end!important;justify-content:flex-end!important} #bch-contact-hub .bch-chat-avatar{width:30px!important;height:30px!important;min-width:30px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--bch-icon-bg)!important;color:var(--bch-primary)!important;overflow:hidden!important;box-shadow:0 2px 8px rgba(0,0,0,.07)!important} #bch-contact-hub .bch-chat-avatar img{width:100%!important;height:100%!important;object-fit:cover!important} #bch-contact-hub .bch-chat-avatar svg{width:16px!important;height:16px!important;fill:currentColor!important} #bch-contact-hub .bch-chat-bubble{padding:10px 13px!important;border-radius:16px!important;font-size:13.5px!important;line-height:1.65!important;word-break:break-word!important;box-shadow:0 2px 9px rgba(0,0,0,.055)!important} #bch-contact-hub .bch-chat-row.is-bot .bch-chat-bubble{background:var(--bch-card-bg)!important;color:var(--bch-text)!important;border:1px solid var(--bch-card-border)!important;border-bottom-right-radius:5px!important} #bch-contact-hub .bch-chat-row.is-user .bch-chat-bubble{background:var(--bch-primary)!important;color:var(--bch-button-text)!important;border-bottom-left-radius:5px!important} #bch-contact-hub .bch-chat-row.is-note .bch-chat-bubble{font-size:12px!important;color:var(--bch-muted)!important} #bch-contact-hub .bch-chat-row.is-auto-reply .bch-chat-bubble{border-inline-start:3px solid var(--bch-primary)!important} #bch-contact-hub .bch-chat-controls{align-self:stretch!important;margin:1px 0 6px 38px!important;animation:bchChatIn .18s ease both!important} #bch-contact-hub .bch-chat-controls.is-answered{opacity:.55!important;pointer-events:none!important} #bch-contact-hub .bch-chat-choices,#bch-contact-hub .bch-chat-text-choices{display:flex!important;flex-wrap:wrap!important;gap:8px!important} #bch-contact-hub .bch-chat-choice{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:42px!important;padding:8px 12px!important;border:1px solid var(--bch-field-border)!important;border-radius:13px!important;background:var(--bch-field-bg)!important;color:var(--bch-field-text)!important;font:inherit!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important} #bch-contact-hub .bch-chat-choice:hover{transform:translateY(-1px)!important;border-color:var(--bch-primary)!important;box-shadow:0 5px 14px rgba(0,0,0,.07)!important} #bch-contact-hub .bch-chat-choice .bch-option-icon{width:29px!important;height:29px!important;min-width:29px!important;border-radius:9px!important;font-size:15px!important} #bch-contact-hub .bch-chat-choice.is-text{padding-inline:14px!important} #bch-contact-hub .bch-guide-method-choices .bch-chat-choice{justify-content:space-between!important;min-width:180px!important} #bch-contact-hub .bch-guide-choice-badge{display:inline-flex!important;align-items:center!important;padding:2px 7px!important;border-radius:999px!important;background:var(--bch-icon-bg)!important;color:var(--bch-primary)!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important} #bch-contact-hub .bch-chat-product-form,#bch-contact-hub .bch-chat-question-form,#bch-contact-hub .bch-chat-order-form, #bch-contact-hub .bch-chat-smart-tv-form, #bch-contact-hub .bch-chat-smart-tv-verify{background:var(--bch-card-bg)!important;border:1px solid var(--bch-card-border)!important;border-radius:15px!important;padding:12px!important;box-shadow:0 4px 14px rgba(0,0,0,.045)!important} #bch-contact-hub .bch-chat-product-form,#bch-contact-hub .bch-chat-order-form, #bch-contact-hub .bch-chat-smart-tv-form, #bch-contact-hub .bch-chat-smart-tv-verify{display:grid!important;gap:10px!important} #bch-contact-hub .bch-chat-question-form{display:grid!important;gap:9px!important} #bch-contact-hub .bch-chat-mode .bch-field input,#bch-contact-hub .bch-chat-mode .bch-field textarea,#bch-contact-hub .bch-chat-mode .bch-field select{background:var(--bch-field-bg)!important;color:var(--bch-field-text)!important;border-color:var(--bch-field-border)!important} #bch-contact-hub .bch-chat-mode .bch-field select option{background:var(--bch-field-bg)!important;color:var(--bch-field-text)!important} #bch-contact-hub .bch-chat-submit{appearance:none!important;-webkit-appearance:none!important;border:0!important;border-radius:11px!important;min-height:42px!important;padding:9px 15px!important;background:var(--bch-primary)!important;color:var(--bch-button-text)!important;font:inherit!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important} #bch-contact-hub .bch-chat-form-actions{display:flex!important;gap:8px!important;align-items:center!important} #bch-contact-hub .bch-chat-skip{appearance:none!important;border:1px solid var(--bch-field-border)!important;border-radius:11px!important;min-height:42px!important;padding:9px 13px!important;background:var(--bch-field-bg)!important;color:var(--bch-muted)!important;font:inherit!important;cursor:pointer!important} #bch-contact-hub .bch-chat-restart{appearance:none!important;border:0!important;background:transparent!important;color:var(--bch-primary)!important;font:inherit!important;font-size:10px!important;font-weight:700!important;cursor:pointer!important;margin-inline-start:8px!important;padding:2px 4px!important;text-decoration:underline!important;text-underline-offset:2px!important} #bch-contact-hub .bch-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important} @keyframes bchChatIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}} @media(max-width:767px), (max-height:500px) and (hover:none) and (pointer:coarse){ #bch-contact-hub .bch-chat-log{gap:12px!important} #bch-contact-hub .bch-chat-row{max-width:94%!important} #bch-contact-hub .bch-chat-avatar{width:34px!important;height:34px!important;min-width:34px!important} #bch-contact-hub .bch-chat-bubble{font-size:15px!important;padding:11px 14px!important;border-radius:17px!important} #bch-contact-hub .bch-chat-controls{margin-left:42px!important;margin-right:0!important} #bch-contact-hub .bch-chat-choice{min-height:48px!important;font-size:14px!important;padding:9px 13px!important} #bch-contact-hub .bch-chat-submit,#bch-contact-hub .bch-chat-skip{min-height:48px!important;font-size:14px!important} #bch-contact-hub.bch-compact-mobile .bch-footer{display:flex!important} } #bch-contact-hub .bch-chat-form-status{min-height:18px!important;font-size:12px!important;line-height:1.55!important;color:var(--bch-muted)!important} #bch-contact-hub .bch-chat-form-status.is-error{color:#d63638!important;font-weight:700!important} #bch-contact-hub .bch-chat-row.is-order-info .bch-chat-bubble{white-space:pre-wrap!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;word-break:break-word!important} /* Product-specific setup guides */ #bch-contact-hub .bch-chat-row.is-product-guide .bch-chat-bubble{display:flex!important;flex-direction:column!important;gap:10px!important} #bch-contact-hub .bch-guide-device-title{font-weight:800!important;color:var(--bch-text)!important} #bch-contact-hub .bch-guide-app{display:block!important;font-size:14px!important;color:var(--bch-primary)!important} #bch-contact-hub .bch-guide-instructions{white-space:normal!important;color:var(--bch-text);line-height:1.75!important;overflow-wrap:anywhere!important;word-break:normal!important} #bch-contact-hub .bch-guide-instructions p{margin:0 0 .8em!important;line-height:inherit!important} #bch-contact-hub .bch-guide-instructions p:last-child{margin-bottom:0!important} #bch-contact-hub .bch-guide-instructions h1,#bch-contact-hub .bch-guide-instructions h2,#bch-contact-hub .bch-guide-instructions h3,#bch-contact-hub .bch-guide-instructions h4,#bch-contact-hub .bch-guide-instructions h5,#bch-contact-hub .bch-guide-instructions h6{margin:.75em 0 .4em!important;line-height:1.35!important;color:inherit} #bch-contact-hub .bch-guide-instructions h1:first-child,#bch-contact-hub .bch-guide-instructions h2:first-child,#bch-contact-hub .bch-guide-instructions h3:first-child{margin-top:0!important} #bch-contact-hub .bch-guide-instructions ul,#bch-contact-hub .bch-guide-instructions ol{margin:.45em 0 .8em!important;padding-inline-start:1.5em!important} #bch-contact-hub .bch-guide-instructions li{margin:.25em 0!important;line-height:1.7!important} #bch-contact-hub .bch-guide-instructions blockquote{margin:.7em 0!important;padding:.2em .8em!important;border-inline-start:3px solid var(--bch-primary)!important} #bch-contact-hub .bch-guide-instructions a{text-decoration:underline!important;overflow-wrap:anywhere!important} #bch-contact-hub .bch-guide-instructions img{display:none!important} #bch-contact-hub .bch-guide-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;max-width:100%!important;min-height:38px!important;padding:7px 12px!important;border-radius:10px!important;background:var(--bch-primary)!important;color:var(--bch-button-text)!important;text-decoration:none!important;font-weight:800!important;font-size:12.5px!important} #bch-contact-hub .bch-guide-link:hover{filter:brightness(.96)!important;color:var(--bch-button-text)!important} #bch-contact-hub .bch-chat-row.is-guide-image-message{max-width:82%!important} #bch-contact-hub .bch-guide-image-bubble{padding:5px!important;background:var(--bch-card-bg)!important;border:1px solid var(--bch-card-border)!important;overflow:hidden!important;width:min(240px,68vw)!important;max-width:100%!important} #bch-contact-hub .bch-guide-image-bubble a{display:block!important;line-height:0!important} #bch-contact-hub .bch-guide-image{display:block!important;width:100%!important;height:auto!important;max-height:260px!important;object-fit:contain!important;border-radius:11px!important;background:#fff!important} /* v1.0.17 — Rich guide formatting compatibility */ #bch-contact-hub .bch-guide-instructions{ max-width:100%!important; } #bch-contact-hub .bch-guide-instructions table{ display:block!important; width:100%!important; max-width:100%!important; overflow-x:auto!important; border-collapse:collapse!important; margin:.7em 0!important; } #bch-contact-hub .bch-guide-instructions th, #bch-contact-hub .bch-guide-instructions td{ border:1px solid var(--bch-card-border)!important; padding:6px 8px!important; vertical-align:top!important; } #bch-contact-hub .bch-guide-instructions pre, #bch-contact-hub .bch-guide-instructions code{ max-width:100%!important; overflow-wrap:anywhere!important; white-space:pre-wrap!important; } #bch-contact-hub .bch-guide-instructions div, #bch-contact-hub .bch-guide-instructions span{ max-width:100%; } #bch-contact-hub .bch-guide-instructions [dir="ltr"]{direction:ltr!important;text-align:left} #bch-contact-hub .bch-guide-instructions [dir="rtl"]{direction:rtl!important;text-align:right} #bch-contact-hub .bch-guide-instructions a{ cursor:pointer!important; } /* v1.0.18 — widget consistency fixes */ #bch-contact-hub .bch-chat-row.is-product-guide .bch-chat-bubble{gap:14px!important;padding:14px 16px!important} #bch-contact-hub .bch-guide-device-title{font-weight:800!important;color:var(--bch-text)!important;font-size:14px!important;line-height:1.4!important} #bch-contact-hub .bch-guide-app{display:block!important;font-size:14px!important;line-height:1.45!important;color:var(--bch-primary)!important;margin-bottom:2px!important} #bch-contact-hub .bch-guide-instructions{white-space:pre-line!important;color:var(--bch-text)!important;line-height:1.95!important;font-size:13.5px!important;overflow-wrap:anywhere!important;word-break:normal!important} #bch-contact-hub .bch-guide-instructions > *:first-child{margin-top:0!important} #bch-contact-hub .bch-guide-instructions > *:last-child{margin-bottom:0!important} #bch-contact-hub .bch-guide-instructions p{margin:0 0 .95em!important;line-height:inherit!important} #bch-contact-hub .bch-guide-instructions ol,#bch-contact-hub .bch-guide-instructions ul{margin:.55em 0 .95em!important;padding-inline-start:1.65em!important} #bch-contact-hub .bch-guide-instructions li{margin:.35em 0!important;line-height:1.85!important} #bch-contact-hub .bch-guide-instructions blockquote{margin:.9em 0!important;padding:.55em .9em!important;border-inline-start:3px solid var(--bch-primary)!important;background:rgba(0,0,0,.02)!important;border-radius:10px!important} #bch-contact-hub .bch-guide-instructions table{font-size:12.5px!important;background:#fff!important} #bch-contact-hub .bch-guide-plain{display:block!important} #bch-contact-hub .bch-chat-row.is-guide-image-message{max-width:none!important;width:auto!important} #bch-contact-hub .bch-guide-image-bubble{padding:4px!important;background:var(--bch-card-bg)!important;border:1px solid var(--bch-card-border)!important;overflow:hidden!important;width:auto!important;max-width:min(215px,46vw)!important;border-radius:15px!important;box-shadow:0 2px 10px rgba(0,0,0,.06)!important} #bch-contact-hub .bch-guide-image-bubble a{display:block!important;line-height:0!important} #bch-contact-hub .bch-guide-image{display:block!important;width:100%!important;max-width:min(207px,44vw)!important;height:auto!important;max-height:210px!important;object-fit:contain!important;border-radius:12px!important;background:#fff!important} #bch-contact-hub .bch-image-viewer{position:absolute!important;inset:0!important;display:none!important;z-index:30!important} #bch-contact-hub .bch-image-viewer.is-open{display:block!important} #bch-contact-hub .bch-image-viewer-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.72)!important} #bch-contact-hub .bch-image-viewer-content{position:absolute!important;inset:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px!important} #bch-contact-hub .bch-image-viewer-content img{max-width:100%!important;max-height:100%!important;border-radius:16px!important;box-shadow:0 14px 40px rgba(0,0,0,.35)!important;background:#fff!important} #bch-contact-hub .bch-image-viewer-close{position:absolute!important;top:10px!important;left:10px!important;z-index:31!important;width:38px!important;height:38px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;color:#222!important;font-size:26px!important;line-height:1!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important} @media(max-width:767px), (max-height:500px) and (hover:none) and (pointer:coarse){ #bch-contact-hub .bch-guide-instructions{font-size:14px!important;line-height:2!important} #bch-contact-hub .bch-guide-image-bubble{max-width:min(240px,62vw)!important} #bch-contact-hub .bch-guide-image{max-width:min(232px,60vw)!important;max-height:230px!important} #bch-contact-hub .bch-image-viewer-content{inset:12px!important;padding:8px!important} } /* v1.0.19 — reliable full-screen image viewer */ #bch-contact-hub .bch-image-viewer{ position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; height:100dvh!important; z-index:2147483646!important; display:none!important; align-items:center!important; justify-content:center!important; pointer-events:none!important; } #bch-contact-hub .bch-image-viewer.is-open{display:flex!important;pointer-events:auto!important} #bch-contact-hub .bch-image-viewer-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.82)!important;cursor:zoom-out!important} #bch-contact-hub .bch-image-viewer-content{position:relative!important;inset:auto!important;z-index:2!important;width:calc(100vw - 48px)!important;height:calc(100vh - 48px)!important;height:calc(100dvh - 48px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;pointer-events:none!important} #bch-contact-hub .bch-image-viewer-content img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 60px rgba(0,0,0,.45)!important;pointer-events:auto!important} #bch-contact-hub .bch-image-viewer-close{position:fixed!important;top:18px!important;left:18px!important;z-index:3!important;width:44px!important;height:44px!important;border:0!important;border-radius:50%!important;background:#fff!important;color:#111!important;font-size:28px!important;font-weight:400!important;line-height:1!important;cursor:pointer!important;box-shadow:0 4px 16px rgba(0,0,0,.25)!important} #bch-contact-hub .bch-guide-image{cursor:zoom-in!important} @media(max-width:767px){ #bch-contact-hub .bch-image-viewer-content{width:calc(100vw - 20px)!important;height:calc(100dvh - 32px)!important} #bch-contact-hub .bch-image-viewer-close{top:10px!important;left:10px!important;width:42px!important;height:42px!important} } /* v1.0.20 — image captions in chat and full-screen viewer */ #bch-contact-hub .bch-guide-image-bubble{line-height:normal!important} #bch-contact-hub .bch-guide-image-caption{ display:block!important; padding:9px 8px 6px!important; color:var(--bch-text)!important; font-size:12px!important; font-weight:600!important; line-height:1.65!important; text-align:start!important; white-space:normal!important; overflow-wrap:anywhere!important; } #bch-contact-hub .bch-image-viewer-frame{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:10px!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; } #bch-contact-hub .bch-image-viewer-frame img{ max-width:100%!important; max-height:calc(100% - 64px)!important; } #bch-contact-hub .bch-image-viewer-caption{ display:none; flex:0 0 auto!important; max-width:min(900px,92vw)!important; padding:8px 14px!important; border-radius:10px!important; background:rgba(0,0,0,.68)!important; color:#fff!important; font-size:14px!important; font-weight:600!important; line-height:1.6!important; text-align:center!important; white-space:pre-line!important; overflow-wrap:anywhere!important; } @media(max-width:767px){ #bch-contact-hub .bch-guide-image-caption{font-size:12.5px!important;padding:8px 8px 5px!important} #bch-contact-hub .bch-image-viewer-caption{max-width:94vw!important;font-size:13px!important;padding:7px 10px!important} #bch-contact-hub .bch-image-viewer-frame img{max-height:calc(100% - 58px)!important} } /* v1.0.22 — local FAQ input + conversational loop only */ #bch-contact-hub .bch-chat-faq-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:end!important;background:var(--bch-card-bg)!important;border:1px solid var(--bch-card-border)!important;border-radius:15px!important;padding:10px!important;box-shadow:0 4px 14px rgba(0,0,0,.045)!important} #bch-contact-hub .bch-chat-faq-form .bch-field{margin:0!important} #bch-contact-hub .bch-chat-faq-form .bch-chat-submit{white-space:nowrap!important} #bch-contact-hub .bch-after-flow{margin-top:0!important} #bch-contact-hub .bch-chat-row.is-faq-answer .bch-chat-bubble{border-inline-start:3px solid var(--bch-primary)!important;max-width:100%!important} @media(max-width:600px){ #bch-contact-hub .bch-chat-faq-form{grid-template-columns:1fr!important} #bch-contact-hub .bch-chat-faq-form .bch-chat-submit{width:100%!important} } /* v1.0.25 — FAQ library */ .bch-common-faq-list{display:flex;flex-direction:column;gap:10px;width:100%} .bch-faq-accordion{background:var(--bch-card,#fff);border:1px solid var(--bch-border,#e9e9e9);border-radius:12px;overflow:hidden} .bch-faq-accordion summary{list-style:none;cursor:pointer;padding:12px 14px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px} .bch-faq-accordion summary::-webkit-details-marker{display:none} .bch-faq-chevron{font-size:18px;transition:transform .2s ease} .bch-faq-accordion[open] .bch-faq-chevron{transform:rotate(180deg)} .bch-faq-answer{padding:0 14px 14px;line-height:1.8;border-top:1px solid var(--bch-border,#e9e9e9);padding-top:12px} .bch-faq-answer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .bch-faq-mini-action{appearance:none;border:1px solid var(--bch-primary,#F07A00);background:#fff;color:var(--bch-primary,#F07A00);border-radius:999px;padding:7px 11px;cursor:pointer;font:inherit} .bch-faq-smart-hint{font-size:12px;opacity:.72;padding:4px 2px} /* v1.0.26 — rich scenario-question replies */ #bch-contact-hub .bch-question-rich-reply{ max-width:100%!important; white-space:normal!important; line-height:1.85!important; overflow-wrap:anywhere!important; } #bch-contact-hub .bch-question-rich-reply > *:first-child{margin-top:0!important} #bch-contact-hub .bch-question-rich-reply > *:last-child{margin-bottom:0!important} #bch-contact-hub .bch-question-rich-reply p{margin:0 0 .85em!important;line-height:inherit!important} #bch-contact-hub .bch-question-rich-reply h1, #bch-contact-hub .bch-question-rich-reply h2, #bch-contact-hub .bch-question-rich-reply h3, #bch-contact-hub .bch-question-rich-reply h4, #bch-contact-hub .bch-question-rich-reply h5, #bch-contact-hub .bch-question-rich-reply h6{margin:.75em 0 .4em!important;line-height:1.35!important} #bch-contact-hub .bch-question-rich-reply ul, #bch-contact-hub .bch-question-rich-reply ol{margin:.5em 0 .85em!important;padding-inline-start:1.5em!important} #bch-contact-hub .bch-question-rich-reply li{margin:.25em 0!important} #bch-contact-hub .bch-question-rich-reply a{text-decoration:underline!important;overflow-wrap:anywhere!important} #bch-contact-hub .bch-question-rich-reply table{ display:block!important; width:100%!important; max-width:100%!important; overflow-x:auto!important; border-collapse:collapse!important; margin:.7em 0!important; } #bch-contact-hub .bch-question-rich-reply th, #bch-contact-hub .bch-question-rich-reply td{border:1px solid var(--bch-card-border)!important;padding:6px 8px!important} #bch-contact-hub .bch-question-rich-reply img{ display:block!important; max-width:100%!important; height:auto!important; margin:10px auto!important; border-radius:10px!important; cursor:zoom-in!important; } #bch-contact-hub .bch-question-rich-reply figure{max-width:100%!important;margin:10px auto!important} #bch-contact-hub .bch-question-rich-reply figcaption{font-size:11.5px!important;line-height:1.5!important;color:var(--bch-muted)!important;text-align:center!important;margin-top:5px!important} /* v1.0.27 — normalized field typography */ #bch-contact-hub .bch-chat-product-form .bch-field input, #bch-contact-hub .bch-chat-product-form .bch-field select, #bch-contact-hub .bch-chat-question-form .bch-field input, #bch-contact-hub .bch-chat-question-form .bch-field select, #bch-contact-hub .bch-chat-faq-form .bch-field input, #bch-contact-hub .bch-chat-faq-form .bch-field select, #bch-contact-hub .bch-chat-order-form .bch-field input, #bch-contact-hub .bch-chat-order-form .bch-field select{ font-size:14px!important; font-weight:500!important; line-height:1.4!important; } #bch-contact-hub .bch-chat-faq-form .bch-field input::placeholder, #bch-contact-hub .bch-chat-question-form .bch-field input::placeholder, #bch-contact-hub .bch-chat-order-form .bch-field input::placeholder{ font-size:14px!important; font-weight:500!important; } @media(max-width:767px), (max-height:500px) and (hover:none) and (pointer:coarse){ #bch-contact-hub .bch-field input, #bch-contact-hub .bch-field textarea, #bch-contact-hub .bch-field select, #bch-contact-hub .bch-field input::placeholder, #bch-contact-hub .bch-field textarea::placeholder{ font-size:14px!important; font-weight:500!important; line-height:1.4!important; } #bch-contact-hub .bch-chat-product-form, #bch-contact-hub .bch-chat-question-form, #bch-contact-hub .bch-chat-order-form, #bch-contact-hub .bch-chat-smart-tv-form, #bch-contact-hub .bch-chat-smart-tv-verify{ padding:11px!important; } } /* v1.0.80 — show general and category-specific setup methods together */ #bch-contact-hub .bch-guide-scope-label{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;padding:5px 9px!important;border-radius:999px!important;font-size:11px!important;font-weight:800!important;line-height:1.3!important;background:rgba(100,116,139,.11)!important;color:var(--bch-muted)!important} #bch-contact-hub .bch-guide-scope-label.is-specific{background:color-mix(in srgb,var(--bch-primary) 12%,transparent)!important;color:var(--bch-primary)!important} /* ========================================================== v2.2.3 — Scenario overlay + visual pickers Home stays stable; every scenario opens in one isolated layer. ========================================================== */ html.bch-scenario-page-open, body.bch-scenario-page-open{overflow:hidden!important;overscroll-behavior:none!important} #bch-contact-hub .bch-scenario-backdrop{ position:fixed!important;inset:0!important;z-index:2147483000!important; display:flex!important;align-items:center!important;justify-content:center!important; padding:clamp(18px,3vw,44px)!important;background:rgba(8,12,20,.60)!important; backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important; opacity:0!important;visibility:hidden!important;pointer-events:none!important; transition:opacity .22s ease,visibility .22s ease!important; } #bch-contact-hub .bch-scenario-backdrop.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important} #bch-contact-hub .bch-scenario-window{ direction:rtl!important;display:flex!important;flex-direction:column!important; width:min(760px,calc(100vw - 70px))!important;height:min(880px,88vh)!important; max-height:88dvh!important;background:var(--bch-panel-bg)!important;border:1px solid rgba(255,255,255,.5)!important; border-radius:24px!important;box-shadow:0 30px 90px rgba(0,0,0,.34)!important;overflow:hidden!important; transform:translateY(18px) scale(.985)!important;transition:transform .22s ease!important; } #bch-contact-hub .bch-scenario-backdrop.is-open .bch-scenario-window{transform:translateY(0) scale(1)!important} #bch-contact-hub .bch-scenario-window .bch-header{flex:0 0 auto!important;border-radius:0!important;padding:15px 18px!important} #bch-contact-hub .bch-scenario-window .bch-scenario-body{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;padding:22px!important;background:var(--bch-body-bg)!important} #bch-contact-hub .bch-scenario-note{flex:0 0 auto!important;padding:10px 18px!important;background:#f3f6fa!important;border-top:1px solid var(--bch-card-border)!important;color:var(--bch-muted)!important;font-size:12px!important;text-align:center!important} #bch-contact-hub .bch-scenario-input{flex:0 0 auto!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:10px!important;padding:12px 14px max(12px,env(safe-area-inset-bottom))!important;background:var(--bch-panel-bg)!important;border-top:1px solid var(--bch-card-border)!important} #bch-contact-hub .bch-scenario-input .bch-field{margin:0!important} #bch-contact-hub .bch-scenario-input input{height:48px!important;border-radius:13px!important} #bch-contact-hub .bch-scenario-input .bch-chat-submit{min-width:128px!important;margin:0!important;border-radius:13px!important} #bch-contact-hub .bch-picker-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important} #bch-contact-hub .bch-picker-card{ appearance:none!important;border:1px solid var(--bch-card-border)!important;background:var(--bch-card-bg)!important;color:var(--bch-text)!important; border-radius:17px!important;min-height:112px!important;padding:12px!important;display:grid!important; grid-template-columns:64px 1fr 26px!important;gap:12px!important;align-items:center!important;text-align:right!important; cursor:pointer!important;box-shadow:0 8px 22px rgba(16,24,40,.06)!important;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease!important; } #bch-contact-hub .bch-picker-card:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--bch-primary) 42%,var(--bch-card-border))!important;box-shadow:0 12px 28px rgba(16,24,40,.10)!important} #bch-contact-hub .bch-picker-card.is-selected,#bch-contact-hub .bch-picker-card:focus-visible{outline:none!important;border-color:var(--bch-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--bch-primary) 13%,transparent),0 12px 28px rgba(16,24,40,.10)!important} #bch-contact-hub .bch-card-media{width:64px!important;height:64px!important;border-radius:15px!important;overflow:hidden!important;background:var(--bch-icon-bg)!important;display:grid!important;place-items:center!important;font-size:25px!important;font-weight:800!important} #bch-contact-hub .bch-card-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important} #bch-contact-hub .bch-card-media.is-fallback{color:var(--bch-primary)!important} #bch-contact-hub .bch-picker-copy{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important} #bch-contact-hub .bch-picker-copy strong{font-size:16px!important;line-height:1.35!important;color:var(--bch-text)!important} #bch-contact-hub .bch-picker-copy small{font-size:12px!important;line-height:1.6!important;color:var(--bch-muted)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important} #bch-contact-hub .bch-picker-copy em{font-style:normal!important;align-self:flex-start!important;font-size:10px!important;padding:3px 8px!important;border-radius:999px!important;background:color-mix(in srgb,var(--bch-primary) 10%,#fff)!important;color:var(--bch-primary)!important;font-weight:700!important} #bch-contact-hub .bch-picker-select{width:24px!important;height:24px!important;border:2px solid #cfd5dd!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:transparent!important;font-size:13px!important;font-weight:900!important} #bch-contact-hub .bch-picker-card:hover .bch-picker-select,#bch-contact-hub .bch-picker-card:focus-visible .bch-picker-select{border-color:var(--bch-primary)!important;color:var(--bch-primary)!important} #bch-contact-hub .bch-picker-note{grid-column:1/-1!important;padding:10px 13px!important;border-radius:12px!important;background:#f3f6fa!important;color:var(--bch-muted)!important;font-size:12px!important;line-height:1.7!important} #bch-contact-hub .bch-duration-picker{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important} #bch-contact-hub .bch-duration-card{position:relative!important;appearance:none!important;min-height:92px!important;padding:14px 10px!important;border:1px solid var(--bch-card-border)!important;border-radius:16px!important;background:var(--bch-card-bg)!important;color:var(--bch-text)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important;box-shadow:0 8px 20px rgba(16,24,40,.05)!important} #bch-contact-hub .bch-duration-card:hover,#bch-contact-hub .bch-duration-card:focus-visible{outline:none!important;border-color:var(--bch-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--bch-primary) 12%,transparent)!important} #bch-contact-hub .bch-duration-card strong{font-size:17px!important} #bch-contact-hub .bch-duration-radio{width:22px!important;height:22px!important;border-radius:50%!important;border:2px solid #cfd5dd!important;position:absolute!important;top:10px!important;left:10px!important} #bch-contact-hub .bch-duration-card:hover .bch-duration-radio{border-color:var(--bch-primary)!important;background:color-mix(in srgb,var(--bch-primary) 15%,#fff)!important} #bch-contact-hub .bch-duration-badge{font-size:10px!important;color:var(--bch-primary)!important;background:color-mix(in srgb,var(--bch-primary) 10%,#fff)!important;padding:3px 8px!important;border-radius:999px!important;font-weight:800!important} #bch-contact-hub .bch-home-log .bch-chat-faq-form{position:sticky!important;bottom:0!important;z-index:6!important;background:linear-gradient(to top,var(--bch-body-bg) 80%,transparent)!important;padding-top:12px!important;margin-top:18px!important} @media (max-width:767px), (max-height:500px) and (hover:none) and (pointer:coarse){ #bch-contact-hub .bch-scenario-backdrop{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;align-items:stretch!important} #bch-contact-hub .bch-scenario-window{width:100%!important;height:auto!important;max-height:calc(100dvh - 16px)!important;margin:auto!important;border-radius:20px!important} #bch-contact-hub .bch-scenario-window .bch-header{padding-top:14px!important;padding-bottom:12px!important} #bch-contact-hub .bch-scenario-window .bch-scenario-body{padding:16px 12px!important} #bch-contact-hub .bch-picker-grid{grid-template-columns:1fr!important;gap:10px!important} #bch-contact-hub .bch-picker-card{min-height:92px!important;grid-template-columns:58px 1fr 24px!important;padding:10px!important} #bch-contact-hub .bch-card-media{width:58px!important;height:58px!important;border-radius:13px!important} #bch-contact-hub .bch-duration-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important} #bch-contact-hub .bch-duration-card{min-height:84px!important;padding:12px 6px!important} #bch-contact-hub .bch-duration-card strong{font-size:14px!important} #bch-contact-hub .bch-scenario-input{grid-template-columns:116px 1fr!important;padding:10px!important} #bch-contact-hub .bch-scenario-input .bch-chat-submit{min-width:0!important;padding-inline:12px!important} } @media (max-width:390px){ #bch-contact-hub .bch-duration-picker{grid-template-columns:1fr!important} #bch-contact-hub .bch-duration-card{min-height:64px!important;flex-direction:row!important;justify-content:flex-start!important;padding-inline:42px 12px!important} } /* ========================================================== v2.2.4 — UI/UX refinement pass Visual polish only: typography, spacing, cards, forms, selection feedback and responsive scenario presentation. Business/runtime logic remains unchanged. ========================================================== */ #bch-contact-hub{ --bch-ui-font:"Tajawal","Cairo","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif; --bch-ui-shadow-sm:0 5px 16px rgba(15,23,42,.055); --bch-ui-shadow-md:0 12px 30px rgba(15,23,42,.09); --bch-ui-shadow-lg:0 28px 75px rgba(2,6,23,.30); --bch-ui-soft:color-mix(in srgb,var(--bch-primary) 6%,#fff); --bch-ui-line:color-mix(in srgb,var(--bch-card-border) 82%,#cbd5e1); font-family:var(--bch-ui-font)!important; -webkit-font-smoothing:antialiased!important; text-rendering:optimizeLegibility!important; } #bch-contact-hub button, #bch-contact-hub input, #bch-contact-hub textarea, #bch-contact-hub select{font-family:var(--bch-ui-font)!important} /* Main chat polish */ #bch-contact-hub .bch-window{ border-color:rgba(15,23,42,.09)!important; box-shadow:0 22px 64px rgba(2,6,23,.24)!important; } #bch-contact-hub .bch-header{ min-height:82px!important; padding:14px 16px!important; gap:13px!important; border-bottom:1px solid rgba(255,255,255,.08)!important; } #bch-contact-hub .bch-logo{ width:56px!important;height:56px!important;min-width:56px!important; border-radius:50%!important;padding:5px!important; box-shadow:0 5px 18px rgba(0,0,0,.16)!important; } #bch-contact-hub .bch-brand strong{ font-size:18px!important;font-weight:800!important;line-height:1.35!important; letter-spacing:-.15px!important; } #bch-contact-hub .bch-brand small{ font-size:12.5px!important;font-weight:600!important;line-height:1.45!important;opacity:.84!important; } #bch-contact-hub .bch-status{ gap:7px!important;font-size:12.5px!important;font-weight:600!important;line-height:1.35!important; } #bch-contact-hub .bch-status-dot{ width:9px!important;height:9px!important; box-shadow:0 0 0 4px rgba(64,238,123,.14),0 0 12px rgba(64,238,123,.28)!important; } #bch-contact-hub .bch-close{ width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important; border-color:rgba(255,255,255,.20)!important; background:rgba(255,255,255,.09)!important; font-size:28px!important;font-weight:300!important; transition:background .18s ease,transform .18s ease,border-color .18s ease!important; } #bch-contact-hub .bch-close:hover{ background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.34)!important; transform:rotate(3deg) scale(1.035)!important; } #bch-contact-hub .bch-body{padding:20px 17px 18px!important} #bch-contact-hub .bch-option{ min-height:66px!important;padding:11px 13px!important;gap:12px!important; border-radius:16px!important;border-color:var(--bch-ui-line)!important; box-shadow:var(--bch-ui-shadow-sm)!important; } #bch-contact-hub .bch-option-icon{ width:44px!important;height:44px!important;min-width:44px!important;border-radius:13px!important; font-size:20px!important; } #bch-contact-hub .bch-option-label{font-size:15px!important;font-weight:800!important;line-height:1.55!important} #bch-contact-hub .bch-option-arrow{font-size:21px!important;font-weight:700!important;color:#94a3b8!important} /* Chat stream readability */ #bch-contact-hub .bch-chat-log{gap:14px!important;padding-bottom:8px!important} #bch-contact-hub .bch-chat-row{gap:10px!important;max-width:94%!important} #bch-contact-hub .bch-chat-avatar{ width:38px!important;height:38px!important;min-width:38px!important; border:1px solid rgba(15,23,42,.05)!important; box-shadow:0 4px 14px rgba(15,23,42,.09)!important; } #bch-contact-hub .bch-chat-avatar svg{width:19px!important;height:19px!important} #bch-contact-hub .bch-chat-bubble{ padding:12px 16px!important;border-radius:18px!important; font-size:15px!important;font-weight:600!important;line-height:1.75!important; box-shadow:0 5px 18px rgba(15,23,42,.055)!important; } #bch-contact-hub .bch-chat-row.is-bot .bch-chat-bubble{ border-color:var(--bch-ui-line)!important;border-bottom-right-radius:7px!important; } #bch-contact-hub .bch-chat-row.is-user .bch-chat-bubble{ border-bottom-left-radius:7px!important;font-weight:700!important; box-shadow:0 6px 18px color-mix(in srgb,var(--bch-primary) 17%,transparent)!important; } #bch-contact-hub .bch-chat-row.is-note .bch-chat-bubble{font-size:13px!important;font-weight:600!important} #bch-contact-hub .bch-chat-controls{ margin:2px 0 8px 48px!important; transition:opacity .18s ease,filter .18s ease!important; } #bch-contact-hub .bch-chat-controls.is-answered{opacity:.82!important;filter:saturate(.88)!important} #bch-contact-hub .bch-chat-controls.is-answered .bch-picker-card:not(.is-selected), #bch-contact-hub .bch-chat-controls.is-answered .bch-duration-card:not(.is-selected), #bch-contact-hub .bch-chat-controls.is-answered .bch-chat-choice:not(.is-selected){opacity:.48!important;filter:saturate(.55)!important} #bch-contact-hub .bch-chat-controls.is-answered .is-selected{opacity:1!important;filter:none!important} /* Scenario layer */ #bch-contact-hub .bch-scenario-backdrop{ padding:clamp(18px,2.6vw,40px)!important; background:rgba(4,8,16,.66)!important; backdrop-filter:blur(7px) saturate(.88)!important; -webkit-backdrop-filter:blur(7px) saturate(.88)!important; } #bch-contact-hub .bch-scenario-window{ width:min(860px,calc(100vw - 64px))!important; height:min(910px,90vh)!important;max-height:90dvh!important; border:1px solid rgba(255,255,255,.48)!important; border-radius:26px!important; box-shadow:var(--bch-ui-shadow-lg)!important; background:var(--bch-panel-bg)!important; } #bch-contact-hub .bch-scenario-window .bch-header{ min-height:92px!important;padding:15px 22px!important;gap:14px!important; } #bch-contact-hub .bch-scenario-window .bch-logo{width:62px!important;height:62px!important;min-width:62px!important} #bch-contact-hub .bch-scenario-window .bch-brand strong{font-size:21px!important;font-weight:850!important} #bch-contact-hub .bch-scenario-window .bch-brand small{font-size:13px!important} #bch-contact-hub .bch-scenario-window .bch-status{font-size:13px!important} #bch-contact-hub .bch-scenario-window .bch-close{ width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;font-size:31px!important; } #bch-contact-hub .bch-scenario-window .bch-scenario-body{ padding:26px 28px 24px!important; background: radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--bch-primary) 3.5%,transparent),transparent 32%), var(--bch-body-bg)!important; scrollbar-width:thin!important; scrollbar-color:rgba(100,116,139,.35) transparent!important; } #bch-contact-hub .bch-scenario-window .bch-scenario-body::-webkit-scrollbar{width:6px!important} #bch-contact-hub .bch-scenario-window .bch-scenario-body::-webkit-scrollbar-thumb{background:rgba(100,116,139,.28)!important;border-radius:999px!important} #bch-contact-hub .bch-scenario-window .bch-chat-row.is-bot .bch-chat-bubble{ max-width:630px!important; font-size:16px!important;font-weight:700!important;line-height:1.75!important; padding:13px 17px!important;border-radius:19px!important; } #bch-contact-hub .bch-scenario-window .bch-chat-row.is-user .bch-chat-bubble{font-size:15px!important} /* Selection cards */ #bch-contact-hub .bch-picker-grid{gap:14px!important} #bch-contact-hub .bch-category-picker, #bch-contact-hub .bch-host-category-picker, #bch-contact-hub .bch-guide-category-picker, #bch-contact-hub .bch-guide-category-choices{grid-template-columns:1fr!important} #bch-contact-hub .bch-picker-card{ min-height:126px!important;padding:15px 16px!important; grid-template-columns:76px minmax(0,1fr) 32px!important;gap:15px!important; border-radius:20px!important;border-color:var(--bch-ui-line)!important; box-shadow:0 7px 22px rgba(15,23,42,.055)!important; transform:translateZ(0)!important; transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease!important; } #bch-contact-hub .bch-picker-card:hover{ transform:translateY(-2px)!important; border-color:color-mix(in srgb,var(--bch-primary) 48%,var(--bch-card-border))!important; box-shadow:0 15px 34px rgba(15,23,42,.095)!important; } #bch-contact-hub .bch-picker-card.is-selected{ border-color:var(--bch-primary)!important; background:linear-gradient(135deg,color-mix(in srgb,var(--bch-primary) 6%,#fff),var(--bch-card-bg) 72%)!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--bch-primary) 9%,transparent),0 15px 34px rgba(15,23,42,.09)!important; } #bch-contact-hub .bch-card-media{ width:76px!important;height:76px!important;border-radius:18px!important; box-shadow:inset 0 0 0 1px rgba(15,23,42,.035)!important; font-size:28px!important; } #bch-contact-hub .bch-picker-copy{gap:6px!important} #bch-contact-hub .bch-picker-copy strong{ font-size:18px!important;font-weight:850!important;line-height:1.4!important;letter-spacing:-.1px!important; } #bch-contact-hub .bch-picker-copy small{ font-size:14px!important;font-weight:600!important;line-height:1.7!important;color:color-mix(in srgb,var(--bch-muted) 92%,#64748b)!important; } #bch-contact-hub .bch-picker-copy em{ margin-top:1px!important;font-size:11.5px!important;font-weight:800!important;padding:4px 9px!important; } #bch-contact-hub .bch-picker-select{ width:30px!important;height:30px!important;border-width:2px!important;font-size:15px!important; background:#fff!important;box-shadow:0 0 0 2px rgba(148,163,184,.08)!important; transition:all .16s ease!important; } #bch-contact-hub .bch-picker-card.is-selected .bch-picker-select{ border-color:var(--bch-primary)!important;background:var(--bch-primary)!important;color:var(--bch-button-text)!important; box-shadow:0 5px 14px color-mix(in srgb,var(--bch-primary) 26%,transparent)!important; } #bch-contact-hub .bch-picker-note{ padding:12px 14px!important;border:1px solid rgba(148,163,184,.12)!important; border-radius:14px!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important; color:#64748b!important;font-size:13px!important;font-weight:600!important;line-height:1.75!important; } /* Product cards stay compact enough for desktop 2-column browsing */ #bch-contact-hub .bch-product-picker .bch-picker-card{ min-height:124px!important;grid-template-columns:70px minmax(0,1fr) 30px!important;padding:14px!important; } #bch-contact-hub .bch-product-picker .bch-card-media{width:70px!important;height:70px!important} #bch-contact-hub .bch-product-picker .bch-picker-copy strong{font-size:16.5px!important} #bch-contact-hub .bch-product-picker .bch-picker-copy small{font-size:13px!important} /* Duration cards */ #bch-contact-hub .bch-duration-picker{gap:12px!important} #bch-contact-hub .bch-duration-card{ min-height:112px!important;padding:17px 13px!important;border-radius:18px!important; border-color:var(--bch-ui-line)!important; box-shadow:0 7px 22px rgba(15,23,42,.05)!important; transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease!important; } #bch-contact-hub .bch-duration-card:hover{transform:translateY(-2px)!important} #bch-contact-hub .bch-duration-card.is-selected{ border-color:var(--bch-primary)!important; background:linear-gradient(145deg,color-mix(in srgb,var(--bch-primary) 7%,#fff),#fff)!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--bch-primary) 9%,transparent),0 12px 28px rgba(15,23,42,.075)!important; } #bch-contact-hub .bch-duration-card strong{font-size:18px!important;font-weight:850!important;line-height:1.3!important} #bch-contact-hub .bch-duration-radio{ width:27px!important;height:27px!important;top:12px!important;left:12px!important; display:grid!important;place-items:center!important;background:#fff!important;transition:all .16s ease!important; } #bch-contact-hub .bch-duration-card.is-selected .bch-duration-radio{ border-color:var(--bch-primary)!important;background:var(--bch-primary)!important; box-shadow:0 4px 12px color-mix(in srgb,var(--bch-primary) 24%,transparent)!important; } #bch-contact-hub .bch-duration-card.is-selected .bch-duration-radio::after{ content:"✓"!important;color:var(--bch-button-text)!important;font-size:14px!important;font-weight:900!important;line-height:1!important; } #bch-contact-hub .bch-duration-badge{ font-size:11.5px!important;font-weight:850!important;padding:4px 10px!important; } /* Device & setup-method choices */ #bch-contact-hub .bch-guide-choices{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important; } #bch-contact-hub .bch-guide-choices .bch-chat-choice{ width:100%!important;min-height:76px!important;padding:12px 14px!important; border-radius:17px!important;border-color:var(--bch-ui-line)!important; background:var(--bch-card-bg)!important;color:var(--bch-text)!important; font-size:15px!important;font-weight:800!important;line-height:1.45!important; box-shadow:0 6px 19px rgba(15,23,42,.05)!important; } #bch-contact-hub .bch-guide-choices .bch-chat-choice .bch-option-icon{ width:48px!important;height:48px!important;min-width:48px!important;border-radius:14px!important;font-size:23px!important; } #bch-contact-hub .bch-guide-choices .bch-chat-choice.is-selected, #bch-contact-hub .bch-chat-choice.is-selected{ border-color:var(--bch-primary)!important; background:color-mix(in srgb,var(--bch-primary) 5%,#fff)!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--bch-primary) 8%,transparent),0 9px 24px rgba(15,23,42,.07)!important; } #bch-contact-hub .bch-guide-method-choices{grid-template-columns:1fr!important} #bch-contact-hub .bch-guide-method-choices .bch-chat-choice{ min-height:80px!important;justify-content:space-between!important;padding-inline:16px!important; } #bch-contact-hub .bch-guide-choice-badge{ font-size:11.5px!important;font-weight:850!important;padding:5px 10px!important; } /* Forms / host information */ #bch-contact-hub .bch-chat-host-form, #bch-contact-hub .bch-check-email-form, #bch-contact-hub .bch-check-identity-form, #bch-contact-hub .bch-chat-product-form, #bch-contact-hub .bch-chat-question-form, #bch-contact-hub .bch-chat-order-form, #bch-contact-hub .bch-chat-smart-tv-form, #bch-contact-hub .bch-chat-smart-tv-verify{ display:grid!important;gap:14px!important;padding:18px!important; border:1px solid var(--bch-ui-line)!important;border-radius:20px!important; background:var(--bch-card-bg)!important;box-shadow:0 9px 28px rgba(15,23,42,.055)!important; } #bch-contact-hub .bch-field{gap:8px!important} #bch-contact-hub .bch-field label{font-size:14px!important;font-weight:850!important;line-height:1.45!important} #bch-contact-hub .bch-field input, #bch-contact-hub .bch-field textarea, #bch-contact-hub .bch-field select{ min-height:52px!important;padding:12px 14px!important;border-radius:13px!important; font-size:15px!important;font-weight:600!important;line-height:1.45!important; transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important; } #bch-contact-hub .bch-field input::placeholder, #bch-contact-hub .bch-field textarea::placeholder{ font-size:14px!important;font-weight:600!important;opacity:.50!important; } #bch-contact-hub .bch-error{font-size:12px!important;font-weight:700!important} #bch-contact-hub .bch-chat-form-status{font-size:13px!important;font-weight:600!important;line-height:1.65!important} #bch-contact-hub .bch-chat-submit{ min-height:50px!important;border-radius:13px!important;padding:11px 18px!important; font-size:15px!important;font-weight:850!important; box-shadow:0 7px 18px color-mix(in srgb,var(--bch-primary) 18%,transparent)!important; transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important; } #bch-contact-hub .bch-chat-submit:hover{transform:translateY(-1px)!important;filter:brightness(.97)!important} /* Scenario close note + composer */ #bch-contact-hub .bch-scenario-note{ position:relative!important;padding:12px 46px 12px 18px!important; background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important; border-top:1px solid rgba(148,163,184,.18)!important; color:#64748b!important;font-size:13px!important;font-weight:600!important;line-height:1.65!important; } #bch-contact-hub .bch-scenario-note::before{ content:"i"!important;position:absolute!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important; width:23px!important;height:23px!important;display:grid!important;place-items:center!important;border-radius:50%!important; background:#e2e8f0!important;color:#64748b!important;font-size:14px!important;font-weight:900!important; } #bch-contact-hub .bch-scenario-input{ gap:10px!important;padding:12px 14px max(12px,env(safe-area-inset-bottom))!important; background:#fff!important;border-top:1px solid rgba(148,163,184,.18)!important; box-shadow:0 -8px 24px rgba(15,23,42,.035)!important; } #bch-contact-hub .bch-scenario-input input{ height:50px!important;border-radius:14px!important;font-size:14.5px!important;font-weight:600!important; } #bch-contact-hub .bch-scenario-input .bch-chat-submit{ min-width:136px!important;border-radius:14px!important;font-size:14px!important; } /* Guide content readability */ #bch-contact-hub .bch-guide-device-title{font-size:16px!important;font-weight:850!important;line-height:1.45!important} #bch-contact-hub .bch-guide-app{font-size:15px!important;font-weight:800!important} #bch-contact-hub .bch-guide-instructions{font-size:14.5px!important;line-height:1.95!important;font-weight:500!important} #bch-contact-hub .bch-guide-link{min-height:43px!important;padding:9px 14px!important;border-radius:12px!important;font-size:13.5px!important} /* Keyboard focus */ #bch-contact-hub .bch-picker-card:focus-visible, #bch-contact-hub .bch-duration-card:focus-visible, #bch-contact-hub .bch-chat-choice:focus-visible, #bch-contact-hub .bch-chat-submit:focus-visible, #bch-contact-hub .bch-close:focus-visible{ outline:3px solid color-mix(in srgb,var(--bch-primary) 30%,#fff)!important; outline-offset:2px!important; } @media (max-width:767px), (max-height:500px) and (hover:none) and (pointer:coarse){ #bch-contact-hub .bch-scenario-backdrop{ padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important; } #bch-contact-hub .bch-scenario-window{ width:100%!important;max-width:100%!important;height:auto!important;max-height:calc(100dvh - 16px)!important; border-radius:22px!important; } #bch-contact-hub .bch-scenario-window .bch-header{min-height:78px!important;padding:11px 14px!important;gap:10px!important} #bch-contact-hub .bch-scenario-window .bch-logo{width:52px!important;height:52px!important;min-width:52px!important} #bch-contact-hub .bch-scenario-window .bch-brand strong{font-size:17px!important} #bch-contact-hub .bch-scenario-window .bch-brand small{font-size:11.5px!important} #bch-contact-hub .bch-scenario-window .bch-status{font-size:11.5px!important} #bch-contact-hub .bch-scenario-window .bch-close{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;font-size:27px!important} #bch-contact-hub .bch-scenario-window .bch-scenario-body{padding:18px 13px 16px!important} #bch-contact-hub .bch-chat-log{gap:12px!important} #bch-contact-hub .bch-chat-row{max-width:96%!important;gap:8px!important} #bch-contact-hub .bch-chat-avatar{width:34px!important;height:34px!important;min-width:34px!important} #bch-contact-hub .bch-chat-bubble, #bch-contact-hub .bch-scenario-window .bch-chat-row.is-bot .bch-chat-bubble{ font-size:14.5px!important;line-height:1.7!important;padding:11px 13px!important; } #bch-contact-hub .bch-chat-controls{margin-left:40px!important;margin-right:0!important} #bch-contact-hub .bch-picker-grid{grid-template-columns:1fr!important;gap:10px!important} #bch-contact-hub .bch-picker-card, #bch-contact-hub .bch-product-picker .bch-picker-card{ min-height:98px!important;grid-template-columns:60px minmax(0,1fr) 27px!important;gap:11px!important;padding:11px 12px!important;border-radius:17px!important; } #bch-contact-hub .bch-card-media, #bch-contact-hub .bch-product-picker .bch-card-media{width:60px!important;height:60px!important;border-radius:14px!important} #bch-contact-hub .bch-picker-copy strong, #bch-contact-hub .bch-product-picker .bch-picker-copy strong{font-size:16px!important} #bch-contact-hub .bch-picker-copy small, #bch-contact-hub .bch-product-picker .bch-picker-copy small{font-size:12.5px!important;line-height:1.6!important} #bch-contact-hub .bch-picker-select{width:27px!important;height:27px!important} #bch-contact-hub .bch-picker-note{font-size:12px!important;padding:10px 12px!important} #bch-contact-hub .bch-duration-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important} #bch-contact-hub .bch-duration-card{min-height:88px!important;padding:12px 7px!important;border-radius:15px!important} #bch-contact-hub .bch-duration-card strong{font-size:14.5px!important} #bch-contact-hub .bch-duration-radio{width:23px!important;height:23px!important;top:9px!important;left:9px!important} #bch-contact-hub .bch-duration-badge{font-size:10px!important;padding:3px 7px!important} #bch-contact-hub .bch-guide-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} #bch-contact-hub .bch-guide-choices .bch-chat-choice{min-height:64px!important;padding:9px 10px!important;font-size:13.5px!important;border-radius:15px!important} #bch-contact-hub .bch-guide-choices .bch-chat-choice .bch-option-icon{width:40px!important;height:40px!important;min-width:40px!important;font-size:19px!important} #bch-contact-hub .bch-guide-method-choices{grid-template-columns:1fr!important} #bch-contact-hub .bch-chat-host-form, #bch-contact-hub .bch-check-email-form, #bch-contact-hub .bch-check-identity-form, #bch-contact-hub .bch-chat-product-form, #bch-contact-hub .bch-chat-question-form, #bch-contact-hub .bch-chat-order-form, #bch-contact-hub .bch-chat-smart-tv-form, #bch-contact-hub .bch-chat-smart-tv-verify{padding:13px!important;gap:11px!important;border-radius:17px!important} #bch-contact-hub .bch-field label{font-size:13px!important} #bch-contact-hub .bch-field input, #bch-contact-hub .bch-field textarea, #bch-contact-hub .bch-field select{min-height:49px!important;font-size:14px!important;padding:11px 12px!important} #bch-contact-hub .bch-scenario-note{font-size:11.5px!important;padding:10px 40px 10px 12px!important} #bch-contact-hub .bch-scenario-note::before{right:12px!important;width:21px!important;height:21px!important;font-size:12px!important} #bch-contact-hub .bch-scenario-input{grid-template-columns:112px minmax(0,1fr)!important;padding:9px!important;gap:7px!important} #bch-contact-hub .bch-scenario-input input{height:46px!important;font-size:13.5px!important} #bch-contact-hub .bch-scenario-input .bch-chat-submit{min-width:0!important;min-height:46px!important;font-size:13px!important;padding-inline:10px!important} } @media (max-width:420px){ #bch-contact-hub .bch-guide-choices{grid-template-columns:1fr!important} #bch-contact-hub .bch-duration-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important} #bch-contact-hub .bch-duration-card{min-height:82px!important} #bch-contact-hub .bch-duration-card strong{font-size:13.5px!important} #bch-contact-hub .bch-duration-badge{font-size:9.5px!important} } @media (max-width:350px){ #bch-contact-hub .bch-duration-picker{grid-template-columns:1fr!important} #bch-contact-hub .bch-duration-card{min-height:62px!important;flex-direction:row!important;justify-content:flex-start!important;padding-inline:42px 12px!important} } @media (prefers-reduced-motion:reduce){ #bch-contact-hub *,#bch-contact-hub *::before,#bch-contact-hub *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important} } /* v2.2.4 — semantic chat prompt styling */ #bch-contact-hub .bch-chat-row.is-welcome .bch-chat-bubble{ font-size:18px!important;font-weight:850!important;line-height:1.5!important; padding:13px 17px!important; } #bch-contact-hub .bch-chat-row.is-welcome-sub .bch-chat-bubble{ font-size:14px!important;font-weight:600!important;color:var(--bch-muted)!important; } #bch-contact-hub .bch-chat-row.is-prompt .bch-chat-bubble{ font-size:17px!important;font-weight:850!important;line-height:1.55!important; padding:13px 17px!important;border-color:rgba(148,163,184,.16)!important; background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--bch-primary) 2.5%,#fff))!important; box-shadow:0 7px 22px rgba(15,23,42,.055)!important; } @media (max-width:767px), (max-height:500px) and (hover:none) and (pointer:coarse){ #bch-contact-hub .bch-chat-row.is-welcome .bch-chat-bubble{font-size:16.5px!important} #bch-contact-hub .bch-chat-row.is-welcome-sub .bch-chat-bubble{font-size:13.5px!important} #bch-contact-hub .bch-chat-row.is-prompt .bch-chat-bubble{font-size:15.5px!important;padding:11px 13px!important} } /* ======================================================================== BCH 2.2.6 — live-editable subscription/renewal choices + completion actions ======================================================================== */ #bch-contact-hub .bch-scenario-header-actions{ display:flex!important; align-items:center!important; gap:9px!important; margin-inline-start:auto!important; flex:0 0 auto!important; } #bch-contact-hub .bch-flow-back{ display:none!important; min-height:42px!important; padding:0 14px!important; border:1px solid rgba(255,255,255,.18)!important; border-radius:999px!important; background:rgba(255,255,255,.08)!important; color:var(--bch-header-text,#fff)!important; align-items:center!important; justify-content:center!important; gap:7px!important; cursor:pointer!important; font:inherit!important; font-size:13px!important; font-weight:800!important; line-height:1!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important; transition:background .18s ease,border-color .18s ease,transform .18s ease!important; } #bch-contact-hub .bch-flow-back.is-visible{display:none!important} #bch-contact-hub .bch-flow-back:hover{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.3)!important;transform:translateX(1px)!important} #bch-contact-hub .bch-flow-back:focus-visible{outline:3px solid rgba(255,255,255,.36)!important;outline-offset:2px!important} #bch-contact-hub .bch-flow-back span{font-size:19px!important;font-weight:900!important;line-height:1!important} #bch-contact-hub .bch-flow-back em{font-style:normal!important;white-space:nowrap!important} #bch-contact-hub .bch-commerce-actions{ display:grid!important; grid-template-columns:1fr!important; gap:12px!important; margin:6px 0 4px!important; } #bch-contact-hub .bch-commerce-action{ width:100%!important; min-height:78px!important; display:grid!important; grid-template-columns:54px minmax(0,1fr) 30px!important; align-items:center!important; gap:13px!important; direction:rtl!important; text-align:right!important; padding:13px 15px!important; border:1px solid var(--bch-card-border,#e7e9ee)!important; border-radius:17px!important; background:var(--bch-card-bg,#fff)!important; color:var(--bch-text,#202020)!important; box-shadow:0 10px 28px rgba(15,23,42,.065)!important; cursor:pointer!important; font:inherit!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important; } #bch-contact-hub .bch-commerce-action:hover{ transform:translateY(-2px)!important; border-color:color-mix(in srgb,var(--bch-primary,#111) 45%,var(--bch-card-border,#e7e9ee))!important; box-shadow:0 14px 34px rgba(15,23,42,.11)!important; } #bch-contact-hub .bch-commerce-action:focus-visible{outline:3px solid color-mix(in srgb,var(--bch-primary,#111) 24%,transparent)!important;outline-offset:2px!important} #bch-contact-hub .bch-commerce-action.is-checkout{ background:linear-gradient(135deg,color-mix(in srgb,var(--bch-header,#100) 96%,#000),color-mix(in srgb,var(--bch-header,#100) 78%,#000))!important; border-color:transparent!important; color:var(--bch-header-text,#fff)!important; } #bch-contact-hub .bch-commerce-action.is-checkout small{color:rgba(255,255,255,.72)!important} #bch-contact-hub .bch-commerce-action.is-checkout i{color:#fff!important} #bch-contact-hub .bch-commerce-action-icon{ width:50px!important; height:50px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; border-radius:14px!important; background:var(--bch-icon-bg,#f5f6f8)!important; font-size:23px!important; line-height:1!important; } #bch-contact-hub .bch-commerce-action.is-checkout .bch-commerce-action-icon{background:rgba(255,255,255,.13)!important} #bch-contact-hub .bch-commerce-action-icon img{width:100%!important;height:100%!important;object-fit:cover!important} #bch-contact-hub .bch-commerce-action>span:nth-child(2){display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important} #bch-contact-hub .bch-commerce-action strong{font-size:16px!important;font-weight:900!important;line-height:1.25!important} #bch-contact-hub .bch-commerce-action small{font-size:12.5px!important;font-weight:650!important;line-height:1.55!important;color:var(--bch-muted,#778197)!important} #bch-contact-hub .bch-commerce-action i{font-style:normal!important;font-size:21px!important;font-weight:900!important;color:var(--bch-muted,#778197)!important} #bch-contact-hub .bch-commerce-action.is-loading{opacity:.72!important;cursor:wait!important;transform:none!important} #bch-contact-hub .bch-commerce-action.is-loading .bch-commerce-action-icon{animation:bchCommercePulse 1s ease-in-out infinite!important} @keyframes bchCommercePulse{0%,100%{opacity:.45}50%{opacity:1}} /* Renewal values arriving from Contact Hub into WooCommerce checkout. */ .bch-checkout-renewal-box{ margin:18px 0!important; padding:18px!important; border:1px solid #e3e7ed!important; border-radius:16px!important; background:#fff!important; box-shadow:0 8px 26px rgba(15,23,42,.055)!important; } .bch-checkout-renewal-copy{display:flex!important;flex-direction:column!important;gap:5px!important;margin-bottom:13px!important} .bch-checkout-renewal-copy strong{font-size:16px!important;font-weight:800!important;color:#111827!important} .bch-checkout-renewal-copy small{font-size:13px!important;line-height:1.6!important;color:#697386!important} .bch-checkout-renewal-box .form-row{margin-bottom:14px!important} .bch-checkout-renewal-box input.bch-renewal-reference, .bch-checkout-renewal-box textarea.bch-renewal-note{ width:100%!important; min-height:48px!important; border:1px solid #d7dde5!important; border-radius:11px!important; padding:11px 13px!important; background:#fff!important; box-sizing:border-box!important; } .bch-checkout-renewal-box textarea.bch-renewal-note{min-height:92px!important;resize:vertical!important} @media (max-width:767px){ #bch-contact-hub .bch-scenario-header-actions{gap:6px!important} #bch-contact-hub .bch-flow-back{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:50%!important} #bch-contact-hub .bch-flow-back em{display:none!important} #bch-contact-hub .bch-flow-back span{font-size:20px!important} #bch-contact-hub .bch-commerce-action{min-height:72px!important;grid-template-columns:46px minmax(0,1fr) 24px!important;padding:11px 12px!important;gap:10px!important;border-radius:15px!important} #bch-contact-hub .bch-commerce-action-icon{width:44px!important;height:44px!important;border-radius:12px!important;font-size:20px!important} #bch-contact-hub .bch-commerce-action strong{font-size:14.5px!important} #bch-contact-hub .bch-commerce-action small{font-size:11.5px!important} } /* ======================================================================== BCH 2.2.6 — live revision UX for New Subscription / Renewal Earlier choices remain active. Selecting a previous option resets only the content below that point and immediately rebuilds the flow. ======================================================================== */ #bch-contact-hub .bch-chat-controls.is-live-editable{ opacity:1!important; pointer-events:auto!important; filter:none!important; } #bch-contact-hub .bch-chat-controls.is-live-editable button, #bch-contact-hub .bch-chat-controls.is-live-editable input, #bch-contact-hub .bch-chat-controls.is-live-editable select, #bch-contact-hub .bch-chat-controls.is-live-editable textarea{ pointer-events:auto!important; } #bch-contact-hub .bch-chat-controls.is-live-editable .bch-picker-card:not(.is-selected), #bch-contact-hub .bch-chat-controls.is-live-editable .bch-duration-card:not(.is-selected), #bch-contact-hub .bch-chat-controls.is-live-editable .bch-chat-choice:not(.is-selected){ opacity:1!important; filter:none!important; } #bch-contact-hub .bch-chat-controls.is-live-editable .bch-picker-card, #bch-contact-hub .bch-chat-controls.is-live-editable .bch-duration-card, #bch-contact-hub .bch-chat-controls.is-live-editable .bch-chat-choice{ cursor:pointer!important; } #bch-contact-hub .bch-chat-controls.is-live-editable .is-selected{ opacity:1!important; filter:none!important; } /* ========================================================== v2.3.1 — Commerce transition screens Login handoff, duplicate-cart warning and checkout handoff. ========================================================== */ #bch-contact-hub .bch-commerce-transition{ position:fixed!important;inset:0!important;z-index:2147483640!important; display:flex!important;align-items:center!important;justify-content:center!important; padding:20px!important;background:rgba(7,11,18,.62)!important; backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important; opacity:0!important;visibility:hidden!important;pointer-events:none!important; transition:opacity .2s ease,visibility .2s ease!important; } #bch-contact-hub .bch-commerce-transition.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important} #bch-contact-hub .bch-commerce-transition-backdrop{position:absolute!important;inset:0!important} #bch-contact-hub .bch-commerce-transition-card{ position:relative!important;z-index:2!important;width:min(430px,calc(100vw - 34px))!important; display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important; padding:30px 28px 24px!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:24px!important; background:var(--bch-panel-bg,#fff)!important;color:var(--bch-text,#202020)!important; box-shadow:0 26px 80px rgba(0,0,0,.34)!important; transform:translateY(12px) scale(.985)!important;transition:transform .2s ease!important; } #bch-contact-hub .bch-commerce-transition.is-open .bch-commerce-transition-card{transform:translateY(0) scale(1)!important} #bch-contact-hub .bch-commerce-transition-icon{ width:72px!important;height:72px!important;display:grid!important;place-items:center!important; margin:0 0 18px!important;border-radius:22px!important; background:color-mix(in srgb,var(--bch-primary,#111) 10%,#fff)!important; color:var(--bch-primary,#111)!important;font-size:31px!important;font-weight:900!important; box-shadow:0 10px 28px rgba(15,23,42,.09)!important; } #bch-contact-hub .bch-commerce-transition.is-login .bch-commerce-transition-icon{background:#eef4ff!important;color:#2563eb!important} #bch-contact-hub .bch-commerce-transition.is-duplicate .bch-commerce-transition-icon{background:#fff5e9!important;color:#d97706!important} #bch-contact-hub .bch-commerce-transition-title{display:block!important;margin:0 0 9px!important;font-size:22px!important;font-weight:900!important;line-height:1.35!important;color:var(--bch-text,#202020)!important} #bch-contact-hub .bch-commerce-transition-message{max-width:350px!important;margin:0!important;color:var(--bch-muted,#778197)!important;font-size:14px!important;font-weight:650!important;line-height:1.9!important} #bch-contact-hub .bch-commerce-transition-progress{width:100%!important;height:5px!important;margin:23px 0 17px!important;overflow:hidden!important;border-radius:999px!important;background:#edf0f4!important} #bch-contact-hub .bch-commerce-transition-progress span{display:block!important;width:0;height:100%!important;border-radius:inherit!important;background:var(--bch-primary,#111)!important} #bch-contact-hub .bch-commerce-transition.is-login .bch-commerce-transition-progress span{background:#2563eb!important} #bch-contact-hub .bch-commerce-transition.is-duplicate .bch-commerce-transition-progress span{background:#d97706!important} @keyframes bchCommerceTransitionProgress{from{width:0}to{width:100%}} #bch-contact-hub .bch-commerce-transition-go{ width:100%!important;min-height:50px!important;padding:12px 18px!important;border:0!important;border-radius:14px!important; background:var(--bch-header,#111)!important;color:var(--bch-header-text,#fff)!important; font-size:15px!important;font-weight:900!important;line-height:1.3!important;cursor:pointer!important; box-shadow:0 10px 24px rgba(15,23,42,.12)!important; } #bch-contact-hub .bch-commerce-transition-go:hover{transform:translateY(-1px)!important} #bch-contact-hub .bch-commerce-transition-go:focus-visible{outline:3px solid color-mix(in srgb,var(--bch-primary,#111) 24%,transparent)!important;outline-offset:3px!important} @media (max-width:767px){ #bch-contact-hub .bch-commerce-transition{padding:14px!important} #bch-contact-hub .bch-commerce-transition-card{width:min(390px,calc(100vw - 28px))!important;padding:26px 20px 20px!important;border-radius:21px!important} #bch-contact-hub .bch-commerce-transition-icon{width:64px!important;height:64px!important;border-radius:19px!important;font-size:27px!important;margin-bottom:15px!important} #bch-contact-hub .bch-commerce-transition-title{font-size:20px!important} #bch-contact-hub .bch-commerce-transition-message{font-size:13.5px!important;line-height:1.85!important} } /* ========================================================== v2.3.2-beta1 — Free Gift visual experiment inside product picker ========================================================== */ #bch-contact-hub .bch-product-card.has-gift{ grid-template-rows:auto auto!important; overflow:hidden!important; } #bch-contact-hub .bch-product-gift-banner{ grid-column:1/-1!important; display:flex!important;align-items:center!important;gap:10px!important; width:calc(100% + 28px)!important;margin:10px -14px -14px!important;padding:11px 14px!important; border-top:1px solid color-mix(in srgb,#f59e0b 25%,var(--bch-card-border))!important; background:linear-gradient(135deg,#fff8ea 0%,#fffdf8 56%,#fff 100%)!important; text-align:right!important;direction:rtl!important; } #bch-contact-hub .bch-product-gift-icon{ display:grid!important;place-items:center!important;flex:0 0 auto!important; width:35px!important;height:35px!important;border-radius:11px!important; background:#fff!important;box-shadow:0 5px 14px rgba(245,158,11,.12)!important;font-size:19px!important; } #bch-contact-hub .bch-product-gift-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;flex:1!important} #bch-contact-hub .bch-product-gift-copy b{font-size:13px!important;font-weight:850!important;line-height:1.4!important;color:#7c2d12!important} #bch-contact-hub .bch-product-gift-copy small{font-size:11.5px!important;font-weight:700!important;line-height:1.45!important;color:#9a3412!important;opacity:.78!important} #bch-contact-hub .bch-product-gift-banner>em{ flex:0 0 auto!important;margin:0!important;padding:5px 8px!important;border-radius:999px!important; background:#f59e0b!important;color:#fff!important;font-size:10px!important;font-weight:850!important;font-style:normal!important;white-space:nowrap!important; } #bch-contact-hub .bch-product-card.has-gift.is-selected .bch-product-gift-banner{ background:linear-gradient(135deg,color-mix(in srgb,var(--bch-primary) 7%,#fff8ea),#fffdf8 55%,#fff)!important; } @media(max-width:767px){ #bch-contact-hub .bch-product-gift-banner{padding:10px 12px!important;gap:8px!important} #bch-contact-hub .bch-product-gift-copy b{font-size:12.5px!important} #bch-contact-hub .bch-product-gift-copy small{font-size:11px!important} #bch-contact-hub .bch-product-gift-banner>em{font-size:9.5px!important} } /* Smart TV setup flow */ #bch-contact-hub .bch-stv-app-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; align-items:stretch!important; } #bch-contact-hub .bch-stv-app-card{ min-height:136px!important; padding:14px 12px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; text-align:center!important; background:#fff!important; border:1px solid rgba(226,232,240,.95)!important; border-radius:20px!important; box-shadow:0 12px 28px rgba(15,23,42,.08)!important; } #bch-contact-hub .bch-stv-app-card .bch-stv-app-thumb{ width:62px!important; height:62px!important; min-width:62px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:18px!important; background:linear-gradient(180deg,#ffffff,#f8fafc)!important; border:1px solid rgba(226,232,240,.98)!important; box-shadow:0 8px 20px rgba(15,23,42,.06)!important; overflow:hidden!important; } #bch-contact-hub .bch-stv-app-card .bch-stv-app-thumb.is-fallback .bch-option-icon{ width:auto!important; height:auto!important; min-width:0!important; border:0!important; background:transparent!important; font-size:24px!important; } #bch-contact-hub .bch-stv-app-card img{ width:42px!important; height:42px!important; object-fit:contain!important; background:transparent!important; border:0!important; border-radius:0!important; padding:0!important; } #bch-contact-hub .bch-stv-app-card .bch-stv-app-label{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; min-height:2.9em!important; color:#0f172a!important; font-size:13px!important; font-weight:850!important; line-height:1.45!important; } #bch-contact-hub .bch-stv-app-card .bch-stv-app-meta{ display:flex!important; flex-wrap:wrap!important; gap:5px!important; justify-content:center!important; margin-top:auto!important; } #bch-contact-hub .bch-stv-app-card .bch-stv-app-meta span{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:22px!important; padding:3px 8px!important; border-radius:999px!important; background:rgba(240,122,0,.10)!important; color:var(--bch-primary)!important; font-size:10.5px!important; font-weight:800!important; line-height:1!important; } #bch-contact-hub .bch-smart-tv-selected{ display:flex!important; align-items:center!important; gap:12px!important; padding:14px!important; border:1px solid rgba(226,232,240,.95)!important; border-radius:18px!important; background:linear-gradient(180deg,#fff,#fbfdff)!important; box-shadow:0 8px 24px rgba(15,23,42,.05)!important; } #bch-contact-hub .bch-smart-tv-selected-media{ width:56px!important; height:56px!important; min-width:56px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:16px!important; background:#fff!important; border:1px solid rgba(226,232,240,.95)!important; overflow:hidden!important; } #bch-contact-hub .bch-smart-tv-selected-media img{width:38px!important;height:38px!important;object-fit:contain!important;background:transparent!important;border:0!important;padding:0!important} #bch-contact-hub .bch-smart-tv-selected-media.is-fallback .bch-option-icon{width:auto!important;height:auto!important;min-width:0!important;border:0!important;background:transparent!important;font-size:24px!important} #bch-contact-hub .bch-smart-tv-selected-copy{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;text-align:right!important} #bch-contact-hub .bch-smart-tv-selected-copy strong{color:#0f172a!important;font-size:15px!important;font-weight:850!important;line-height:1.4!important} #bch-contact-hub .bch-smart-tv-selected-copy small{color:#667085!important;font-size:12px!important;font-weight:600!important;line-height:1.6!important} #bch-contact-hub .bch-smart-tv-help{ padding:12px 13px!important; border:1px solid rgba(240,122,0,.24)!important; background:rgba(240,122,0,.07)!important; border-radius:13px!important; line-height:1.8!important; font-size:13px!important; } #bch-contact-hub .bch-chat-smart-tv-form, #bch-contact-hub .bch-chat-smart-tv-verify, #bch-contact-hub .bch-guide-method-choices, #bch-contact-hub .bch-guide-choices{gap:12px!important} #bch-contact-hub .bch-chat-smart-tv-form small{color:#667085!important;font-size:11px!important} #bch-contact-hub .bch-chat-form-status.is-error{color:#b42318!important} #bch-contact-hub .bch-chat-form-status{margin-top:4px!important;font-size:12px!important;font-weight:700!important} #bch-contact-hub .bch-chat-smart-tv-form .bch-chat-submit, #bch-contact-hub .bch-chat-smart-tv-verify .bch-chat-submit{width:100%!important;margin-top:2px!important} #bch-contact-hub .bch-guide-method-choices .bch-chat-choice, #bch-contact-hub .bch-guide-choices .bch-chat-choice, #bch-contact-hub .bch-chat-controls[data-chat-control="smart-tv-user"] .bch-chat-choice, #bch-contact-hub .bch-chat-controls[data-chat-control="smart-tv-product"] .bch-chat-choice{width:100%!important} @media (max-width: 480px){ #bch-contact-hub .bch-stv-app-grid{gap:10px!important} #bch-contact-hub .bch-stv-app-card{min-height:128px!important;padding:12px 10px!important;border-radius:18px!important} #bch-contact-hub .bch-stv-app-card .bch-stv-app-thumb{width:56px!important;height:56px!important;min-width:56px!important} #bch-contact-hub .bch-stv-app-card img{width:38px!important;height:38px!important} #bch-contact-hub .bch-stv-app-card .bch-stv-app-label{font-size:12.5px!important} #bch-contact-hub .bch-smart-tv-selected{padding:12px!important;gap:10px!important} #bch-contact-hub .bch-smart-tv-selected-media{width:50px!important;height:50px!important;min-width:50px!important} #bch-contact-hub .bch-smart-tv-selected-copy strong{font-size:14px!important} } /* BCH 2.5.2 — active-subscription host lookup */ #bch-contact-hub .bch-host-subscriptions{ display:grid!important; grid-template-columns:1fr!important; gap:10px!important; } #bch-contact-hub .bch-host-sub-card{ width:100%!important; min-height:88px!important; display:grid!important; grid-template-columns:48px minmax(0,1fr) auto!important; align-items:center!important; gap:12px!important; padding:13px 14px!important; border:1px solid var(--bch-ui-line)!important; border-radius:18px!important; background:var(--bch-card-bg)!important; color:var(--bch-text)!important; text-align:right!important; cursor:pointer!important; box-shadow:0 7px 22px rgba(15,23,42,.055)!important; transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease!important; } #bch-contact-hub .bch-host-sub-card:hover{transform:translateY(-1px)!important;border-color:color-mix(in srgb,var(--bch-primary) 50%,var(--bch-card-border))!important} #bch-contact-hub .bch-host-sub-card.is-selected{border-color:var(--bch-primary)!important;background:color-mix(in srgb,var(--bch-primary) 5%,#fff)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--bch-primary) 8%,transparent),0 9px 24px rgba(15,23,42,.07)!important} #bch-contact-hub .bch-host-sub-icon{width:46px!important;height:46px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--bch-primary) 10%,#fff)!important;color:var(--bch-primary)!important;font-size:20px!important;font-weight:900!important} #bch-contact-hub .bch-host-sub-copy{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important} #bch-contact-hub .bch-host-sub-copy strong{font-size:15px!important;font-weight:850!important;line-height:1.45!important} #bch-contact-hub .bch-host-sub-copy small{font-size:12px!important;font-weight:650!important;line-height:1.55!important;color:var(--bch-muted)!important;overflow-wrap:anywhere!important} #bch-contact-hub .bch-host-sub-card>em{font-style:normal!important;font-size:10px!important;font-weight:850!important;padding:5px 8px!important;border-radius:999px!important;background:rgba(16,185,129,.10)!important;color:#047857!important;white-space:nowrap!important} #bch-contact-hub .bch-host-reveal-status{padding:12px 14px!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:14px!important;background:#f8fafc!important;color:#64748b!important;font-size:12.5px!important;font-weight:700!important;line-height:1.6!important} #bch-contact-hub .bch-host-reveal-status .is-error{color:#b42318!important} @media(max-width:480px){ #bch-contact-hub .bch-host-sub-card{min-height:82px!important;grid-template-columns:43px minmax(0,1fr) auto!important;gap:9px!important;padding:11px!important;border-radius:16px!important} #bch-contact-hub .bch-host-sub-icon{width:41px!important;height:41px!important;border-radius:13px!important;font-size:18px!important} #bch-contact-hub .bch-host-sub-copy strong{font-size:14px!important} #bch-contact-hub .bch-host-sub-copy small{font-size:11.5px!important} } /* BCH 2.5.4 — reusable Check System */ #bch-contact-hub .bch-check-methods{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} #bch-contact-hub .bch-check-methods .bch-chat-choice{width:100%!important;min-height:76px!important;border-radius:17px!important;justify-content:center!important;gap:10px!important;font-weight:850!important} #bch-contact-hub .bch-check-methods .bch-option-icon{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;font-size:19px!important} #bch-contact-hub .bch-check-phone-row{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr)!important;gap:10px!important;align-items:end!important} #bch-contact-hub .bch-check-phone-row .bch-field{min-width:0!important} #bch-contact-hub .bch-check-phone-row select,#bch-contact-hub .bch-check-phone-row input{width:100%!important} #bch-contact-hub .bch-check-country select{padding-inline:10px!important;font-size:13.5px!important} #bch-contact-hub .bch-check-identity-form .bch-chat-submit,#bch-contact-hub .bch-check-email-form .bch-chat-submit{width:100%!important} @media(max-width:480px){ #bch-contact-hub .bch-check-phone-row{grid-template-columns:1fr!important;gap:9px!important} #bch-contact-hub .bch-check-methods{gap:8px!important} #bch-contact-hub .bch-check-methods .bch-chat-choice{min-height:68px!important;font-size:13.5px!important;padding:9px!important} #bch-contact-hub .bch-check-methods .bch-option-icon{width:38px!important;height:38px!important;min-width:38px!important} } \n/* BCH 2.6.0 — Smart Flow Runtime */ .bch-smart-flow-choices,.bch-smart-flow-actions{animation:bchFlowIn .18s ease}.bch-smart-flow-input{animation:bchFlowIn .18s ease}.is-smart-flow-message .bch-chat-bubble,.is-smart-flow-end .bch-chat-bubble{max-width:min(92%,720px)}@keyframes bchFlowIn{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}\n /* BCH 2.6.1 — Direct Contact Button */ #bch-contact-hub .bch-footer{display:flex!important;flex-direction:column!important;gap:8px!important;align-items:stretch!important}#bch-contact-hub .bch-footer>span{display:block!important;text-align:center!important}#bch-contact-hub .bch-direct-contact-btn{display:none;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-height:48px!important;padding:10px 14px!important;border:0!important;border-radius:14px!important;background:var(--bch-action)!important;color:#fff!important;cursor:pointer!important;box-shadow:0 8px 22px rgba(0,0,0,.11)!important;font-size:13px!important;font-weight:800!important;transition:.16s ease!important}#bch-contact-hub .bch-direct-contact-btn:hover{transform:translateY(-1px)!important}.bch-direct-contact-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important}.bch-direct-contact-icon svg{width:22px!important;height:22px!important;fill:currentColor!important}#bch-contact-hub .bch-direct-contact-btn strong{flex:1!important;text-align:center!important;font-size:13px!important}#bch-contact-hub .bch-direct-contact-btn>i{font-style:normal!important;font-size:18px!important} #bch-contact-hub .bch-direct-contact-sheet{position:absolute!important;inset:0!important;z-index:40!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:.2s ease!important}#bch-contact-hub .bch-direct-contact-sheet.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}#bch-contact-hub .bch-direct-contact-backdrop{position:absolute!important;inset:0!important;background:rgba(10,13,18,.52)!important;backdrop-filter:blur(3px)!important}#bch-contact-hub .bch-direct-contact-panel{position:relative!important;z-index:1!important;width:calc(100% - 18px)!important;margin:0 9px 9px!important;padding:16px!important;border:1px solid var(--bch-card-border)!important;border-radius:20px!important;background:var(--bch-panel-bg)!important;box-shadow:0 18px 50px rgba(0,0,0,.22)!important;transform:translateY(18px) scale(.98)!important;transition:transform .2s ease!important}#bch-contact-hub .bch-direct-contact-sheet.is-open .bch-direct-contact-panel{transform:translateY(0) scale(1)!important}#bch-contact-hub .bch-direct-contact-close{position:absolute!important;top:11px!important;left:11px!important;width:31px!important;height:31px!important;padding:0!important;border:1px solid var(--bch-card-border)!important;border-radius:10px!important;background:var(--bch-card-bg)!important;color:var(--bch-text)!important;font-size:20px!important;cursor:pointer!important}.bch-direct-contact-head{display:flex!important;align-items:center!important;gap:10px!important;padding:3px 38px 13px 0!important;border-bottom:1px solid var(--bch-card-border)!important}.bch-direct-contact-head-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border-radius:12px!important;background:var(--bch-icon-bg)!important;color:var(--bch-action)!important}.bch-direct-contact-head-icon svg{width:23px!important;height:23px!important;fill:currentColor!important}.bch-direct-contact-head strong{display:block!important;color:var(--bch-text)!important;font-size:15px!important;font-weight:900!important}.bch-direct-contact-head small{display:block!important;margin-top:2px!important;color:var(--bch-muted)!important;font-size:11px!important}.bch-direct-contact-list{display:grid!important;gap:9px!important;padding-top:12px!important}.bch-direct-platform{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:58px!important;padding:9px 11px!important;border:1px solid var(--bch-card-border)!important;border-radius:14px!important;background:var(--bch-card-bg)!important;color:var(--bch-text)!important;text-align:right!important;cursor:pointer!important}.bch-direct-platform:hover{border-color:var(--bch-action)!important;transform:translateY(-1px)!important}.bch-direct-platform-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:40px!important;border-radius:12px!important;background:var(--bch-icon-bg)!important;font-size:19px!important;overflow:hidden!important}.bch-direct-platform-icon img{width:100%!important;height:100%!important;object-fit:contain!important;padding:6px!important}.bch-direct-platform>span:nth-child(2){flex:1!important}.bch-direct-platform strong{display:block!important;font-size:13px!important;font-weight:850!important}.bch-direct-platform small{display:block!important;margin-top:2px!important;color:var(--bch-muted)!important;font-size:10.5px!important}.bch-direct-platform>i{font-style:normal!important;color:var(--bch-muted)!important;font-size:17px!important}@media(max-width:600px){#bch-contact-hub.bch-compact-mobile .bch-footer{display:flex!important;padding:8px 10px!important}#bch-contact-hub.bch-compact-mobile .bch-footer>span{display:none!important}#bch-contact-hub .bch-direct-contact-panel{margin-bottom:max(9px,env(safe-area-inset-bottom))!important}} /* v2.6.2 — Direct Contact Pro: top-layer responsive modal */ #bch-contact-hub .bch-direct-contact-sheet{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:2147483645!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;overflow:auto!important;overscroll-behavior:contain!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .18s ease,visibility .18s ease!important} #bch-contact-hub .bch-direct-contact-sheet.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important} #bch-contact-hub .bch-direct-contact-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;background:rgba(7,11,18,.72)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important} #bch-contact-hub .bch-direct-contact-panel{position:relative!important;z-index:2!important;width:min(470px,calc(100vw - 28px))!important;max-width:470px!important;max-height:min(720px,calc(100dvh - 36px))!important;margin:auto!important;padding:18px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;border:1px solid color-mix(in srgb,var(--bch-card-border) 86%,#fff)!important;border-radius:24px!important;background:var(--bch-panel-bg,#fff)!important;box-shadow:0 28px 90px rgba(0,0,0,.38)!important;transform:translateY(12px) scale(.985)!important;transition:transform .18s ease!important} #bch-contact-hub .bch-direct-contact-sheet.is-open .bch-direct-contact-panel{transform:translateY(0) scale(1)!important} #bch-contact-hub .bch-direct-contact-head{flex:0 0 auto!important;padding:3px 44px 14px 0!important}.bch-direct-contact-list{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:13px 2px 2px!important;scrollbar-width:thin!important} #bch-contact-hub .bch-direct-platform{--bch-p-bg:#fff;--bch-p-text:#172033;--bch-p-border:#d8dee8;--bch-p-icon-bg:#f3f6fa;--bch-p-icon:#374151;--bch-p-radius:16px;position:relative!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 24px!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:68px!important;padding:10px 12px!important;border:1px solid var(--bch-p-border)!important;border-radius:var(--bch-p-radius)!important;background:var(--bch-p-bg)!important;color:var(--bch-p-text)!important;text-align:right!important;cursor:pointer!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;overflow:hidden!important} #bch-contact-hub .bch-direct-platform:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(15,23,42,.13)!important;filter:saturate(1.04)!important}#bch-contact-hub .bch-direct-platform:active{transform:translateY(0) scale(.992)!important} #bch-contact-hub .bch-direct-platform.is-style-soft{background:color-mix(in srgb,var(--bch-p-bg) 18%,#fff)!important;color:var(--bch-p-text)!important}#bch-contact-hub .bch-direct-platform.is-style-outline{background:transparent!important;color:var(--bch-p-text)!important;border-width:2px!important}#bch-contact-hub .bch-direct-platform.is-style-glass{background:color-mix(in srgb,var(--bch-p-bg) 76%,transparent)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important} #bch-contact-hub .bch-direct-platform-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;min-width:46px!important;border-radius:14px!important;background:var(--bch-p-icon-bg)!important;color:var(--bch-p-icon)!important;font-size:20px!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.05)!important}#bch-contact-hub .bch-direct-platform-icon svg{width:25px!important;height:25px!important;display:block!important}#bch-contact-hub .bch-direct-platform-icon img{width:100%!important;height:100%!important;object-fit:contain!important;padding:7px!important;background:transparent!important}#bch-contact-hub .bch-direct-platform-icon.bch-is-text-icon{font-size:18px!important;font-weight:900!important} #bch-contact-hub .bch-direct-platform>span:nth-child(2){min-width:0!important;display:block!important}#bch-contact-hub .bch-direct-platform strong{display:block!important;color:inherit!important;font-size:14px!important;font-weight:900!important;line-height:1.45!important;white-space:normal!important}#bch-contact-hub .bch-direct-platform small{display:block!important;margin-top:3px!important;color:inherit!important;opacity:.72!important;font-size:11px!important;font-weight:650!important;line-height:1.5!important}#bch-contact-hub .bch-direct-platform>i{font-style:normal!important;color:inherit!important;opacity:.72!important;font-size:18px!important} html.bch-direct-contact-open,body.bch-direct-contact-open{overflow:hidden!important;overscroll-behavior:none!important} @media(max-width:600px){#bch-contact-hub .bch-direct-contact-sheet{align-items:flex-end!important;padding:0!important}#bch-contact-hub .bch-direct-contact-panel{width:100vw!important;max-width:none!important;max-height:min(78dvh,720px)!important;margin:0!important;padding:17px 14px max(17px,env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important;border-left:0!important;border-right:0!important;border-bottom:0!important}.bch-direct-contact-list{padding-bottom:2px!important}#bch-contact-hub .bch-direct-platform{min-height:66px!important}} \n\n/* v2.6.3 — Direct Contact Portal: true body-level top layer */ .bch-direct-contact-sheet.bch-direct-contact-portal{position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:auto!important;left:0!important;width:100vw!important;max-width:none!important;height:var(--bch-direct-vh,100dvh)!important;min-height:320px!important;margin:0!important;padding:clamp(14px,3vw,26px)!important;box-sizing:border-box!important;z-index:2147483647!important;isolation:isolate!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;overscroll-behavior:contain!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;direction:rtl!important;font-family:Tahoma,Arial,sans-serif!important;transition:opacity .18s ease,visibility .18s ease!important} .bch-direct-contact-sheet.bch-direct-contact-portal.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-contact-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background:rgba(4,8,15,.76)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;z-index:0!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-contact-panel{position:relative!important;inset:auto!important;z-index:2!important;box-sizing:border-box!important;width:min(480px,calc(100vw - 32px))!important;max-width:480px!important;max-height:calc(var(--bch-direct-vh,100dvh) - 32px)!important;margin:0!important;padding:18px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;border:1px solid var(--bch-card-border,#e5e7eb)!important;border-radius:24px!important;background:var(--bch-panel-bg,#fff)!important;color:var(--bch-text,#202020)!important;box-shadow:0 32px 100px rgba(0,0,0,.42),0 2px 10px rgba(0,0,0,.12)!important;transform:translateY(14px) scale(.985)!important;transition:transform .2s cubic-bezier(.22,.8,.22,1)!important} .bch-direct-contact-sheet.bch-direct-contact-portal.is-open .bch-direct-contact-panel{transform:translateY(0) scale(1)!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-contact-close{position:absolute!important;top:12px!important;left:12px!important;z-index:4!important;width:36px!important;height:36px!important;padding:0!important;border:1px solid var(--bch-card-border,#e5e7eb)!important;border-radius:12px!important;background:var(--bch-card-bg,#fff)!important;color:var(--bch-text,#202020)!important;font-size:24px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:0 6px 18px rgba(15,23,42,.08)!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-contact-head{display:flex!important;align-items:center!important;gap:11px!important;flex:0 0 auto!important;padding:2px 46px 15px 0!important;border-bottom:1px solid var(--bch-card-border,#e5e7eb)!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-contact-head-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;background:var(--bch-icon-bg,#fff3e8)!important;color:var(--bch-action,#25d366)!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-contact-head-icon svg{width:24px!important;height:24px!important;fill:currentColor!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-contact-head strong{display:block!important;color:var(--bch-text,#202020)!important;font-size:16px!important;font-weight:900!important;line-height:1.35!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-contact-head small{display:block!important;margin-top:4px!important;color:var(--bch-muted,#777)!important;font-size:11.5px!important;line-height:1.5!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-contact-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:14px 2px 2px!important;scrollbar-width:thin!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-platform{--bch-p-bg:#fff;--bch-p-text:#172033;--bch-p-border:#d8dee8;--bch-p-icon-bg:#f3f6fa;--bch-p-icon:#374151;--bch-p-radius:16px;box-sizing:border-box!important;position:relative!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 24px!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:68px!important;padding:10px 12px!important;border:1px solid var(--bch-p-border)!important;border-radius:var(--bch-p-radius)!important;background:var(--bch-p-bg)!important;color:var(--bch-p-text)!important;text-align:right!important;cursor:pointer!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;overflow:hidden!important;font-family:inherit!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-platform:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(15,23,42,.13)!important;filter:saturate(1.04)!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-platform:active{transform:scale(.992)!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-platform.is-style-soft{background:color-mix(in srgb,var(--bch-p-bg) 18%,#fff)!important}.bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-platform.is-style-outline{background:transparent!important;border-width:2px!important}.bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-platform.is-style-glass{background:color-mix(in srgb,var(--bch-p-bg) 76%,transparent)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-platform-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;min-width:46px!important;border-radius:14px!important;background:var(--bch-p-icon-bg)!important;color:var(--bch-p-icon)!important;font-size:20px!important;overflow:hidden!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.05)!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-platform-icon svg{width:25px!important;height:25px!important;display:block!important;fill:currentColor!important}.bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-platform-icon img{width:100%!important;height:100%!important;object-fit:contain!important;padding:7px!important;box-sizing:border-box!important;background:transparent!important}.bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-platform-icon.bch-is-text-icon{font-size:18px!important;font-weight:900!important} .bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-platform>span:nth-child(2){min-width:0!important;display:block!important}.bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-platform strong{display:block!important;color:inherit!important;font-size:14px!important;font-weight:900!important;line-height:1.45!important;white-space:normal!important}.bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-platform small{display:block!important;margin-top:3px!important;color:inherit!important;opacity:.72!important;font-size:11px!important;font-weight:650!important;line-height:1.5!important}.bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-platform>i{font-style:normal!important;color:inherit!important;opacity:.72!important;font-size:18px!important} @media(max-width:600px){.bch-direct-contact-sheet.bch-direct-contact-portal{align-items:flex-end!important;padding:0!important}.bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-contact-panel{width:100%!important;max-width:none!important;max-height:min(calc(var(--bch-direct-vh,100dvh) - 8px),780px)!important;margin:0!important;padding:18px 14px max(18px,env(safe-area-inset-bottom))!important;border-radius:26px 26px 0 0!important;border-left:0!important;border-right:0!important;border-bottom:0!important}.bch-direct-contact-sheet.bch-direct-contact-portal .bch-direct-platform{min-height:66px!important}} /* v2.6.4 — Direct Contact Native Dialog: browser top-layer, zero page blur */ #bch-contact-hub .bch-direct-contact-btn[hidden]{display:none!important} #bch-contact-hub dialog.bch-direct-contact-sheet:not([open]){display:none!important} #bch-contact-hub dialog.bch-direct-contact-sheet[open]{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:clamp(14px,3vw,26px)!important;border:0!important;background:transparent!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;direction:rtl!important;color:var(--bch-text,#202020)!important;font-family:Tahoma,Arial,sans-serif!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:auto!important} #bch-contact-hub dialog.bch-direct-contact-sheet::backdrop{background:rgba(7,11,18,.66)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} #bch-contact-hub dialog.bch-direct-contact-sheet .bch-direct-contact-panel{position:relative!important;z-index:1!important;width:min(480px,calc(100vw - 32px))!important;max-width:480px!important;max-height:calc(var(--bch-direct-vh,100dvh) - 36px)!important;margin:0!important;padding:18px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;border:1px solid var(--bch-card-border,#e5e7eb)!important;border-radius:24px!important;background:var(--bch-panel-bg,#fff)!important;color:var(--bch-text,#202020)!important;box-shadow:0 28px 90px rgba(0,0,0,.32)!important;transform:none!important} #bch-contact-hub dialog.bch-direct-contact-sheet .bch-direct-contact-head{display:flex!important;align-items:center!important;gap:11px!important;flex:0 0 auto!important;padding:2px 46px 15px 0!important;border-bottom:1px solid var(--bch-card-border,#e5e7eb)!important} #bch-contact-hub dialog.bch-direct-contact-sheet .bch-direct-contact-head small{white-space:pre-line!important} #bch-contact-hub dialog.bch-direct-contact-sheet .bch-direct-contact-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:14px 2px 2px!important} #bch-contact-hub dialog.bch-direct-contact-sheet .bch-direct-platform{display:grid!important;grid-template-columns:48px minmax(0,1fr) 24px!important} html.bch-direct-contact-open,body.bch-direct-contact-open{overflow:hidden!important;overscroll-behavior:none!important} @media(max-width:600px){#bch-contact-hub dialog.bch-direct-contact-sheet[open]{align-items:flex-end!important;padding:0!important}#bch-contact-hub dialog.bch-direct-contact-sheet .bch-direct-contact-panel{width:100vw!important;max-width:none!important;max-height:min(78dvh,720px)!important;margin:0!important;padding:17px 14px max(17px,env(safe-area-inset-bottom))!important;border-radius:24px 24px 0 0!important;border-left:0!important;border-right:0!important;border-bottom:0!important}} /* BCH 2.6.5 — Direct Contact desktop proportions */ @media (min-width: 768px){ #bch-contact-hub .bch-footer{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:12px!important; padding:10px 14px!important; } #bch-contact-hub .bch-footer>span{ min-width:0!important; max-width:190px!important; margin:0!important; text-align:right!important; font-size:10.5px!important; line-height:1.55!important; } #bch-contact-hub .bch-direct-contact-btn{ width:228px!important; min-width:210px!important; max-width:240px!important; min-height:44px!important; padding:8px 12px!important; gap:8px!important; border-radius:13px!important; justify-self:end!important; box-shadow:0 6px 18px rgba(0,0,0,.10)!important; } #bch-contact-hub .bch-direct-contact-btn strong{ font-size:12.5px!important; line-height:1.35!important; } #bch-contact-hub .bch-direct-contact-icon{ width:22px!important; height:22px!important; } #bch-contact-hub .bch-direct-contact-icon svg{ width:20px!important; height:20px!important; } #bch-contact-hub .bch-direct-contact-btn>i{ font-size:16px!important; } #bch-contact-hub dialog.bch-direct-contact-sheet .bch-direct-contact-panel{ width:min(430px,calc(100vw - 48px))!important; max-width:430px!important; max-height:min(640px,calc(var(--bch-direct-vh,100dvh) - 64px))!important; padding:16px!important; border-radius:21px!important; } #bch-contact-hub dialog.bch-direct-contact-sheet .bch-direct-contact-head{ padding-bottom:12px!important; } #bch-contact-hub dialog.bch-direct-contact-sheet .bch-direct-contact-list{ gap:9px!important; padding-top:12px!important; } #bch-contact-hub dialog.bch-direct-contact-sheet .bch-direct-platform{ min-height:60px!important; grid-template-columns:44px minmax(0,1fr) 22px!important; padding:8px 10px!important; } #bch-contact-hub dialog.bch-direct-contact-sheet .bch-direct-platform-icon{ width:42px!important; height:42px!important; min-width:42px!important; border-radius:12px!important; } } @media (max-width: 767px){ #bch-contact-hub .bch-footer{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:8px!important; } #bch-contact-hub .bch-direct-contact-btn{ width:100%!important; max-width:none!important; } } /* BCH 2.7.0 — Central Live Chat Bridge */ .bch-live-chat-intro{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:rgba(248,250,252,.96);margin-bottom:10px}.bch-live-chat-intro strong{font-size:14px;font-weight:800}.bch-live-chat-intro span{font-size:12px;line-height:1.7;color:#64748b}.bch-live-chat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bch-live-chat-grid .bch-field:last-child{grid-column:1/-1}.bch-live-chat-online{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;margin-bottom:8px}.bch-live-chat-online>span{grid-row:1/3;width:10px;height:10px;border-radius:999px;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.10)}.bch-live-chat-online strong{font-size:13px;font-weight:800}.bch-live-chat-online small{font-size:11px;color:#64748b}.bch-live-chat-compose-row{display:flex;gap:8px;align-items:flex-end}.bch-live-chat-compose-row textarea{min-height:46px;max-height:120px;resize:vertical;flex:1}.bch-live-chat-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.bch-live-chat-status{font-size:11px;line-height:1.5;color:#64748b;min-height:17px}.bch-live-chat-status.is-error{color:#b91c1c}.bch-live-chat-end{appearance:none;border:0;background:transparent;color:#64748b;font-size:11px;text-decoration:underline;cursor:pointer;padding:3px 0}.bch-chat-row.is-bot.is-live-agent .bch-chat-bubble{border:1px solid rgba(22,163,74,.16);box-shadow:0 4px 14px rgba(15,23,42,.05)}.bch-live-chat-resuming{padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0} @media(max-width:767px){.bch-live-chat-grid{grid-template-columns:1fr}.bch-live-chat-grid .bch-field:last-child{grid-column:auto}.bch-live-chat-compose-row{align-items:stretch}.bch-live-chat-compose-row .bch-chat-submit{min-width:76px}.bch-live-chat-composer-foot{align-items:flex-start;flex-direction:column}} /* BCH 2.7.1 — Persistent Live Chat entry */ .bch-footer .bch-live-chat-entry{width:100%;display:flex;align-items:center;gap:11px;min-height:62px;padding:10px 16px;border:0;border-radius:18px;background:var(--bch-primary);color:var(--bch-button-text);cursor:pointer;text-align:right;box-shadow:0 10px 22px rgba(15,23,42,.08);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;margin:0 0 9px}.bch-footer .bch-live-chat-entry:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,23,42,.12)}.bch-footer .bch-live-chat-entry:active{transform:translateY(0)}.bch-live-chat-entry-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.17);flex:0 0 38px}.bch-live-chat-entry-icon svg{width:22px;height:22px;display:block}.bch-live-chat-entry-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.bch-live-chat-entry-copy strong{font-size:15px;font-weight:900;line-height:1.35}.bch-live-chat-entry-copy small{font-size:11px;font-weight:700;line-height:1.45;opacity:.88}.bch-live-chat-entry>i{font-style:normal;font-size:20px;line-height:1;opacity:.95}.bch-live-chat-entry[hidden]{display:none!important}@media(max-width:767px){.bch-footer .bch-live-chat-entry{min-height:60px;border-radius:17px;padding:9px 14px}.bch-live-chat-entry-copy strong{font-size:14px}.bch-live-chat-entry-copy small{font-size:10.5px}} .bch-direct-platform.bch-live-direct-option{--bch-p-bg:#ffffff;--bch-p-text:#172033;--bch-p-border:#d8dee8;--bch-p-icon-bg:#eefbf3;--bch-p-icon:#16a34a}.bch-direct-platform.bch-live-direct-option:not(.is-offline) [data-bch-live-direct-status]{color:#079455;font-weight:800}.bch-direct-platform.bch-live-direct-option.is-offline{opacity:.78}.bch-direct-platform.bch-live-direct-option.is-offline [data-bch-live-direct-status]{color:#b54708}.bch-direct-platform.bch-live-direct-option.is-checking{cursor:progress}.bch-live-prechat-routes .bch-chat-choice{min-height:58px}.bch-live-prechat-question .bch-field{margin-bottom:10px}.bch-live-prechat-question select{width:100%;min-height:46px;border:1px solid #d8dee8;border-radius:12px;background:#fff;padding:8px 10px}.bch-live-fallback-actions{margin-top:8px} /* BCH 2.7.3 — Live Chat popup session lifecycle */ #bch-contact-hub dialog.bch-live-chat-sheet:not([open]){display:none!important} #bch-contact-hub dialog.bch-live-chat-sheet[open]{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:clamp(14px,3vw,28px)!important;border:0!important;background:transparent!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;direction:rtl!important;color:var(--bch-text,#202020)!important;font-family:Tahoma,Arial,sans-serif!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:auto!important} #bch-contact-hub dialog.bch-live-chat-sheet::backdrop{background:rgba(7,11,18,.68)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} #bch-contact-hub .bch-live-chat-panel{position:relative!important;width:min(560px,calc(100vw - 28px))!important;max-width:560px!important;height:min(720px,calc(var(--bch-live-vh,100dvh) - 44px))!important;max-height:calc(var(--bch-live-vh,100dvh) - 44px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid var(--bch-card-border,#e5e7eb)!important;border-radius:24px!important;background:var(--bch-panel-bg,#fff)!important;box-shadow:0 30px 100px rgba(0,0,0,.36)!important} #bch-contact-hub .bch-live-chat-head{display:grid!important;grid-template-columns:44px minmax(0,1fr) 40px!important;align-items:center!important;gap:11px!important;padding:14px 15px!important;border-bottom:1px solid var(--bch-card-border,#e5e7eb)!important;background:var(--bch-panel-bg,#fff)!important;flex:0 0 auto!important} #bch-contact-hub .bch-live-chat-head-icon{width:42px!important;height:42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--bch-primary,#f07a00) 12%,#fff)!important;color:var(--bch-primary,#f07a00)!important} #bch-contact-hub .bch-live-chat-head-icon svg{width:23px!important;height:23px!important} #bch-contact-hub .bch-live-chat-head>div{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important} #bch-contact-hub .bch-live-chat-head strong{font-size:16px!important;font-weight:900!important;line-height:1.4!important} #bch-contact-hub .bch-live-chat-head small{font-size:11px!important;line-height:1.5!important;color:#64748b!important} #bch-contact-hub .bch-live-chat-popup-close{width:38px!important;height:38px!important;border:1px solid var(--bch-card-border,#e5e7eb)!important;border-radius:12px!important;background:#fff!important;color:#334155!important;font-size:24px!important;line-height:1!important;cursor:pointer!important} #bch-contact-hub .bch-live-chat-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding:14px!important;background:var(--bch-body-bg,#f8fafc)!important;overscroll-behavior:contain!important} #bch-contact-hub .bch-live-chat-log{display:flex!important;flex-direction:column!important;gap:10px!important;min-height:100%!important} #bch-contact-hub .bch-live-chat-popup-note{flex:0 0 auto!important;padding:9px 14px max(9px,env(safe-area-inset-bottom))!important;border-top:1px solid var(--bch-card-border,#e5e7eb)!important;background:#f8fafc!important;color:#64748b!important;font-size:10.5px!important;font-weight:700!important;line-height:1.6!important;text-align:center!important} html.bch-live-chat-open,body.bch-live-chat-open{overflow:hidden!important;overscroll-behavior:none!important} #bch-contact-hub .bch-live-chat-resume-inline{margin:10px 0 2px!important} #bch-contact-hub .bch-live-chat-resume-choice{position:relative!important;width:100%!important;border:1px solid color-mix(in srgb,var(--bch-primary,#f07a00) 34%,#d8dee8)!important;background:color-mix(in srgb,var(--bch-primary,#f07a00) 7%,#fff)!important} #bch-contact-hub .bch-live-chat-resume-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;flex:1!important;text-align:right!important} #bch-contact-hub .bch-live-chat-resume-copy strong{font-size:13px!important;font-weight:900!important} #bch-contact-hub .bch-live-chat-resume-copy small{font-size:10.5px!important;color:#64748b!important;font-weight:700!important} #bch-contact-hub .bch-live-chat-unread{min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#dc2626!important;color:#fff!important;font-size:10px!important;font-weight:900!important} #bch-contact-hub .bch-live-chat-sheet .bch-live-chat-composer{margin-top:auto!important;position:sticky!important;bottom:0!important;z-index:2!important;background:var(--bch-panel-bg,#fff)!important;border:1px solid var(--bch-card-border,#e5e7eb)!important;box-shadow:0 -8px 24px rgba(15,23,42,.05)!important} @media(max-width:600px){ #bch-contact-hub dialog.bch-live-chat-sheet[open]{padding:8px!important;align-items:center!important} #bch-contact-hub .bch-live-chat-panel{width:calc(100vw - 16px)!important;max-width:none!important;height:calc(var(--bch-live-vh,100dvh) - 16px)!important;max-height:calc(var(--bch-live-vh,100dvh) - 16px)!important;border-radius:20px!important} #bch-contact-hub .bch-live-chat-head{grid-template-columns:40px minmax(0,1fr) 38px!important;padding:11px 12px!important} #bch-contact-hub .bch-live-chat-head-icon{width:38px!important;height:38px!important;border-radius:12px!important} #bch-contact-hub .bch-live-chat-body{padding:11px!important} #bch-contact-hub .bch-live-chat-popup-note{font-size:10px!important} } /* BCH 2.7.4 — stable live-chat composer typography */ #bch-contact-hub .bch-live-chat-sheet .bch-live-chat-online strong{color:#0f172a!important;opacity:1!important;text-shadow:none!important;} #bch-contact-hub .bch-live-chat-sheet .bch-live-chat-online small{color:#64748b!important;opacity:1!important;text-shadow:none!important;} #bch-contact-hub .bch-live-chat-sheet .bch-live-chat-compose-row textarea{visibility:visible!important;opacity:1!important;color:#0f172a!important;background:#fff!important;} /* BCH 2.7.5 — docked composer, stable popup, hard Offline UX */ #bch-contact-hub .bch-live-chat-panel{background:#f5f7fa!important} #bch-contact-hub .bch-live-chat-body{padding:0!important;background:#f5f7fa!important;overflow:auto!important} #bch-contact-hub .bch-live-chat-log{min-height:100%!important;padding:16px!important;box-sizing:border-box!important;gap:11px!important} #bch-contact-hub .bch-live-chat-popup-note{padding:6px 14px!important;background:#eef2f6!important;border-top:1px solid #e2e8f0!important;color:#64748b!important;font-size:10px!important;font-weight:700!important;line-height:1.45!important} #bch-contact-hub .bch-live-chat-composer-slot{flex:0 0 auto!important;background:#fff!important;border-top:1px solid #dfe5ec!important;min-height:0!important} #bch-contact-hub .bch-live-chat-composer{margin:0!important;padding:10px 12px max(10px,env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:0 -10px 28px rgba(15,23,42,.06)!important;position:relative!important;bottom:auto!important;z-index:3!important;box-sizing:border-box!important} #bch-contact-hub .bch-live-chat-compose-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:end!important} #bch-contact-hub .bch-live-chat-compose-row textarea{display:block!important;width:100%!important;min-height:44px!important;max-height:110px!important;margin:0!important;padding:11px 13px!important;border:1px solid #cfd8e3!important;border-radius:14px!important;resize:none!important;box-sizing:border-box!important;line-height:1.55!important;font-size:14px!important;color:#0f172a!important;background:#fff!important;outline:none!important;box-shadow:none!important} #bch-contact-hub .bch-live-chat-compose-row textarea:focus{border-color:color-mix(in srgb,var(--bch-primary,#f07a00) 65%,#cfd8e3)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--bch-primary,#f07a00) 10%,transparent)!important} #bch-contact-hub .bch-live-chat-compose-row .bch-chat-submit{height:44px!important;min-width:78px!important;margin:0!important;border-radius:14px!important;align-self:end!important} #bch-contact-hub .bch-live-chat-composer-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:6px 2px 0!important;min-height:18px!important} #bch-contact-hub .bch-live-chat-status{font-size:10.5px!important;min-height:0!important;color:#64748b!important} #bch-contact-hub .bch-live-chat-end{font-size:10.5px!important;color:#64748b!important;padding:0!important} #bch-contact-hub .bch-live-chat-composer-slot.is-offline{background:#fff8f0!important} #bch-contact-hub .bch-live-chat-offline-dock{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 14px max(12px,env(safe-area-inset-bottom))!important;background:#fff8f0!important;border-top:1px solid #fed7aa!important} #bch-contact-hub .bch-live-chat-offline-dock>div{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important} #bch-contact-hub .bch-live-chat-offline-dock strong{font-size:13px!important;font-weight:900!important;color:#9a3412!important} #bch-contact-hub .bch-live-chat-offline-dock span{font-size:10.5px!important;line-height:1.55!important;color:#7c2d12!important} #bch-contact-hub .bch-live-chat-alt-contact{flex:0 0 auto!important;border:0!important;border-radius:12px!important;padding:10px 12px!important;background:var(--bch-primary,#f07a00)!important;color:var(--bch-button-text,#fff)!important;font-weight:900!important;font-size:11px!important;cursor:pointer!important} #bch-contact-hub .bch-live-chat-head{background:#fff!important} #bch-contact-hub .bch-live-chat-head strong{color:#111827!important} #bch-contact-hub .bch-live-chat-head small{color:#64748b!important} @media(max-width:600px){ #bch-contact-hub .bch-live-chat-log{padding:12px!important} #bch-contact-hub .bch-live-chat-composer{padding:9px 10px max(9px,env(safe-area-inset-bottom))!important} #bch-contact-hub .bch-live-chat-compose-row .bch-chat-submit{min-width:72px!important} #bch-contact-hub .bch-live-chat-offline-dock{align-items:stretch!important;flex-direction:column!important} #bch-contact-hub .bch-live-chat-alt-contact{width:100%!important} } /* BCH 2.7.8 — iOS visual viewport + wake/queued support */ #bch-contact-hub dialog.bch-live-chat-sheet[open]{ top:var(--bch-live-vv-top,0px)!important; left:var(--bch-live-vv-left,0px)!important; right:auto!important; bottom:auto!important; width:var(--bch-live-vw,100vw)!important; height:var(--bch-live-vh,100dvh)!important; max-width:var(--bch-live-vw,100vw)!important; max-height:var(--bch-live-vh,100dvh)!important; } #bch-contact-hub .bch-live-chat-composer-slot.is-queued{background:#f8fbff!important} #bch-contact-hub .bch-live-chat-queued-dock{background:#f8fbff!important;border-top-color:#bfdbfe!important} #bch-contact-hub .bch-live-chat-queued-dock strong{color:#1d4ed8!important} #bch-contact-hub .bch-live-chat-queued-dock span{color:#475569!important} #bch-contact-hub .bch-live-first-question textarea{width:100%!important;min-height:92px!important;max-height:180px!important;resize:vertical!important;box-sizing:border-box!important} @media(max-width:600px){ #bch-contact-hub dialog.bch-live-chat-sheet[open]{ padding:6px!important; align-items:stretch!important; justify-content:stretch!important; } #bch-contact-hub .bch-live-chat-panel{ width:100%!important; max-width:none!important; height:calc(var(--bch-live-vh,100dvh) - 12px)!important; max-height:calc(var(--bch-live-vh,100dvh) - 12px)!important; margin:0!important; } #bch-contact-hub dialog.bch-live-chat-sheet.is-keyboard-open[open]{ padding:0!important; } #bch-contact-hub dialog.bch-live-chat-sheet.is-keyboard-open .bch-live-chat-panel{ height:var(--bch-live-vh,100dvh)!important; max-height:var(--bch-live-vh,100dvh)!important; border-radius:0!important; border-left:0!important; border-right:0!important; } #bch-contact-hub dialog.bch-live-chat-sheet.is-keyboard-open .bch-live-chat-head{ padding:8px 10px!important; } #bch-contact-hub dialog.bch-live-chat-sheet.is-keyboard-open .bch-live-chat-popup-note{ display:none!important; } #bch-contact-hub dialog.bch-live-chat-sheet.is-keyboard-open .bch-live-chat-composer{ padding-bottom:max(8px,env(safe-area-inset-bottom))!important; } } /* BCH 2.8.0 — premium mobile-first Live Chat */ #bch-contact-hub dialog.bch-live-chat-sheet{ border:0!important; background:transparent!important; margin:0!important; overflow:hidden!important; box-sizing:border-box!important; direction:rtl!important; } #bch-contact-hub dialog.bch-live-chat-sheet::backdrop{ background:rgba(15,23,42,.38)!important; backdrop-filter:blur(5px)!important; -webkit-backdrop-filter:blur(5px)!important; } #bch-contact-hub .bch-live-chat-panel{ display:flex!important; flex-direction:column!important; width:min(640px,calc(100vw - 28px))!important; height:min(760px,calc(var(--bch-live-vh,100dvh) - 28px))!important; max-height:calc(var(--bch-live-vh,100dvh) - 28px)!important; min-height:0!important; overflow:hidden!important; border:1px solid rgba(255,255,255,.74)!important; border-radius:26px!important; background:linear-gradient(180deg,#fbfdff 0%,#f4f7fb 100%)!important; box-shadow:0 30px 80px rgba(15,23,42,.24),0 10px 28px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.92)!important; transform:translateZ(0)!important; } #bch-contact-hub .bch-live-chat-head{ position:relative!important; display:grid!important; grid-template-columns:46px minmax(0,1fr) 42px!important; align-items:center!important; gap:12px!important; flex:0 0 auto!important; padding:14px 16px!important; border:0!important; border-bottom:1px solid rgba(226,232,240,.86)!important; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,249,253,.96))!important; box-shadow:0 10px 30px rgba(15,23,42,.06)!important; z-index:5!important; } #bch-contact-hub .bch-live-chat-head::after{ content:""!important; position:absolute!important; inset:auto 18px -1px 18px!important; height:1px!important; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bch-primary,#f07a00) 38%,transparent),transparent)!important; } #bch-contact-hub .bch-live-chat-head-icon{ width:46px!important; height:46px!important; display:grid!important; place-items:center!important; border-radius:16px!important; color:#fff!important; background:linear-gradient(145deg,color-mix(in srgb,var(--bch-primary,#f07a00) 88%,#fff),var(--bch-primary,#f07a00))!important; box-shadow:0 10px 22px color-mix(in srgb,var(--bch-primary,#f07a00) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.38)!important; } #bch-contact-hub .bch-live-chat-head-icon svg{width:23px!important;height:23px!important;fill:currentColor!important} #bch-contact-hub .bch-live-chat-head>div{min-width:0!important} #bch-contact-hub .bch-live-chat-head strong{ display:block!important; margin:0!important; color:#0f172a!important; font-size:15.5px!important; font-weight:950!important; line-height:1.35!important; letter-spacing:-.01em!important; } #bch-contact-hub .bch-live-chat-head small{ display:block!important; margin-top:3px!important; color:#64748b!important; font-size:11.5px!important; font-weight:750!important; line-height:1.45!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #bch-contact-hub .bch-live-chat-popup-close{ width:40px!important; height:40px!important; display:grid!important; place-items:center!important; border:1px solid #e2e8f0!important; border-radius:14px!important; background:#fff!important; color:#334155!important; font-size:22px!important; line-height:1!important; box-shadow:0 5px 14px rgba(15,23,42,.07)!important; cursor:pointer!important; } #bch-contact-hub .bch-live-chat-body{ flex:1 1 auto!important; min-height:0!important; overflow:auto!important; -webkit-overflow-scrolling:touch!important; padding:0!important; background: radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--bch-primary,#f07a00) 7%,transparent),transparent 30%), linear-gradient(180deg,#f8fafc 0%,#f2f5f9 100%)!important; } #bch-contact-hub .bch-live-chat-log{ min-height:100%!important; padding:18px!important; gap:12px!important; box-sizing:border-box!important; } #bch-contact-hub .bch-live-chat-log .bch-chat-row{max-width:88%!important} #bch-contact-hub .bch-live-chat-log .bch-chat-row.is-user{margin-right:auto!important;margin-left:0!important} #bch-contact-hub .bch-live-chat-log .bch-chat-bubble{ border-radius:18px!important; padding:11px 13px!important; box-shadow:0 6px 18px rgba(15,23,42,.07)!important; } #bch-contact-hub .bch-live-chat-log .is-user .bch-chat-bubble{ border-bottom-left-radius:7px!important; background:linear-gradient(145deg,color-mix(in srgb,var(--bch-primary,#f07a00) 92%,#fff),var(--bch-primary,#f07a00))!important; color:#fff!important; box-shadow:0 8px 22px color-mix(in srgb,var(--bch-primary,#f07a00) 22%,transparent)!important; } #bch-contact-hub .bch-live-chat-log .is-bot .bch-chat-bubble{ border:1px solid #e2e8f0!important; border-bottom-right-radius:7px!important; background:#fff!important; color:#172033!important; } #bch-contact-hub .bch-live-chat-popup-note{ flex:0 0 auto!important; padding:7px 14px!important; border:0!important; border-top:1px solid #e5eaf1!important; background:#f8fafc!important; color:#7b8797!important; font-size:10.5px!important; font-weight:700!important; line-height:1.4!important; } #bch-contact-hub .bch-live-chat-composer-slot{ position:relative!important; flex:0 0 auto!important; min-height:0!important; background:#fff!important; border-top:1px solid #e4e9f0!important; z-index:6!important; } #bch-contact-hub .bch-live-chat-composer{ padding:10px 12px max(10px,env(safe-area-inset-bottom))!important; background:rgba(255,255,255,.98)!important; box-shadow:0 -12px 28px rgba(15,23,42,.07)!important; } #bch-contact-hub .bch-live-chat-compose-row{ display:grid!important; grid-template-columns:42px minmax(0,1fr) 46px!important; gap:8px!important; align-items:end!important; } #bch-contact-hub .bch-live-chat-attach{ width:42px!important; height:42px!important; display:grid!important; place-items:center!important; margin:0!important; border:1px solid #dde4ed!important; border-radius:14px!important; background:#f8fafc!important; color:#334155!important; font-size:23px!important; font-weight:500!important; cursor:pointer!important; box-shadow:0 4px 12px rgba(15,23,42,.05)!important; } #bch-contact-hub .bch-live-chat-attach input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} #bch-contact-hub .bch-live-chat-compose-row textarea{ min-height:42px!important; max-height:112px!important; padding:10px 13px!important; border:1px solid #d9e1ea!important; border-radius:15px!important; background:#fff!important; color:#0f172a!important; font-size:14px!important; line-height:1.55!important; box-shadow:inset 0 1px 2px rgba(15,23,42,.03)!important; } #bch-contact-hub .bch-live-chat-compose-row textarea:focus{ border-color:color-mix(in srgb,var(--bch-primary,#f07a00) 66%,#d9e1ea)!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--bch-primary,#f07a00) 10%,transparent)!important; } #bch-contact-hub .bch-live-chat-compose-row .bch-live-send{ width:46px!important; min-width:46px!important; height:46px!important; padding:0!important; display:grid!important; place-items:center!important; border:0!important; border-radius:15px!important; background:linear-gradient(145deg,color-mix(in srgb,var(--bch-primary,#f07a00) 90%,#fff),var(--bch-primary,#f07a00))!important; color:#fff!important; font-size:19px!important; box-shadow:0 8px 18px color-mix(in srgb,var(--bch-primary,#f07a00) 25%,transparent),inset 0 1px 0 rgba(255,255,255,.32)!important; } #bch-contact-hub .bch-live-chat-composer-foot{margin:6px 2px 0!important;min-height:16px!important} #bch-contact-hub .bch-live-chat-status{font-size:10.5px!important;color:#64748b!important} #bch-contact-hub .bch-live-chat-status.is-error{color:#b91c1c!important} #bch-contact-hub .bch-live-chat-end{ border:0!important; background:transparent!important; color:#64748b!important; font-size:10.5px!important; font-weight:800!important; text-decoration:underline!important; text-underline-offset:3px!important; cursor:pointer!important; } #bch-contact-hub .bch-live-chat-start{ width:min(100%,520px)!important; margin:auto!important; padding:6px 0 12px!important; display:flex!important; flex-direction:column!important; gap:14px!important; } #bch-contact-hub .bch-live-prechat-hero{ display:flex!important; align-items:center!important; gap:12px!important; padding:14px!important; border:1px solid rgba(226,232,240,.9)!important; border-radius:20px!important; background:rgba(255,255,255,.92)!important; box-shadow:0 12px 28px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.9)!important; } #bch-contact-hub .bch-live-prechat-orb{ width:48px!important; height:48px!important; flex:0 0 48px!important; display:grid!important; place-items:center!important; border-radius:17px!important; background:linear-gradient(145deg,color-mix(in srgb,var(--bch-primary,#f07a00) 12%,#fff),color-mix(in srgb,var(--bch-primary,#f07a00) 22%,#fff))!important; box-shadow:0 8px 20px color-mix(in srgb,var(--bch-primary,#f07a00) 12%,transparent)!important; font-size:24px!important; } #bch-contact-hub .bch-live-prechat-hero strong{display:block!important;color:#0f172a!important;font-size:15px!important;font-weight:950!important} #bch-contact-hub .bch-live-prechat-hero p{margin:4px 0 0!important;color:#64748b!important;font-size:12px!important;line-height:1.65!important} #bch-contact-hub .bch-live-prechat-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:11px!important; } #bch-contact-hub .bch-live-prechat-grid label{display:flex!important;flex-direction:column!important;gap:6px!important;color:#334155!important;font-size:11.5px!important;font-weight:850!important} #bch-contact-hub .bch-live-prechat-grid label.is-wide{grid-column:1/-1!important} #bch-contact-hub .bch-live-prechat-grid input, #bch-contact-hub .bch-live-prechat-grid textarea{ width:100%!important; box-sizing:border-box!important; border:1px solid #d9e1ea!important; border-radius:14px!important; background:#fff!important; color:#0f172a!important; padding:11px 12px!important; font:inherit!important; font-size:13px!important; font-weight:650!important; outline:none!important; box-shadow:0 5px 14px rgba(15,23,42,.035)!important; } #bch-contact-hub .bch-live-prechat-grid textarea{min-height:104px!important;resize:vertical!important;line-height:1.6!important} #bch-contact-hub .bch-live-prechat-grid input:focus, #bch-contact-hub .bch-live-prechat-grid textarea:focus{border-color:var(--bch-primary,#f07a00)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--bch-primary,#f07a00) 10%,transparent)!important} #bch-contact-hub .bch-live-prechat-error{min-height:18px!important;color:#b91c1c!important;font-size:11px!important;font-weight:800!important} #bch-contact-hub .bch-live-prechat-submit{ width:100%!important; min-height:46px!important; border:0!important; border-radius:15px!important; background:linear-gradient(145deg,color-mix(in srgb,var(--bch-primary,#f07a00) 90%,#fff),var(--bch-primary,#f07a00))!important; box-shadow:0 10px 24px color-mix(in srgb,var(--bch-primary,#f07a00) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.32)!important; } #bch-contact-hub .bch-live-chat-image{ display:block!important; width:min(280px,66vw)!important; max-width:100%!important; padding:0!important; margin:0!important; border:0!important; border-radius:14px!important; overflow:hidden!important; background:#eef2f7!important; cursor:zoom-in!important; box-shadow:0 4px 14px rgba(15,23,42,.08)!important; } #bch-contact-hub .bch-live-chat-image img{display:block!important;width:100%!important;height:auto!important;max-height:360px!important;object-fit:cover!important} #bch-contact-hub .bch-live-image-bubble{padding:6px!important;overflow:hidden!important} #bch-contact-hub .bch-live-chat-image-caption{display:block!important;padding:7px 6px 3px!important;font-size:12px!important;line-height:1.5!important} #bch-contact-hub .bch-live-chat-image-deleted{padding:12px!important;border:1px dashed #cbd5e1!important;border-radius:12px!important;background:#f8fafc!important;color:#64748b!important;font-size:11.5px!important;line-height:1.5!important} #bch-contact-hub .bch-live-chat-offline-dock{ align-items:center!important; padding:12px 14px max(12px,env(safe-area-inset-bottom))!important; background:linear-gradient(180deg,#fffaf5,#fff7ed)!important; box-shadow:0 -8px 22px rgba(154,52,18,.05)!important; } #bch-contact-hub .bch-live-chat-queued-dock{background:linear-gradient(180deg,#f8fbff,#eff6ff)!important} @media(max-width:600px){ #bch-contact-hub dialog.bch-live-chat-sheet[open]{ padding:6px!important; align-items:stretch!important; justify-content:stretch!important; } #bch-contact-hub .bch-live-chat-panel{ width:100%!important; max-width:none!important; height:calc(var(--bch-live-vh,100dvh) - 12px)!important; max-height:calc(var(--bch-live-vh,100dvh) - 12px)!important; min-height:0!important; margin:0!important; border-radius:22px!important; } #bch-contact-hub .bch-live-chat-head{ grid-template-columns:42px minmax(0,1fr) 38px!important; gap:9px!important; padding:10px 11px!important; } #bch-contact-hub .bch-live-chat-head-icon{width:42px!important;height:42px!important;border-radius:14px!important} #bch-contact-hub .bch-live-chat-popup-close{width:36px!important;height:36px!important;border-radius:12px!important} #bch-contact-hub .bch-live-chat-log{padding:12px!important;gap:9px!important} #bch-contact-hub .bch-live-chat-log .bch-chat-row{max-width:92%!important} #bch-contact-hub .bch-live-chat-start{width:100%!important;padding:2px 0 8px!important;gap:11px!important} #bch-contact-hub .bch-live-prechat-hero{padding:12px!important;border-radius:17px!important} #bch-contact-hub .bch-live-prechat-orb{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:15px!important} #bch-contact-hub .bch-live-prechat-grid{grid-template-columns:1fr!important;gap:9px!important} #bch-contact-hub .bch-live-prechat-grid label.is-wide{grid-column:auto!important} #bch-contact-hub .bch-live-prechat-grid input,#bch-contact-hub .bch-live-prechat-grid textarea{font-size:16px!important;padding:10px 11px!important} #bch-contact-hub .bch-live-prechat-grid textarea{min-height:88px!important} #bch-contact-hub .bch-live-chat-compose-row{grid-template-columns:40px minmax(0,1fr) 44px!important;gap:7px!important} #bch-contact-hub .bch-live-chat-attach{width:40px!important;height:40px!important;border-radius:13px!important} #bch-contact-hub .bch-live-chat-compose-row textarea{min-height:40px!important;font-size:16px!important;padding:9px 11px!important} #bch-contact-hub .bch-live-chat-compose-row .bch-live-send{width:44px!important;min-width:44px!important;height:44px!important;border-radius:14px!important} #bch-contact-hub .bch-live-chat-popup-note{padding:6px 10px!important;font-size:9.5px!important} #bch-contact-hub dialog.bch-live-chat-sheet.is-keyboard-open[open]{padding:0!important} #bch-contact-hub dialog.bch-live-chat-sheet.is-keyboard-open .bch-live-chat-panel{ width:var(--bch-live-vw,100vw)!important; height:var(--bch-live-vh,100dvh)!important; max-height:var(--bch-live-vh,100dvh)!important; border:0!important; border-radius:0!important; box-shadow:none!important; } #bch-contact-hub dialog.bch-live-chat-sheet.is-keyboard-open .bch-live-chat-head{padding:7px 9px!important} #bch-contact-hub dialog.bch-live-chat-sheet.is-keyboard-open .bch-live-chat-head-icon{width:36px!important;height:36px!important;border-radius:12px!important} #bch-contact-hub dialog.bch-live-chat-sheet.is-keyboard-open .bch-live-chat-popup-note{display:none!important} #bch-contact-hub dialog.bch-live-chat-sheet.is-keyboard-open .bch-live-chat-log{padding:9px 10px!important} #bch-contact-hub dialog.bch-live-chat-sheet.is-keyboard-open .bch-live-chat-composer{padding:7px 8px max(7px,env(safe-area-inset-bottom))!important} } /* 2.8.1 — schedule-first live chat, camera/gallery picker and image preview */ #bch-contact-hub .bch-live-chat-media-picker{position:relative!important;align-self:end!important} #bch-contact-hub .bch-live-chat-attach{border:1px solid #dde4ed!important} #bch-contact-hub .bch-live-media-menu{ position:absolute!important; right:0!important; bottom:calc(100% + 9px)!important; z-index:30!important; min-width:156px!important; padding:7px!important; display:grid!important; gap:5px!important; border:1px solid #e2e8f0!important; border-radius:16px!important; background:#fff!important; box-shadow:0 16px 38px rgba(15,23,42,.16)!important; } #bch-contact-hub .bch-live-media-menu[hidden]{display:none!important} #bch-contact-hub .bch-live-media-menu button{ width:100%!important; min-height:42px!important; display:flex!important; align-items:center!important; gap:9px!important; padding:8px 10px!important; border:0!important; border-radius:11px!important; background:#f8fafc!important; color:#0f172a!important; font:inherit!important; text-align:right!important; cursor:pointer!important; } #bch-contact-hub .bch-live-media-menu button b{font-size:12px!important;font-weight:900!important} #bch-contact-hub .bch-live-media-preview{ margin-top:9px!important; padding:8px!important; display:grid!important; grid-template-columns:54px minmax(0,1fr) 34px auto!important; gap:8px!important; align-items:center!important; border:1px solid #e2e8f0!important; border-radius:15px!important; background:#f8fafc!important; } #bch-contact-hub .bch-live-media-preview[hidden]{display:none!important} #bch-contact-hub .bch-live-media-preview.is-busy{opacity:.72!important;pointer-events:none!important} #bch-contact-hub .bch-live-media-preview img{width:54px!important;height:54px!important;border-radius:11px!important;object-fit:cover!important;background:#e2e8f0!important} #bch-contact-hub .bch-live-media-preview>div{min-width:0!important} #bch-contact-hub .bch-live-media-preview strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#0f172a!important;font-size:11.5px!important;font-weight:900!important} #bch-contact-hub .bch-live-media-preview span{display:block!important;margin-top:2px!important;color:#64748b!important;font-size:10px!important} #bch-contact-hub .bch-live-media-cancel{ width:32px!important;height:32px!important;border:0!important;border-radius:10px!important;background:#fff!important;color:#64748b!important;font-size:20px!important;cursor:pointer!important } #bch-contact-hub .bch-live-media-confirm{ min-height:34px!important;padding:0 11px!important;border:0!important;border-radius:10px!important;background:var(--bch-primary,#f07a00)!important;color:#fff!important;font-size:10.5px!important;font-weight:900!important;cursor:pointer!important } #bch-contact-hub .bch-live-outside-hours{ width:min(100%,480px)!important; margin:auto!important; padding:22px 18px!important; display:flex!important; flex-direction:column!important; align-items:center!important; text-align:center!important; border:1px solid #e2e8f0!important; border-radius:22px!important; background:#fff!important; box-shadow:0 14px 34px rgba(15,23,42,.08)!important; } #bch-contact-hub .bch-live-outside-hours-icon{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;margin-bottom:10px!important;border-radius:17px!important;background:#f8fafc!important;font-size:25px!important} #bch-contact-hub .bch-live-outside-hours strong{color:#0f172a!important;font-size:16px!important;font-weight:950!important} #bch-contact-hub .bch-live-outside-hours p{margin:7px 0 16px!important;color:#64748b!important;font-size:12px!important;line-height:1.8!important} #bch-contact-hub .bch-live-outside-contact{width:100%!important;max-width:290px!important} @media(max-width:767px){ #bch-contact-hub .bch-live-media-menu{right:0!important;min-width:148px!important} #bch-contact-hub .bch-live-media-preview{grid-template-columns:48px minmax(0,1fr) 32px!important} #bch-contact-hub .bch-live-media-preview img{width:48px!important;height:48px!important} #bch-contact-hub .bch-live-media-confirm{grid-column:1/-1!important;width:100%!important} #bch-contact-hub .bch-live-outside-hours{width:100%!important;padding:20px 15px!important;border-radius:18px!important} } #bch-contact-hub .bch-live-alt-platforms{width:100%!important;display:grid!important;gap:8px!important} #bch-contact-hub .bch-live-alt-platform{ width:100%!important;min-height:52px!important;padding:9px 11px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 18px!important;gap:9px!important;align-items:center!important;border:1px solid #e2e8f0!important;border-radius:15px!important;background:#fff!important;color:#0f172a!important;text-align:right!important;cursor:pointer!important } #bch-contact-hub .bch-live-alt-platform .bch-direct-platform-icon,#bch-contact-hub .bch-live-alt-platform .bch-platform-icon{width:36px!important;height:36px!important;display:grid!important;place-items:center!important} #bch-contact-hub .bch-live-alt-platform span{min-width:0!important} #bch-contact-hub .bch-live-alt-platform strong{display:block!important;font-size:12px!important;font-weight:900!important} #bch-contact-hub .bch-live-alt-platform small{display:block!important;margin-top:2px!important;color:#64748b!important;font-size:10.5px!important} #bch-contact-hub .bch-live-alt-platform i{font-style:normal!important;color:#94a3b8!important} /* 2.8.2 — refined live chat controls and action cards */ #bch-contact-hub .bch-live-chat-popup-close{border:1px solid #e2e8f0!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;color:#445166!important;box-shadow:0 6px 18px rgba(15,23,42,.06)!important} #bch-contact-hub .bch-live-chat-popup-close span{display:block!important;line-height:1!important;font-size:18px!important;font-weight:900!important} #bch-contact-hub .bch-live-chat-attach{background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px solid #d8e1eb!important;color:#334155!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important} #bch-contact-hub .bch-live-chat-attach-icon{display:block!important;line-height:1!important;font-size:24px!important;font-weight:500!important;transform:translateY(-1px)!important} #bch-contact-hub .bch-live-media-menu{padding:8px!important;border-radius:18px!important;box-shadow:0 18px 42px rgba(15,23,42,.18)!important} #bch-contact-hub .bch-live-media-menu button{min-height:50px!important;grid-template-columns:30px minmax(0,1fr)!important;display:grid!important;align-items:center!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px solid #edf2f7!important} #bch-contact-hub .bch-live-media-menu button span:last-child{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important} #bch-contact-hub .bch-live-media-menu button small{display:block!important;color:#64748b!important;font-size:10px!important;font-weight:700!important} #bch-contact-hub .bch-live-media-menu button:hover{background:#f9fbff!important;border-color:#dce7f5!important} #bch-contact-hub .bch-live-alt-platforms{gap:10px!important} #bch-contact-hub .bch-live-alt-platform{min-height:58px!important;padding:11px 12px!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#fbfcfe)!important;box-shadow:0 6px 16px rgba(15,23,42,.04)!important} #bch-contact-hub .bch-live-alt-platform strong{display:block!important;font-size:14px!important;font-weight:900!important;color:#0f172a!important} #bch-contact-hub .bch-live-alt-platform small{display:block!important;margin-top:2px!important;color:#64748b!important;font-size:11px!important} #bch-contact-hub .bch-live-chat-log .is-bot.is-live-agent .bch-chat-bubble{background:linear-gradient(180deg,#f3f8ff,#e4efff)!important;border:1px solid #cfe0ff!important;color:#173256!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important} #bch-contact-hub .bch-chat-row.is-bot.is-live-agent .bch-chat-meta{color:#5e6d82!important} #bch-contact-hub .bch-live-media-preview{border-radius:16px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important} /* 2.8.3 — visible mobile control redesign + rich agent messages */ #bch-contact-hub .bch-live-chat-popup-close{ width:40px!important;height:40px!important;min-width:40px!important;padding:0!important; display:grid!important;place-items:center!important;border:1px solid #e3e9f1!important;border-radius:50%!important; background:#fff!important;color:#334155!important;box-shadow:0 6px 18px rgba(15,23,42,.08)!important; transition:transform .16s ease,background .16s ease!important } #bch-contact-hub .bch-live-chat-popup-close:hover{background:#f6f8fb!important;transform:scale(1.04)!important} #bch-contact-hub .bch-live-chat-popup-close span{font-size:17px!important;font-weight:800!important} #bch-contact-hub .bch-live-chat-attach{ width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important; border:1px solid #dce4ee!important;background:#f7f9fc!important;color:#29384f!important; box-shadow:none!important;transition:background .16s ease,transform .16s ease!important } #bch-contact-hub .bch-live-chat-attach:hover{background:#edf2f8!important;transform:translateY(-1px)!important} #bch-contact-hub .bch-live-chat-attach-icon{font-size:25px!important;font-weight:400!important;line-height:1!important} #bch-contact-hub .bch-live-media-menu{ right:-4px!important;bottom:calc(100% + 12px)!important;min-width:220px!important;padding:8px!important; border:1px solid #e4e9f0!important;border-radius:18px!important;background:rgba(255,255,255,.99)!important; box-shadow:0 20px 48px rgba(15,23,42,.18)!important;overflow:hidden!important } #bch-contact-hub .bch-live-media-menu:after{content:""!important;position:absolute!important;right:18px!important;bottom:-6px!important;width:12px!important;height:12px!important;background:#fff!important;border-right:1px solid #e4e9f0!important;border-bottom:1px solid #e4e9f0!important;transform:rotate(45deg)!important} #bch-contact-hub .bch-live-media-menu button{ position:relative!important;z-index:1!important;min-height:56px!important;padding:9px 10px!important; grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;border:0!important;border-radius:13px!important; background:transparent!important;text-align:right!important } #bch-contact-hub .bch-live-media-menu button+button{border-top:1px solid #edf1f5!important;border-radius:0!important} #bch-contact-hub .bch-live-media-menu button>span:first-child{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#f2f5f9!important;font-size:18px!important} #bch-contact-hub .bch-live-media-menu button b{font-size:13px!important;color:#152238!important} #bch-contact-hub .bch-live-media-menu button small{font-size:10.5px!important;color:#728096!important} #bch-contact-hub .bch-live-chat-log .is-bot.is-live-agent .bch-chat-bubble{ background:#eef5ff!important;color:#17345d!important;border:1px solid #c9dcf8!important; border-radius:18px 18px 18px 7px!important;padding:11px 13px!important;box-shadow:0 8px 20px rgba(35,75,125,.08)!important } #bch-contact-hub .bch-rich-message{font-size:13.5px!important;line-height:1.8!important;overflow-wrap:anywhere!important} #bch-contact-hub .bch-rich-message p{margin:0 0 7px!important}#bch-contact-hub .bch-rich-message p:last-child{margin-bottom:0!important} #bch-contact-hub .bch-rich-message ul,#bch-contact-hub .bch-rich-message ol{margin:6px 18px 6px 0!important;padding:0!important} #bch-contact-hub .bch-rich-message a{color:#0d5fc7!important;text-decoration:underline!important;text-underline-offset:2px!important} #bch-contact-hub .bch-live-alt-platform{grid-template-columns:42px minmax(0,1fr) 20px!important;min-height:62px!important;padding:10px 12px!important;border-radius:17px!important;border:1px solid #e5eaf1!important;background:#fff!important;box-shadow:0 7px 18px rgba(15,23,42,.045)!important} #bch-contact-hub .bch-live-alt-platform:hover{border-color:#d5dfeb!important;background:#fbfcfe!important;transform:translateY(-1px)!important} @media(max-width:600px){ #bch-contact-hub .bch-live-chat-head{grid-template-columns:42px minmax(0,1fr) 40px!important} #bch-contact-hub .bch-live-chat-popup-close{width:38px!important;height:38px!important;min-width:38px!important} #bch-contact-hub .bch-live-chat-attach{width:42px!important;height:42px!important;min-width:42px!important} #bch-contact-hub .bch-live-media-menu{right:-2px!important;min-width:210px!important;max-width:min(230px,82vw)!important} }