/* ===== Whatsjob chatbot widget ===== */
.wjbot{--bot-navy:#002E5B;--bot-green:#2DBF3C;--bot-teal:#007A40;font-family:var(--font-body,'Inter',system-ui,sans-serif)}
html.indic .wjbot,html.indic .wjbot button,html.indic .wjbot input{font-family:'Inter',var(--font-script),system-ui,sans-serif}
html.lang-ur .wjbot{line-height:2}

html.rtl .wjbot-input input[inputmode=numeric],html.rtl .wjbot-input input[type=tel]{direction:ltr;text-align:right}
.wjbot-bubble{position:fixed;right:22px;bottom:22px;z-index:95;width:64px;height:64px;border-radius:50%;border:0;cursor:pointer;
  background:var(--bot-navy);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -8px rgba(0,46,91,.55);transition:transform .2s}
.wjbot-bubble:hover{transform:translateY(-2px) scale(1.04)}
.wjbot-bubble::after{content:"";position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:var(--bot-green);border:2.5px solid #fff}
.wjbot.open .wjbot-bubble::after{display:none}
.wjbot-tip{position:fixed;right:96px;bottom:36px;z-index:95;background:#fff;color:#0B1220;border:1px solid #E6E9EF;border-radius:14px;padding:9px 14px;
  font-size:14px;font-weight:600;box-shadow:0 10px 30px -12px rgba(11,18,32,.35);max-width:260px;pointer-events:none}
.wjbot.open .wjbot-tip{display:none}
/* move the WhatsApp float above the chat bubble */
.wa-float{bottom:100px!important}
.wjbot-panel{position:fixed;right:22px;bottom:98px;z-index:96;width:390px;max-width:calc(100vw - 24px);height:min(640px,calc(100vh - 120px));
  background:#fff;border-radius:22px;box-shadow:0 30px 70px -20px rgba(11,18,32,.45);display:flex;flex-direction:column;overflow:hidden;border:1px solid #E6E9EF}
.wjbot-panel[hidden]{display:none}
.wjbot-head{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;background:var(--bot-teal);color:#fff}
.wjbot-head img{background:#fff;border-radius:50%;padding:3px}
.wjbot-hd{flex:1;min-width:0}
.wjbot-hd b{display:block;font-size:16px;line-height:1.2}
.wjbot-hd small{font-size:12.5px;opacity:.9}
.wjbot-icon{width:40px;height:40px;border-radius:12px;border:0;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer}
.wjbot-icon:hover{background:rgba(255,255,255,.26)}
.wjbot-body{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:9px;background:#ECE5DD;
  background-image:radial-gradient(rgba(0,0,0,.045) 1px,transparent 1px);background-size:14px 14px}
.wjbot-msg{margin:0;max-width:86%;padding:9px 13px;border-radius:13px;font-size:15.5px;line-height:1.5;color:#111B21;box-shadow:0 1px 1px rgba(0,0,0,.07);white-space:pre-wrap;overflow-wrap:anywhere}
.wjbot-msg.bot{background:#fff;align-self:flex-start;border-top-left-radius:4px}
.wjbot-msg.bot.err{background:#FFF1F1;color:#8A1C1C}
.wjbot-msg.me{background:#DCF8C6;align-self:flex-end;border-top-right-radius:4px}
.wjbot-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.wjbot-choices.grid{display:grid;grid-template-columns:1fr 1fr}
.wjbot-choices.big{flex-direction:column}
.wjbot-chip{min-height:46px;padding:10px 14px;border-radius:14px;border:1.5px solid #BDEFD2;background:#fff;color:#0B1220;font:600 15px/1.3 inherit;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}
.wjbot-choices.big .wjbot-chip{min-height:54px;font-size:16.5px;font-weight:700}
.wjbot-chip:hover{border-color:var(--bot-green);background:#F2FCF6}
.wjbot-chip[aria-pressed="true"]{background:var(--bot-green);border-color:var(--bot-green);color:#05301A}
.wjbot-chip[aria-pressed="true"]::before{content:"✓ ";font-weight:800}
.wjbot-foot{padding:10px 12px 12px;border-top:1px solid #E6E9EF;background:#fff;display:flex;flex-direction:column;gap:8px}
.wjbot-foot:empty{display:none}
.wjbot-input{display:flex;gap:8px}
.wjbot-input input{flex:1;min-width:0;min-height:50px;padding:10px 14px;border:1.5px solid #D5DBE3;border-radius:14px;font:400 16px inherit;color:#0B1220}
.wjbot-input input:focus{outline:3px solid rgba(45,191,60,.35);border-color:var(--bot-green)}
.wjbot-input input[aria-invalid="true"]{border-color:#C62828}
.wjbot-send{min-height:50px;padding:0 18px;border:0;border-radius:14px;background:var(--bot-green);color:#05301A;font:700 15.5px inherit;cursor:pointer}
.wjbot-send.wide{width:100%}
.wjbot-send:disabled{opacity:.6;cursor:wait}
.wjbot-skip{min-height:44px;border:1.5px solid #D5DBE3;background:#fff;border-radius:14px;font:600 15px inherit;color:#1F2937;cursor:pointer}
.wjbot-err{margin:0;color:#C62828;font-size:14px;font-weight:600}
.wjbot-err:empty{display:none}
.wjbot-summary{margin:4px 0 0;background:#fff;border-radius:14px;padding:6px 14px;align-self:stretch;box-shadow:0 1px 1px rgba(0,0,0,.07)}
.wjbot-summary div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #EEF1F4;font-size:14.5px}
.wjbot-summary div:last-child{border-bottom:0}
.wjbot-summary dt{color:#5B6474}
.wjbot-summary dd{margin:0;font-weight:700;color:#0B1220;text-align:right;overflow-wrap:anywhere}
.wjbot-consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:#1F2937;max-height:150px;overflow:auto}
.wjbot-consent input{width:22px;height:22px;flex-shrink:0;margin-top:1px;accent-color:var(--bot-teal)}
.wjbot-done{display:flex;flex-direction:column;gap:8px}
.wjbot-wa{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;background:var(--bot-teal);color:#fff;font-weight:700;text-decoration:none}
.wjbot-hp{position:absolute!important;left:0!important;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);opacity:0;pointer-events:none}
.wjbot :focus-visible{outline:3px solid var(--bot-green);outline-offset:2px}
@media (max-width:760px){
  .wjbot-tip{display:none}
  .wjbot-bubble{right:16px;bottom:16px;width:58px;height:58px}
  .wa-float{bottom:84px!important}
  .wjbot-panel{inset:0;width:100%;max-width:none;height:100%;border-radius:0;border:0}
  .wjbot.open .wjbot-bubble{display:none}
  body.wjbot-lock{overflow:hidden}
}
@media print{.wjbot{display:none}}
/* Terms & Conditions / Privacy / Disclaimer agree box */
.wjbot-consent.terms{font-weight:600}
.wjbot-consent a{color:var(--bot-teal);text-decoration:underline;text-underline-offset:2px}