/* Planet AI voice + chat widget - reusable template styles. Pair with planet-voice.js.
   Override these variables in the site's CSS (or set PLANET_VOICE.color) to match the brand. */
:root{
  --pv-color:#002454;        /* launcher, panel accent, links */
  --pv-panel-bg:#fbf8f2;
  --pv-text:#14213d;
  --pv-muted:#5b6474;
  --pv-line:#d9dee6;
  --pv-font:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

/* Phones: room under the footer so the round widget button never covers it */
@media (max-width:767px){body.pv-has-voice footer{padding-bottom:96px}}
/* Keyboard up: get the floating widget out of the way */
html.pv-kb elevenlabs-convai{visibility:hidden!important;pointer-events:none!important}

/* Phone launcher + minimize (minimize shows on every screen size while the chat is open) */
.pv-launch,.pv-min{display:none}
html.pv-mob.pv-ready:not(.pv-open):not(.pv-call) elevenlabs-convai{visibility:hidden!important;pointer-events:none!important}
html.pv-mob.pv-ready:not(.pv-open):not(.pv-call) .pv-launch{display:inline-flex}
html.pv-minon .pv-min{display:flex}
html.pv-kb .pv-launch,html.pv-kb .pv-min{display:none!important}
.pv-launch{position:fixed;right:16px;bottom:16px;z-index:2147483000;align-items:center;gap:10px;height:52px;padding:0 20px 0 8px;border:0;border-radius:999px;background:var(--pv-color);color:#fff;font:600 16px/1 var(--pv-font);box-shadow:0 8px 24px rgba(0,0,0,.3);cursor:pointer}
.pv-launch .pv-orb{width:36px;height:36px;border-radius:50%;background:conic-gradient(from 30deg,#9ce6e6,#2792dc,#0b4fb3,#9ce6e6,#2792dc,#9ce6e6);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.pv-min{position:fixed;z-index:2147483647;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--pv-line);border-radius:50%;background:#fff;color:var(--pv-color);box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer}

/* "Powered by Planet AI" under the widget */
.pv-badge{position:fixed;z-index:2147483647;display:none;align-items:center;gap:5px;font:500 11px/1 var(--pv-font);color:#6b7280;text-decoration:none;background:rgba(255,255,255,.85);padding:3px 8px;border-radius:999px}
.pv-badge.on{display:inline-flex}
.pv-badge img{height:16px;width:auto}
.pv-badge b{color:var(--pv-color);font-weight:600}

/* Results panel */
#pv-panel{position:fixed;left:0;right:0;top:0;z-index:2147483000;max-height:72vh;overflow:auto;background:var(--pv-panel-bg);color:var(--pv-text);border-bottom:3px solid var(--pv-color);box-shadow:0 12px 30px rgba(0,0,0,.25);padding:14px 16px 16px;transform:translateY(-105%);transition:transform .25s ease;visibility:hidden;font-family:var(--pv-font)}
#pv-panel.on{transform:none;visibility:visible}
#pv-panel .pv-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;max-width:1120px;margin:0 auto}
#pv-panel .pv-k{margin:0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pv-color)}
#pv-panel h2{font-size:20px;margin:2px 0 0;line-height:1.2}
#pv-panel .pv-sub{margin:4px 0 0;font-size:13.5px;color:var(--pv-muted)}
#pv-panel .pv-x{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--pv-line);background:#fff;font-size:24px;line-height:1;cursor:pointer;color:var(--pv-color)}
#pv-panel .pv-open{display:flex;justify-content:center;max-width:1120px;margin:12px auto 0;padding:12px 16px;border-radius:6px;border:2px solid var(--pv-color);color:var(--pv-color);font-weight:700;text-decoration:none}
#pv-panel .pv-body{max-width:1120px;margin:12px auto 0}
#pv-panel .pv-pow{display:flex;align-items:center;gap:6px;margin:12px auto 0;font-size:12.5px;color:var(--pv-muted);text-decoration:none;max-width:1120px;width:100%;justify-content:center}
#pv-panel .pv-pow img{height:20px;width:auto}
@media (prefers-reduced-motion:reduce){#pv-panel{transition:none}}