/* ENQBOX1 2026-11-11: guided enquiry box (views/front/layout/enq_box.php). Colours = site teal (same as the quote form). */
.eqb{--eq-t:#1f8b89;--eq-td:#16706e;--eq-b:#d8eeea;--eq-tile:#f5faf9;--eq-sel:#e3f3ef;--eq-ink:#123;--eq-mut:#4f6461;--eq-wa:#1f9d55;
 box-sizing:border-box;background:#fff;border:2px solid var(--eq-t);border-radius:14px;padding:16px;margin:0 0 18px;display:flex;flex-direction:column;gap:12px;
 font-size:14.5px;line-height:1.45;color:var(--eq-ink);text-align:start;box-shadow:0 6px 22px rgba(31,139,137,.10);scroll-margin-top:90px;position:relative;z-index:3}
.eqb *,.eqb *:before,.eqb *:after{box-sizing:border-box}
.eqb[hidden],.eqb [hidden]{display:none!important}
.eqb-h{display:flex;gap:10px;align-items:center}
.eqb-av{width:42px;height:42px;flex:none;border-radius:50%;background:#dcefec;color:var(--eq-td);display:grid;place-items:center;font-weight:700;font-size:15px}
.eqb-h b{display:block;font-size:16px;line-height:1.25;color:var(--eq-ink);overflow-wrap:anywhere}
.eqb-h span{font-size:12.5px;color:var(--eq-mut)}
.eqb-prog{display:flex;gap:5px}.eqb-prog i{flex:1;height:4px;border-radius:2px;background:#d4e0de}.eqb-prog i.on{background:var(--eq-t)}
.eqb-chips{display:flex;flex-wrap:wrap;gap:6px}.eqb-chips span{font-size:12px;background:#dcefec;padding:3px 9px;border-radius:999px;overflow-wrap:anywhere}
.eqb-f{margin:0}
.eqb-step{display:flex;flex-direction:column;gap:10px}
.eqb-q{font-weight:700;font-size:15.5px;margin:0;color:var(--eq-ink)}.eqb-q:focus{outline:none}
.eqb-hint{font-size:12.5px;color:var(--eq-mut);margin:0;display:block}
.eqb-list{display:flex;flex-direction:column;gap:7px}
.eqb-row{display:flex;align-items:center;gap:10px;width:100%;background:var(--eq-tile);border:1.5px solid #d4e0de;border-radius:11px;padding:10px 11px;cursor:pointer;
 color:var(--eq-ink);font:inherit;font-weight:600;font-size:14px;text-align:start;line-height:1.3;margin:0}
.eqb-row>span:first-child{flex:1;min-width:0;overflow-wrap:anywhere}
.eqb-row small{display:block;color:var(--eq-mut);font-weight:400;font-size:12px;margin-top:2px}
.eqb-row:hover{border-color:#9fcbc6}
.eqb-row[aria-pressed="true"]{border-color:var(--eq-t);background:var(--eq-sel)}
.eqb-tick{width:20px;height:20px;flex:none;border-radius:6px;border:1.5px solid #c3d4d1;position:relative;background:#fff}
.eqb-row[aria-pressed="true"] .eqb-tick{background:var(--eq-t);border-color:var(--eq-t)}
.eqb-row[aria-pressed="true"] .eqb-tick:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.eqb-sub{border-inline-start:3px solid var(--eq-t);padding-inline-start:9px;display:flex;flex-direction:column;gap:7px}
.eqb-pkg{background:var(--eq-tile);border-radius:11px;padding:11px}
.eqb-pkg>b{display:block;font-size:14.5px;overflow-wrap:anywhere}
.eqb-cost{margin:6px 0 0;font-size:13px;color:var(--eq-mut)}.eqb-cost b{color:var(--eq-td);font-size:16px}.eqb-cost small{display:block;font-size:11.5px}
.eqb-fl{display:flex;flex-direction:column;gap:4px;min-width:0}
.eqb-fl label,.eqb-lb{font-size:12.5px;font-weight:700;margin:0;color:var(--eq-ink)}
.eqb-fl input,.eqb-fl select{width:100%;height:auto;font:inherit;font-size:15px;padding:9px 10px;border-radius:9px;border:1.5px solid #c9dcd9;background:#fff;color:var(--eq-ink);margin:0;max-width:100%}
.eqb-fl input[type=file]{font-size:13px;padding:7px}
.eqb-fl input:focus,.eqb-fl select:focus{outline:2px solid rgba(31,139,137,.35);border-color:var(--eq-t)}
.eqb-two{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px}
.eqb-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.eqb-seg button{padding:8px 4px;font:inherit;font-size:13px;font-weight:600;border-radius:9px;border:1.5px solid #d4e0de;background:var(--eq-tile);color:var(--eq-ink);cursor:pointer;margin:0}
.eqb-seg button[aria-pressed="true"]{border-color:var(--eq-t);background:var(--eq-sel)}
.eqb-err{color:#c0392b;font-size:12px}.eqb-err:empty{display:none}
.eqb-status{color:#c0392b;font-size:13px}.eqb-status:empty{display:none}
.eqb-note{font-size:11.5px;color:var(--eq-mut);margin:0}
.eqb-nav{display:flex;gap:8px}
.eqb-btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:700;font-size:15px;border:0;border-radius:11px;padding:11px 14px;cursor:pointer;
 text-decoration:none!important;text-align:center;line-height:1.2;margin:0}
.eqb-main{background:var(--eq-t);color:#fff!important;flex:1}.eqb-main:hover{background:var(--eq-td)}
.eqb-main:disabled{opacity:.45;cursor:not-allowed}
.eqb-back{background:transparent;color:var(--eq-mut);border:1.5px solid #d4e0de}
.eqb-wa{background:var(--eq-wa);color:#fff!important;flex:1}.eqb-wa:hover{background:#17864a}
.eqb-done{display:flex;flex-direction:column;gap:10px}.eqb-done:focus{outline:none}
.eqb-bubble{background:#d9fdd3;color:#132220;border-radius:12px 12px 2px 12px;padding:11px;white-space:pre-wrap;font-size:13.5px;overflow-wrap:anywhere;text-align:start}
.eqb-ref{font:600 12px ui-monospace,Menlo,Consolas,monospace;direction:ltr;unicode-bidi:isolate}
.eqb-saved.eqb-bad{color:#a35a00}
.eqb-hp{position:absolute!important;top:0;inset-inline-start:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
.eqb button:focus-visible,.eqb a:focus-visible,.eqb input:focus-visible,.eqb select:focus-visible{outline:2px solid var(--eq-t);outline-offset:2px}
#eqb-wa{direction:ltr;text-align:left}
[dir=rtl] .eqb-bubble{border-radius:12px 12px 12px 2px}
.eqb-bar{display:none}
/* desktop: sticky in the right column (columns of these pages stretch to the content height) */
@media (min-width:768px){
 .eqb{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;overscroll-behavior:contain}
 .shc-side-narrow:has(.eqb){flex:0 0 25%;max-width:25%}
 .shc-main-wide:has(~ .shc-side-narrow .eqb){flex:0 0 58.333%;max-width:58.333%}
}
/* ENQBOX3 2026-11-11: live hospital/package pages have narrow fixed right columns (hospital inline 13% !important, package ~195px) -> widen only when the box is there */
@media (min-width:992px){
 .row > .shc-side-narrow:has(> .eqb){width:24% !important;max-width:24% !important;flex:0 0 24% !important}
 .row > .shc-main-wide:has(~ .shc-side-narrow > .eqb){width:63% !important;max-width:63% !important;flex:0 0 63% !important}
 .pkg-layout > .pkg-right-sidebar:has(> .eqb){width:290px !important;max-width:290px !important;flex:0 0 290px !important}
}
/* phone: box directly under the page header (sidebar dissolves into the row; box first, other sidebar cards stay at the end) + slim bottom bar */
@media (max-width:767px){
 .shc-sidebar:has(> .eqb),.pkg-right-sidebar:has(> .eqb),.sc-side:has(> .eqb),.shc-side-narrow:has(> .eqb){display:contents}
 .shc-sidebar:has(> .eqb) > *,.pkg-right-sidebar:has(> .eqb) > *,.sc-side:has(> .eqb) > *,.shc-side-narrow:has(> .eqb) > *{order:5}
 .shc-sidebar > .eqb,.pkg-right-sidebar > .eqb,.sc-side > .eqb,.shc-side-narrow > .eqb{order:-1;margin:0 12px 16px;width:auto}
 .eqb{padding:14px}
 .eqb-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1040;gap:8px;background:#fff;border-top:1px solid #dfe9e8;box-shadow:0 -3px 12px rgba(0,0,0,.10);
  padding:8px max(10px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));transition:transform .2s}
 .eqb-bar .eqb-btn{flex:1 1 50%;min-width:0;font-size:14.5px;padding:11px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .eqb-bar.eqb-off{transform:translateY(110%)}
 body.eqb-has-bar{padding-bottom:66px}
 body.eqb-has-bar #shChatFab{bottom:76px!important}
 body.eqb-has-bar #shChatFabLabel{bottom:82px!important}
 body.eqb-has-bar .shc-float-stack{bottom:80px!important}
}
/* ENQBOX2 2026-11-11: budget question */
.eqb-seg2{grid-template-columns:repeat(2,minmax(0,1fr))}
.eqb-row>span.eqb-ic{width:30px;flex:none;font-size:22px;line-height:1;text-align:center}
.eqb-brow>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.eqb-pv{font-weight:700;color:var(--eq-td);white-space:nowrap}
.eqb-row small.eqb-tn{font-size:11.5px;color:var(--eq-td);opacity:.85}
.eqb-safe{margin:0;font-size:12.5px;background:#fff7e6;border:1px solid #f1d9a6;border-radius:9px;padding:7px 10px;color:#6b4b05}
.eqb-bud{margin-top:2px}
/* FINDTX2 2026-11-11: "My preference" panel (city chips, searchable hospital / doctor lists, free text) */
.eqb-pick{display:flex;flex-direction:column;gap:12px;border-top:1px dashed #c3d4d1;padding-top:10px}
.eqb-pb{display:flex;flex-direction:column;gap:7px;min-width:0}
.eqb-cts{display:flex;flex-wrap:wrap;gap:6px}
.eqb-ct{font:inherit;font-size:13px;font-weight:600;background:var(--eq-tile);border:1.5px solid #d4e0de;border-radius:999px;padding:6px 12px;cursor:pointer;color:var(--eq-ink);margin:0}
.eqb-ct[aria-pressed="true"]{border-color:var(--eq-t);background:var(--eq-sel)}
.eqb .eqb-sq,.eqb .eqb-free,.eqb .eqb-ctm{width:100%;max-width:100%;height:auto;font:inherit;font-size:14px;padding:9px 12px;border:1.5px solid #c9dcd9;border-radius:10px;background:#fff;color:var(--eq-ink);margin:0}
.eqb .eqb-sq{border-radius:999px}
.eqb-plist,.eqb-gw{display:flex;flex-direction:column;gap:7px}
.eqb-grp{font-size:11.5px;font-weight:700;color:var(--eq-mut);letter-spacing:.05em;text-transform:uppercase;margin-top:2px}
.eqb-badge{display:inline-block;background:#e3f4ef;color:var(--eq-td);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}
.eqb-showall{align-self:flex-start;font:inherit;font-size:13px;font-weight:600;background:#fff;border:1.5px solid var(--eq-b);color:var(--eq-td);border-radius:999px;padding:6px 14px;cursor:pointer}
.eqb-freeb{border-style:dashed}
.eqb-nf{color:#9a5b00}
/* FINDTX2: highlight when a WhatsApp button brings the visitor here; low-emphasis "skip" link */
@keyframes eqbPulse{0%{box-shadow:0 0 0 0 rgba(31,157,85,.55)}70%{box-shadow:0 0 0 14px rgba(31,157,85,0)}100%{box-shadow:0 6px 22px rgba(31,139,137,.10)}}
.eqb.eqb-pulse{animation:eqbPulse 1s ease-out 2;border-color:var(--eq-wa)}
.eqb-skip{margin:0;text-align:center;font-size:12px}
.eqb-skip a{color:var(--eq-mut);text-decoration:underline}
@media (prefers-reduced-motion:reduce){.eqb.eqb-pulse{animation:none;outline:3px solid var(--eq-wa)}}
/* PHONEFIX1 2026-11-11: phone popup (shc-enq.js adds .eqb-pm at <=768px when data-popup="1"; .eqb-open = popup shown) */
.eqb-x,.eqb-popbtn{display:none}
.eqb.eqb-ph{visibility:hidden!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:hidden}
.eqb.eqb-pm:not(.eqb-open)>:not(.eqb-h):not(.eqb-popbtn){display:none!important}
.eqb.eqb-pm:not(.eqb-open)>.eqb-popbtn{display:flex;width:100%;font-size:15.5px;padding:13px 14px}
.eqb.eqb-pm:not(.eqb-open){position:relative;top:auto;max-height:none;overflow:visible}
.eqb-bd{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:rgba(8,28,28,.58)}
.eqb.eqb-open{position:fixed!important;top:max(8px,env(safe-area-inset-top,0px))!important;left:0!important;right:0!important;bottom:0!important;z-index:2147483001!important;
 width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;border:0!important;border-radius:16px 16px 0 0!important;
 padding:0 14px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:0 -8px 30px rgba(0,0,0,.28)!important;
 animation:eqbUp .22s ease-out}
.eqb.eqb-open>*{flex-shrink:0}
@keyframes eqbUp{from{transform:translateY(36px);opacity:.5}to{transform:none;opacity:1}}
.eqb.eqb-open>.eqb-h{position:sticky;top:0;z-index:3;background:#fff;margin:0 -14px;padding:12px 14px 10px;border-bottom:1px solid #e3eeec}
.eqb.eqb-open>.eqb-h>div:not(.eqb-av){flex:1;min-width:0}
.eqb.eqb-open .eqb-x{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;border:1.5px solid #d4e0de;background:#fff;color:#123;font-size:26px;line-height:1;cursor:pointer;padding:0;margin:0}
.eqb.eqb-open .eqb-nav{position:sticky;bottom:0;z-index:2;background:#fff;margin:0 -14px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid #e3eeec;box-shadow:0 -4px 10px rgba(0,0,0,.05)}
.eqb.eqb-open>.eqb-skip{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
html.eqb-pop-lock,body.eqb-pop-lock{overflow:hidden!important}
body.eqb-pop-lock{position:fixed!important;left:0;right:0;width:100%}
body.eqb-pop-lock #shChatFab,body.eqb-pop-lock #shChatFabLabel,body.eqb-pop-lock .shc-float-stack,body.eqb-pop-lock #shcbk-tab,body.eqb-pop-lock #eqb-bar{display:none!important}
/* PHONEFIX1: bottom bar label "Ask about Dr. X – free opinion" may wrap to 2 lines; WhatsApp button keeps its width */
@media (max-width:767px){
 .eqb-bar .eqb-main[data-u="pop_doc"],.eqb-bar .eqb-main[data-u="hd_hosp"],.eqb-bar .eqb-main[data-u="hd_pkg"]{flex:1 1 auto;white-space:normal;line-height:1.2;font-size:14px;padding:9px 8px}
 .eqb-bar .eqb-main[data-u="pop_doc"]~.eqb-wa,.eqb-bar .eqb-main[data-u="hd_hosp"]~.eqb-wa,.eqb-bar .eqb-main[data-u="hd_pkg"]~.eqb-wa{flex:0 0 auto}
}
/* PHONEFIX1: site floating buttons fade out on phones while they would overlap the box (shc-enq.js toggles body.shc-flt-off) */
@media (max-width:768px){
 #shcbk-tab,.shc-float-stack,#shChatFab,#shChatFabLabel{transition:opacity .2s ease,visibility .2s ease}
 body.shc-flt-off #shcbk-tab,body.shc-flt-off .shc-float-stack,body.shc-flt-off #shChatFab,body.shc-flt-off #shChatFabLabel{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
 .eqb{scroll-margin-bottom:80px}
}