/* Joy v2 widget — scoped under .joy2 */
.joy2{--j-accent:#12B5D8;--j-deep:#0B7FA0;--j-navy:#1E2F5F;--j-bg:#fff;--j-soft:#F2F8FB;--j-text:#1F2B4D;
  font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--j-text);position:fixed;right:20px;bottom:20px;z-index:2147483000}
.joy2 *{box-sizing:border-box}
.joy2 button{font:inherit;cursor:pointer}
.joy2 :focus-visible{outline:3px solid var(--j-accent);outline-offset:2px}
.joy2-launcher{display:flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:6px 18px 6px 6px;background:var(--j-navy);color:#fff;box-shadow:0 8px 24px rgba(30,47,95,.3)}
.joy2-launcher .joy2-face{border:2px solid var(--j-accent)}
.joy2-launcher strong{display:block;font-size:15px}.joy2-launcher span{font-size:12px;opacity:.85}
.joy2-panel{position:absolute;right:0;bottom:0;width:min(400px,calc(100vw - 24px));height:min(680px,calc(100vh - 40px));background:var(--j-bg);
  border-radius:20px;box-shadow:0 20px 60px rgba(30,47,95,.28);display:flex;flex-direction:column;overflow:hidden}
.joy2-panel[hidden]{display:none}
.joy2-head{display:flex;align-items:center;gap:12px;padding:14px 14px 12px;background:linear-gradient(135deg,var(--j-navy),var(--j-deep));color:#fff}
.joy2-head h2{margin:0;font-size:17px}.joy2-head p{margin:0;font-size:12.5px;opacity:.9}
.joy2-head .joy2-titles{flex:1;min-width:0}
.joy2-iconbtn{background:rgba(255,255,255,.14);border:0;color:#fff;width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center}
.joy2-iconbtn[aria-pressed="true"]{background:var(--j-accent)}
/* Avatar + state animation */
.joy2-avatar{position:relative;width:64px;height:64px;flex:none}
.joy2-face{border-radius:50%;overflow:hidden;flex:none;display:block}.joy2-face svg,.joy2-face img{display:block;border-radius:50%}
.joy2-avatar .joy2-face{border:2px solid rgba(255,255,255,.85);transform-origin:50% 70%}
.joy2-badge{display:inline-block;vertical-align:middle;font-size:10.5px;font-weight:700;letter-spacing:.06em;line-height:1;padding:3px 6px;border-radius:6px;background:#12B5D8;color:#06243a}
.joy2-face .j-mouth{transform-origin:100px 127px;transform-box:view-box}
.joy2-face .j-eyes{transform-origin:100px 98px;animation:joy2-blink 5.5s infinite}
@keyframes joy2-blink{0%,94%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
.joy2-ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent}
.joy2-state{display:inline-flex;align-items:center;gap:6px;font-size:12px;background:rgba(255,255,255,.16);padding:2px 9px;border-radius:999px;margin-top:3px}
.joy2-state::before{content:"";width:7px;height:7px;border-radius:50%;background:#9be7f7}
[data-state="idle"] .joy2-avatar .joy2-face{animation:joy2-breathe 5s ease-in-out infinite}
[data-state="listening"] .joy2-ring{border-color:var(--j-accent);animation:joy2-pulse 1.4s ease-out infinite}
[data-state="listening"] .joy2-state::before{background:#ff6b6b}
[data-state="thinking"] .joy2-avatar .joy2-face{animation:joy2-tilt 2.4s ease-in-out infinite}
[data-state="thinking"] .joy2-ring{border-color:rgba(255,255,255,.6);border-top-color:var(--j-accent);animation:joy2-spin 1.1s linear infinite}
[data-state="speaking"] .joy2-avatar .j-mouth{opacity:1;animation:joy2-talk .28s ease-in-out infinite alternate}[data-state="speaking"] .joy2-avatar .j-smile{opacity:0}
[data-state="speaking"] .joy2-ring{border-color:rgba(18,181,216,.7)}
@keyframes joy2-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes joy2-pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.25);opacity:0}}
@keyframes joy2-spin{to{transform:rotate(360deg)}}
@keyframes joy2-tilt{0%,100%{transform:rotate(0)}50%{transform:rotate(-3deg)}}
@keyframes joy2-talk{0%{transform:scaleY(.4)}100%{transform:scaleY(1.5)}}
@media (prefers-reduced-motion:reduce){.joy2 *,.joy2 *::before{animation:none!important;transition:none!important}
  [data-state="speaking"] .joy2-avatar .j-mouth{opacity:0}[data-state="speaking"] .joy2-avatar .j-smile{opacity:1}}
/* Log */
.joy2-log{flex:1;overflow-y:auto;padding:14px;background:var(--j-soft);display:flex;flex-direction:column;gap:10px}
.joy2-msg{max-width:88%;padding:10px 12px;border-radius:14px;white-space:pre-wrap;word-wrap:break-word}
.joy2-msg.bot{background:#fff;align-self:flex-start;border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.joy2-msg.user{background:var(--j-navy);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.joy2-msg.crisis{border-left:4px solid #D93B3B}
/* 2.2.15: Replay = one small round ▶ icon on the latest reply only */
.joy2-msg .joy2-replay{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;width:26px;height:26px;min-width:0;min-height:0;padding:0 0 0 2px;background:#fff;border:1px solid #cfe3ea;border-radius:50%;font-size:10px;line-height:1;color:#0E1A33;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer}
.joy2-msg .joy2-replay:hover,.joy2-msg .joy2-replay:focus-visible{border-color:#0A7C8C;color:#0A7C8C}
.joy2-msg .joy2-replay[hidden]{display:none}
.joy2-sources{margin:8px 0 0;padding:8px 0 0;border-top:1px solid #e4eef2;list-style:none;font-size:13px}
.joy2-sources li{margin:3px 0}.joy2-sources a{color:var(--j-deep)}
.joy2-sources .k{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6b7a90;margin-right:4px}
.joy2-prompts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px 0;background:#fff}
.joy2-prompts button{border:1px solid #cfe3ea;background:#fff;color:var(--j-navy);border-radius:12px;padding:8px 10px;text-align:left;font-size:13px;line-height:1.3}
.joy2-prompts button:hover{border-color:var(--j-accent);background:var(--j-soft)}
.joy2-form{display:flex;gap:8px;padding:10px 14px;background:#fff;align-items:center}
.joy2-form input{flex:1;min-width:0;border:1px solid #cdd9e3;border-radius:999px;padding:10px 14px;font:inherit}
.joy2-mic,.joy2-send{border:0;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;background:var(--j-soft);color:var(--j-navy)}
.joy2-send{background:var(--j-accent);color:var(--j-navy)}
.joy2-mic[aria-pressed="true"]{background:#D93B3B;color:#fff}
.joy2-collection{margin:0;padding:0 14px 8px;font-size:11.5px;line-height:1.4;color:#4a5872;background:#fff}
.joy2-collection a{color:var(--j-deep)}
.joy2-prompts[hidden]{display:none}
.joy2-safety{padding:9px 14px 11px;font-size:12.5px;background:#fff;border-top:1px solid #e4eef2;color:#33415c}
.joy2-safety a{color:var(--j-deep);font-weight:600}
.joy2-urgent{margin:0 14px 8px;padding:10px 12px;background:#FDECEC;border:1px solid #F3B4B4;border-radius:12px;font-size:13px}
.joy2-urgent[hidden]{display:none}.joy2-urgent ul{margin:4px 0;padding-left:18px}
.joy2-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:520px){.joy2{right:10px;bottom:10px}.joy2-panel{position:fixed;inset:0;width:auto;height:auto;border-radius:0}}
.joy2-disclosure{margin:0;padding:7px 14px;font-size:12.5px;background:#E8F6FA;color:#1E2F5F;border-bottom:1px solid #cfe3ea}
/* ---- DEMO photo avatar ---- */
.joy2--photo .joy2-head{align-items:flex-start}
.joy2--photo .joy2-avatar{width:150px;height:183px}
.joy2-photo{position:relative;width:150px;height:183px;border-radius:16px;overflow:hidden;background:#dfeef4;
  box-shadow:0 0 0 2px rgba(255,255,255,.85);transition:box-shadow .3s ease;transform-origin:50% 80%}
.joy2-photo canvas{width:100%;height:100%;display:block}
.joy2-photo__badge{position:absolute;top:6px;right:6px;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.joy2--photo .joy2-ring{display:none}
.joy2--photo[data-state="idle"] .joy2-avatar .joy2-photo{animation:joy2-breathe 5s ease-in-out infinite}
.joy2--photo[data-state="idle"] .joy2-avatar .joy2-face{animation:none}
.joy2-photo[data-state="listening"]{box-shadow:0 0 0 3px #ff6b6b,0 0 18px 4px rgba(255,107,107,.6);animation:joy2-glow 1.4s ease-in-out infinite}
.joy2-photo[data-state="thinking"]{box-shadow:0 0 0 3px #f5c451,0 0 16px 3px rgba(245,196,81,.55);animation:joy2-glow 2s ease-in-out infinite}
.joy2-photo[data-state="speaking"]{box-shadow:0 0 0 3px #12B5D8,0 0 18px 5px rgba(18,181,216,.65)}
@keyframes joy2-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.06)}}
.joy2-photo--error canvas{display:none}
@media (prefers-reduced-motion:reduce){.joy2-photo{animation:none!important}}
/* Crisis: numbers shown prominently */
.joy2-urgent.is-crisis{border-width:2px;border-color:#D93B3B;background:#FFF1F1;font-size:15px}
.joy2-urgent.is-crisis strong{font-size:16px;color:#A11}
.joy2-urgent.is-crisis a[href^="tel:"]{font-size:18px;font-weight:700;color:#8A0F0F}
.joy2-photo--static,.joy2--text-only .joy2-photo{animation:none!important;box-shadow:0 0 0 2px rgba(255,255,255,.85)!important;filter:none!important}
.joy2-iconbtn.joy2-textonly{font-size:13px;font-weight:700}
/* AI badge: always visible in every mode and size (mobile/full-screen included) */
.joy2-badge{display:inline-block!important;visibility:visible!important;opacity:1!important}
.joy2-photo__badge{z-index:3}
.joy2-urgent.is-crisis a{font-size:18px;font-weight:700;color:#8A0F0F}
/* Photo header layout: photo left, controls in a row, titles below the controls */
.joy2--photo .joy2-head{display:grid;grid-template-columns:150px repeat(5,auto) 1fr;grid-template-rows:auto 1fr;column-gap:6px;row-gap:6px;align-items:start}
.joy2--photo .joy2-avatar{grid-row:1 / span 2;grid-column:1}
.joy2--photo .joy2-titles{grid-row:2;grid-column:2 / span 6;min-width:0}
.joy2--photo .joy2-iconbtn{width:30px;height:30px;grid-row:1}
.joy2--photo[data-state="idle"] .joy2-avatar .joy2-photo--still{animation:none}
.joy2 [hidden]{display:none!important}
/* 2.1.1: stop long suggestion chips / messages overflowing the panel sideways */
.joy2-panel{overflow-x:hidden;max-width:100vw}
.joy2-log{overflow-x:hidden;overscroll-behavior:contain;min-width:0}
.joy2-log>*{max-width:100%;min-width:0;overflow-wrap:anywhere}
.joy2-prompts{grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:hidden;min-width:0}
.joy2-prompts button{white-space:normal;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:normal}
/* ===== 2.1.2 ===== */
/* Header: only a plain, borderless close X (theme/Elementor kit button styles overridden) */
.joy2 .joy2-head .joy2-close{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;width:36px!important;height:36px!important;min-width:36px;padding:0!important;margin:0 0 0 auto!important;border-radius:8px!important;font-size:20px!important;line-height:1!important;display:inline-grid!important;place-items:center;opacity:.9}
.joy2 .joy2-head .joy2-close:hover{opacity:1;background:rgba(255,255,255,.12)!important}
.joy2 .joy2-head .joy2-close:focus-visible{outline:3px solid #9be7f7!important;outline-offset:1px}
.joy2--photo .joy2-head{grid-template-columns:150px 1fr auto auto auto!important}
.joy2--photo .joy2-head .joy2-close{grid-column:-2;grid-row:1;justify-self:end}
.joy2--photo .joy2-titles{grid-column:2 / -1!important}
/* Suggested prompts: compact, equal-height 2-col grid (Elementor kit 'button' typography was inflating them) */
.joy2 .joy2-prompts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr;gap:8px!important;padding:10px 14px 2px!important;align-items:stretch}
.joy2 .joy2-prompts > button{font:500 14px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;letter-spacing:0!important;text-transform:none!important;
  padding:8px 12px!important;margin:0!important;min-height:0!important;height:100%;border:1px solid #cfe3ea!important;border-radius:12px!important;background:#fff!important;color:var(--j-navy)!important;
  text-align:left!important;white-space:normal!important;box-shadow:none!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;width:100%}
.joy2 .joy2-prompts > button:hover{border-color:var(--j-accent)!important;background:var(--j-soft)!important}
@media (max-width:420px){.joy2 .joy2-prompts{grid-template-columns:1fr!important;grid-auto-rows:auto}}
/* Composer row aligned */
.joy2 .joy2-form{align-items:center!important;gap:8px!important}
.joy2 .joy2-form input{height:44px;font-size:15px!important}
.joy2 .joy2-send,.joy2 .joy2-mic{padding:0!important;font-size:18px!important;flex:none}
/* Round face shot: launcher + homepage hero */
.joy2-photo--round{width:100%!important;height:100%!important;border-radius:50%!important;box-shadow:none!important;background:#DDEFF8}
.joy2-photo--round .joy2-photo__badge{display:none!important} /* launcher/hero already show the 'AI' label next to the photo */
.joy2-launcher .joy2-face{background:#DDEFF8}
.joy2 .joy2-launcher{font:inherit!important;padding:6px 18px 6px 6px!important;background:var(--j-navy)!important;color:#fff!important;border:0!important;border-radius:999px!important}
.joy-hero__avatar .joy2-hero-face{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;border:4px solid #fff;background:#DDEFF8}
@media (max-width:767px){.joy-hero__avatar .joy2-hero-face{border-width:3px}}
@media (prefers-reduced-motion:reduce){.joy2-photo--round,.joy2-hero-face{animation:none!important}}
/* ===== 2.1.3 ===== */
/* Round face shot: canvas always fills the circle (fixes the dark, hair-only crop seen live) */
.joy2-face{position:relative}
.joy2-photo--round{position:absolute!important;inset:0!important;margin:0!important;transform:none}
.joy2-photo--round canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;border-radius:50%;object-fit:cover}
.joy2-hero-face{position:relative}
/* Compact launcher: photo only, keeps an accessible name */
.joy2--compact .joy2-launcher{padding:4px!important;gap:0!important}
.joy2--compact .joy2-launcher__text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.joy2--compact .joy2-launcher .joy2-face{width:52px!important;height:52px!important}
.joy2--compact .joy2-launcher::after{content:"AI";position:absolute;right:-2px;top:-4px;font:700 10px/1 system-ui,sans-serif;background:#12B5D8;color:#06243a;padding:3px 5px;border-radius:6px}
.joy2--compact .joy2-launcher{position:relative}
/* ===== 2.1.4 ===== */
/* Old journal 'Ask Joy' footer pill (WPCode journal-nav snippet, .aj-joy) is replaced by Joy v2: hide it wherever v2 is loaded */
.aj-joy{display:none!important}
/* Logged-in admins: keep the launcher above Hostinger's bottom-right 'Agent' button */
body.admin-bar .joy2 .joy2-launcher{margin-bottom:64px}
.joy2 .joy2-launcher{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px;text-align:left!important;white-space:nowrap}
.joy2 .joy2-launcher[hidden]{display:none!important}
/* ===== 2.2.0: tidy layout (Joy V1 benchmark) ===== */
/* No 'AI' badges on the photo, launcher or header */
.joy2 .joy2-badge,.joy2 .joy2-photo__badge{display:none!important}
.joy2--compact .joy2-launcher::after{content:none!important;display:none!important}
/* Header: smaller photo, less empty space */
.joy2--photo .joy2-avatar,.joy2--photo .joy2-head .joy2-photo:not(.joy2-photo--round){width:92px!important;height:112px!important}
.joy2--photo .joy2-head{grid-template-columns:92px 1fr auto!important;padding:12px 12px 12px 14px!important;column-gap:12px!important;align-items:center!important}
.joy2--photo .joy2-titles{grid-row:1 / span 2!important;grid-column:2!important;align-self:center}
.joy2--photo .joy2-head .joy2-close{grid-column:3!important;grid-row:1!important;align-self:start}
.joy2-head h2{font-size:18px!important;line-height:1.2}.joy2-head p{font-size:13px!important}
/* Messages: short paragraphs with even spacing, no big gaps */
.joy2-log{gap:8px!important;padding:12px 14px!important}
.joy2-msg{white-space:normal!important;padding:10px 13px!important;line-height:1.5;font-size:14.5px}
.joy2-msg .joy2-text p{margin:0 0 8px;white-space:pre-line}.joy2-msg .joy2-text p:last-child{margin-bottom:0}
.joy2-sources{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin:8px 0 0!important;padding:7px 0 0!important;font-size:12.5px!important}
.joy2-sources li{margin:0!important}.joy2-sources li.k{font-size:12px;color:#6b7a90;text-transform:none;letter-spacing:0}
.joy2-sources a{color:var(--j-deep);text-decoration:underline}
/* Suggestion chips: compact pills that wrap tidily, never clipped */
.joy2 .joy2-prompts{display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:8px 14px 0!important;grid-template-columns:none!important}
.joy2 .joy2-prompts > button{flex:0 1 auto!important;width:auto!important;max-width:100%!important;height:auto!important;font:500 13px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;
  padding:6px 12px!important;border-radius:999px!important;display:inline-block!important;-webkit-line-clamp:unset;overflow:visible!important;white-space:normal!important;text-align:left!important}
@media (max-width:420px){.joy2 .joy2-prompts > button{flex:1 1 100%!important}}
/* Composer */
.joy2 .joy2-form{padding:8px 14px!important}
.joy2 .joy2-form input{height:42px}
/* ONE small footer line: same size for text and links */
.joy2-safety{padding:7px 14px 9px!important;font-size:11.5px!important;line-height:1.45;color:#4a5872!important;text-align:center}
.joy2-safety a{font-size:inherit!important;font-weight:600;color:var(--j-deep)!important}
.joy2-collection.joy2-sr,.joy2-disclosure.joy2-sr{position:absolute!important;width:1px;height:1px;padding:0!important;margin:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:520px){.joy2--photo .joy2-avatar,.joy2--photo .joy2-head .joy2-photo:not(.joy2-photo--round){width:80px!important;height:98px!important}
  .joy2--photo .joy2-head{grid-template-columns:80px 1fr auto!important}}
/* ===== 2.2.1: theme-proof. Joy's own colours, fonts and sizing win over any theme (dark themes, serif headings, content-box) ===== */
.joy2.joy2,.joy2.joy2 *,.joy2.joy2 *::before,.joy2.joy2 *::after{box-sizing:border-box!important}
.joy2.joy2,.joy2.joy2 .joy2-panel,.joy2.joy2 h2,.joy2.joy2 p,.joy2.joy2 li,.joy2.joy2 a,.joy2.joy2 button,.joy2.joy2 input,.joy2.joy2 strong,.joy2.joy2 span{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;text-shadow:none!important}
.joy2.joy2 .joy2-panel{background:#fff!important;color:#1F2B4D!important}
.joy2.joy2 .joy2-head,.joy2.joy2 .joy2-head h2,.joy2.joy2 .joy2-head p,.joy2.joy2 .joy2-head .joy2-close{color:#fff!important}
.joy2.joy2 .joy2-head h2{font-size:18px!important;font-weight:700!important;line-height:1.2!important;margin:0!important;padding:0!important}
.joy2.joy2 .joy2-head p{font-size:13px!important;margin:0!important;line-height:1.35!important}
.joy2.joy2 .joy2-state{color:#fff!important;font-size:12px!important}
.joy2.joy2 .joy2-log{background:#F2F8FB!important}
.joy2.joy2 .joy2-msg.bot,.joy2.joy2 .joy2-msg.bot p,.joy2.joy2 .joy2-msg.bot div,.joy2.joy2 .joy2-msg.bot li{background-color:transparent;color:#1F2B4D!important;font-size:14.5px!important;line-height:1.5!important}
.joy2.joy2 .joy2-msg.bot{background:#fff!important}
.joy2.joy2 .joy2-msg.user,.joy2.joy2 .joy2-msg.user p,.joy2.joy2 .joy2-msg.user div{color:#fff!important;font-size:14.5px!important}
.joy2.joy2 .joy2-msg.user{background:#1E2F5F!important}
.joy2.joy2 .joy2-msg p{margin:0 0 8px!important;padding:0!important}.joy2.joy2 .joy2-msg p:last-child{margin-bottom:0!important}
.joy2.joy2 .joy2-sources li,.joy2.joy2 .joy2-sources a{font-size:12.5px!important;line-height:1.4!important}
.joy2.joy2 .joy2-sources li.k{color:#5b6a80!important;font-size:12px!important}
.joy2.joy2 .joy2-sources a,.joy2.joy2 .joy2-safety a,.joy2.joy2 .joy2-urgent a{color:#0B7FA0!important;text-decoration:underline!important}
.joy2.joy2 .joy2-urgent,.joy2.joy2 .joy2-urgent li,.joy2.joy2 .joy2-urgent p,.joy2.joy2 .joy2-urgent strong{color:#33415c!important}
.joy2.joy2 .joy2-urgent.is-crisis a{color:#8A0F0F!important}
.joy2.joy2 .joy2-prompts{background:#fff!important}
.joy2.joy2 .joy2-prompts>button{background:#fff!important;color:#1E2F5F!important;border:1px solid #cfe3ea!important}
.joy2.joy2 .joy2-prompts>button:hover,.joy2.joy2 .joy2-prompts>button:focus-visible{background:#F2F8FB!important;border-color:#12B5D8!important;color:#1E2F5F!important}
.joy2.joy2 .joy2-form{display:flex!important;width:100%!important;max-width:100%!important;gap:8px!important;padding:8px 14px!important;background:#fff!important;margin:0!important}
.joy2.joy2 .joy2-form input{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:42px!important;margin:0!important;padding:0 14px!important;
  background:#fff!important;color:#1F2B4D!important;border:1px solid #cdd9e3!important;border-radius:999px!important;font-size:15px!important;box-shadow:none!important}
.joy2.joy2 .joy2-form input::placeholder{color:#6b7a90!important;opacity:1!important}
.joy2.joy2 .joy2-form input:focus{outline:3px solid #12B5D8!important;outline-offset:1px!important;border-color:#12B5D8!important}
.joy2.joy2 .joy2-send,.joy2.joy2 .joy2-mic{flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;box-shadow:none!important}
.joy2.joy2 .joy2-send{background:#12B5D8!important;color:#1E2F5F!important}
.joy2.joy2 .joy2-safety{background:#fff!important;color:#4a5872!important;font-size:11.5px!important}
.joy2.joy2 .joy2-safety a{font-size:11.5px!important}
.joy2.joy2 .joy2-launcher strong{color:#fff!important}.joy2.joy2 .joy2-launcher span{color:#fff!important}

/* 2.2.5: talk button is an easy tap target (44px) inside the input row */

/* 2.2.6: homepage hero Talk button (teal), aligned with Ask Joy on one row */
.joy-hero__form .joy-hero__mic,.joy-hero [data-joy-form] .joy-hero__mic{
  flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
  background:#0A7C8C!important;color:#fff!important;display:grid!important;place-items:center!important;
  font-size:18px!important;line-height:1!important;cursor:pointer;box-shadow:none!important;flex-shrink:0!important
}
.joy-hero__form .joy-hero__mic[hidden],.joy-hero [data-joy-form] .joy-hero__mic[hidden]{display:none!important}
@media (max-width:767px){   /* 2.2.7: only the input pill is one row; the form itself stays stacked (chips etc. below) */
  .joy-hero__field{flex-wrap:nowrap!important;gap:6px!important;padding-left:14px!important}
  .joy-hero__field .joy-hero__spark{display:none!important}
  .joy-hero__field .joy-hero__input{flex:1 1 0!important;min-width:0!important;width:auto!important}
  .joy-hero__field .joy-hero__mic{flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important}
  .joy-hero__field .joy-hero__send{flex:0 0 auto!important;white-space:nowrap;padding:12px 14px!important}
}

.joy2.joy2 .joy2-mic{flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important}
/* 2.2.9: short inline voice note (replaces the consent pop-up) */
.joy2 .joy2-note{margin:0 12px 6px!important;padding:6px 10px!important;border-radius:10px!important;background:#EAF6F8!important;color:#0E1A33!important;font-size:13px!important;line-height:1.35!important}
.joy2 .joy2-note[hidden]{display:none!important}
.joy-hero__mic[aria-pressed="true"]{background:#D93B3B!important}

/* 2.2.11 hands-free conversation: mic becomes a red stop button; pulsing 'Tap to keep talking' when the browser needs a tap */
.joy2.joy2 .joy2-mic{touch-action:manipulation!important;position:relative!important;z-index:1!important}
.joy2.joy2 .joy2-mic.joy2-mic--convo{background:#D93B3B!important;color:#fff!important}
.joy2.joy2 .joy2-mic.joy2-mic--pulse{background:#0A7C8C!important;color:#fff!important;animation:joy2-pulse 1.4s ease-in-out infinite!important}
@keyframes joy2-pulse{0%,100%{box-shadow:0 0 0 0 rgba(10,124,140,.55)}50%{box-shadow:0 0 0 9px rgba(10,124,140,0)}}
@media (prefers-reduced-motion:reduce){.joy2.joy2 .joy2-mic.joy2-mic--pulse{animation:none!important;outline:3px solid #12B5D8!important}}

/* 2.2.11 voice consent (compact, inline, no scrolling dialog) + Voice On/Off toggle */
.joy2 .joy2-consent{margin:0 12px 8px!important;padding:10px 12px!important;border:1px solid #cdd9e3!important;border-radius:12px!important;background:#fff!important;color:#0E1A33!important;outline:none!important}
.joy2 .joy2-consent[hidden],.joy2 .joy2-voicebar[hidden]{display:none!important}
.joy2 .joy2-consent p{margin:0 0 8px!important;font-size:13px!important;line-height:1.4!important;color:#0E1A33!important}
.joy2 .joy2-consent-btns{display:flex!important;gap:8px!important}
.joy2 .joy2-consent-btns button{flex:1 1 0!important;min-height:44px!important;border-radius:999px!important;font:inherit!important;font-weight:600!important;cursor:pointer!important;border:1px solid #0A7C8C!important;background:#fff!important;color:#0A7C8C!important;margin:0!important}
.joy2 .joy2-consent-btns button:focus-visible,.joy2 .joy2-voicetgl:focus-visible{outline:3px solid #12B5D8!important;outline-offset:1px!important}
.joy2 .joy2-voicebar{display:flex!important;justify-content:flex-end!important;padding:0 14px!important;margin:0!important}
.joy2 .joy2-voicetgl{min-height:32px!important;padding:4px 10px!important;border:0!important;background:none!important;color:#0A7C8C!important;font-size:13px!important;font-weight:600!important;text-decoration:underline!important;cursor:pointer!important;margin:0!important}

/* 2.2.12 voice tip under the mic: small but readable, navy on white, wraps cleanly on a 390px phone */
.joy2.joy2 .joy2-voicetip{margin:0!important;padding:0 14px 6px!important;background:#fff!important;color:#0E1A33!important;font-size:12.5px!important;line-height:1.35!important;text-align:right!important;font-weight:500!important;opacity:1!important;white-space:normal!important;overflow-wrap:anywhere!important}
.joy2.joy2 .joy2-voicetip[hidden]{display:none!important}
@media (max-width:420px){.joy2.joy2 .joy2-voicetip{font-size:12.5px!important;text-align:center!important;padding:0 12px 6px!important}}

/* ===== 2.2.13: no blank boxes (Brett). Header = photo + titles + close X only; any stray header button is never shown.
   Voice on/off = speaker icon + label, navy on white; End conversation = red stop on the mic, only during a conversation.
   Doubled class chains + explicit values so the Hello Elementor / Astra / kit 'button' styles on both sites can't restyle them. ===== */
.joy2.joy2 .joy2-panel .joy2-head > button:not(.joy2-close){display:none!important}
.joy2.joy2 .joy2-panel .joy2-head > .joy2-close.joy2-close{all:unset;box-sizing:border-box!important;display:inline-grid!important;place-items:center!important;
  width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;min-height:36px!important;padding:0!important;margin:0 0 0 auto!important;
  background:transparent!important;background-image:none!important;border:0!important;border-radius:8px!important;box-shadow:none!important;
  color:#fff!important;font:400 20px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;text-indent:0!important;cursor:pointer!important;opacity:.9!important}
.joy2.joy2 .joy2-panel .joy2-head > .joy2-close.joy2-close:hover{opacity:1!important;background:rgba(255,255,255,.12)!important}
.joy2.joy2 .joy2-panel .joy2-head > .joy2-close.joy2-close:focus-visible{outline:3px solid #9be7f7!important;outline-offset:1px!important}
.joy2.joy2 .joy2-panel .joy2-voicebar{display:flex!important;justify-content:flex-end!important;align-items:center!important;padding:2px 14px 0!important;margin:0!important;background:#fff!important}
.joy2.joy2 .joy2-panel .joy2-voicebar[hidden]{display:none!important}
.joy2.joy2 .joy2-panel .joy2-voicebar .joy2-voicetgl{all:unset;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;gap:6px!important;
  width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:32px!important;padding:4px 10px!important;margin:0!important;
  background:#fff!important;background-image:none!important;border:1px solid #cdd9e3!important;border-radius:999px!important;box-shadow:none!important;
  color:#0E1A33!important;font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;text-decoration:none!important;text-indent:0!important;cursor:pointer!important;opacity:1!important;visibility:visible!important}
.joy2.joy2 .joy2-panel .joy2-voicebar .joy2-voicetgl:hover{background:#F2F8FB!important;border-color:#12B5D8!important;color:#0E1A33!important}
.joy2.joy2 .joy2-panel .joy2-voicebar .joy2-voicetgl:focus-visible{outline:3px solid #12B5D8!important;outline-offset:1px!important}
.joy2.joy2 .joy2-panel .joy2-voicetgl .joy2-voicetgl__ic{display:block!important;width:16px!important;height:16px!important;flex:0 0 16px!important;color:#0E1A33!important;fill:none}
.joy2.joy2 .joy2-panel .joy2-voicetgl .joy2-voicetgl__lbl{display:inline!important;color:#0E1A33!important;font:inherit!important;font-size:13px!important;background:none!important;padding:0!important;margin:0!important}
.joy2.joy2 .joy2-panel .joy2-form .joy2-mic.joy2-mic{background:var(--j-soft,#E8F6FA)!important;background-image:none!important;color:#0E1A33!important;font-size:18px!important;line-height:1!important;display:grid!important;place-items:center!important;text-indent:0!important;opacity:1!important}
.joy2.joy2 .joy2-panel .joy2-form .joy2-mic.joy2-mic[hidden]{display:none!important}
.joy2.joy2 .joy2-panel .joy2-form .joy2-mic.joy2-mic[aria-pressed="true"],.joy2.joy2 .joy2-panel .joy2-form .joy2-mic.joy2-mic.joy2-mic--convo{background:#D93B3B!important;color:#fff!important;font-size:16px!important}
.joy2.joy2 .joy2-panel .joy2-form .joy2-mic.joy2-mic.joy2-mic--pulse{background:#0A7C8C!important;color:#fff!important}
.joy2.joy2 .joy2-panel .joy2-form .joy2-send.joy2-send{background:#12B5D8!important;background-image:none!important;color:#1E2F5F!important;font-size:16px!important;line-height:1!important;display:grid!important;place-items:center!important;text-indent:0!important}
/* 2.2.13 iPhone mic fix: while the panel is open Joy sits above every other fixed layer (Hostinger 'Agent', cookie bars, sticky headers),
   so nothing can cover the mic; the mic and consent buttons always receive taps. */
.joy2.joy2.joy2--open{z-index:2147483647!important}
.joy2.joy2 .joy2-panel .joy2-form .joy2-mic,.joy2.joy2 .joy2-panel .joy2-consent-btns button,.joy-hero__mic{pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(18,181,216,.25);-webkit-user-select:none!important;user-select:none!important}
.joy2.joy2 .joy2-panel .joy2-form .joy2-mic *{pointer-events:none!important}
.joy2.joy2 .joy2-note{display:none!important}
.joy2.joy2 .joy2-voicetip{display:none!important}
.joy2.joy2 .joy2-panel .joy2-debug{display:block!important;margin:4px 12px!important;padding:6px 8px!important;max-height:160px!important;overflow:auto!important;background:#0E1A33!important;color:#9be7f7!important;font:11px/1.35 ui-monospace,Menlo,monospace!important;white-space:pre-wrap!important;word-break:break-all!important;border-radius:8px!important}
/* 2.2.13 short answers: summary first, the rest behind a small navy 'More' toggle (theme-proof); dark bold lead-ins */
.joy2.joy2 .joy2-msg.bot .joy2-lead,.joy2.joy2 .joy2-msg.bot strong{color:#0E1A33!important;font-weight:700!important;background:none!important}
.joy2.joy2 .joy2-panel .joy2-msg.bot .joy2-morebtn{all:unset;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;gap:4px!important;
  width:auto!important;min-width:0!important;height:auto!important;min-height:28px!important;margin:2px 0 6px!important;padding:3px 12px!important;
  background:#fff!important;background-image:none!important;border:1px solid #0E1A33!important;border-radius:999px!important;box-shadow:none!important;
  color:#0E1A33!important;font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;cursor:pointer!important;opacity:1!important;visibility:visible!important}
.joy2.joy2 .joy2-panel .joy2-msg.bot .joy2-morebtn::after{content:"\25BE"!important;font-size:11px!important;color:#0E1A33!important}
.joy2.joy2 .joy2-panel .joy2-msg.bot .joy2-morebtn[aria-expanded="true"]::after{content:"\25B4"!important}
.joy2.joy2 .joy2-panel .joy2-msg.bot .joy2-morebtn:hover{background:#F2F8FB!important;color:#0E1A33!important}
.joy2.joy2 .joy2-panel .joy2-msg.bot .joy2-morebtn:focus-visible{outline:3px solid #12B5D8!important;outline-offset:1px!important}
.joy2.joy2 .joy2-msg.bot .joy2-more[hidden]{display:none!important}
.joy2.joy2 .joy2-msg.bot .joy2-more{display:block!important}
/* 2.2.14 'Open in Safari to talk to Joy' (iPhone in-app / non-Safari browsers only): one small navy-on-white pill above the input row, theme-proof */
.joy2.joy2 .joy2-panel .joy2-safaribar{display:flex!important;justify-content:center!important;padding:4px 14px 2px!important;margin:0!important;background:#fff!important}
.joy2.joy2 .joy2-panel .joy2-safaribar[hidden]{display:none!important}
.joy2.joy2 .joy2-panel .joy2-safaribar .joy2-opensafari{all:unset;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  max-width:100%!important;min-height:40px!important;padding:8px 16px!important;margin:0!important;background:#fff!important;background-image:none!important;
  border:2px solid #0E1A33!important;border-radius:999px!important;box-shadow:none!important;color:#0E1A33!important;
  font:600 14px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;text-align:center!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;
  white-space:normal!important;cursor:pointer!important;opacity:1!important;visibility:visible!important;-webkit-tap-highlight-color:rgba(18,181,216,.25)}
.joy2.joy2 .joy2-panel .joy2-safaribar .joy2-opensafari:focus-visible{outline:3px solid #12B5D8!important;outline-offset:1px!important}

/* 2.2.20: opener chips in Brett's colours (navy text, teal border on light; blue fill on hover) and a clear status pill */
.joy2.joy2 .joy2-prompts > button.joy2-starter{background:#fff!important;color:#0E1A33!important;border:1.5px solid #0A7C8C!important;font-weight:600!important}
.joy2.joy2 .joy2-prompts > button.joy2-starter:hover,.joy2.joy2 .joy2-prompts > button.joy2-starter:focus-visible{background:#1565C0!important;border-color:#1565C0!important;color:#fff!important}
@media (max-width:420px){.joy2 .joy2-prompts > button.joy2-starter{flex:1 1 calc(50% - 6px)!important;text-align:center!important}}
.joy2.joy2[data-state="speaking"] .joy2-state{background:rgba(255,255,255,.26)!important;font-weight:600!important}
.joy2.joy2[data-state="speaking"] .joy2-panel{cursor:pointer}