/* Agilus Video Poziv – visitor widget */
.avp-root{--avp-accent:#0B5BFF;--avp-accent2:#1FD65A;--avp-ink:#0B1220;--avp-body:#43506B;--avp-muted:#6B7A99;--avp-line:#E3EAF7;--avp-mist:#F4F7FF;--avp-paper:#fff;--avp-stop:#D2384B;
  font-family:inherit;color:var(--avp-body);line-height:1.5;-webkit-font-smoothing:antialiased}
.avp-root *,.avp-root *::before,.avp-root *::after{box-sizing:border-box}
.avp-root[hidden]{display:none}
html.avp-lock,html.avp-lock body{overflow:hidden!important}

/* floating button */
.avp-fab{position:fixed;z-index:99990;bottom:calc(20px + var(--avp-fab-offset,0px));right:20px;display:inline-flex;align-items:center;gap:10px;padding:10px 20px 10px 10px;border:0;border-radius:999px;
  background:var(--avp-ink);color:#fff;font:inherit;font-weight:700;font-size:15px;letter-spacing:.01em;cursor:pointer;
  box-shadow:0 10px 24px rgba(6,27,61,.18),0 30px 60px rgba(6,27,61,.18);transition:transform .2s ease,box-shadow .2s ease}
.avp-root[data-position="left"] .avp-fab{right:auto;left:20px}
.avp-fab:hover{transform:translateY(-2px)}
.avp-fab{transition:transform .2s ease,box-shadow .2s ease,bottom .25s ease}
.avp-fab:focus-visible{outline:3px solid var(--avp-accent);outline-offset:3px}
.avp-fab-ic{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(120deg,var(--avp-accent2),#12A7C8 46%,var(--avp-accent))}
.avp-fab-ic svg{width:20px;height:20px}
.avp-fab-ic .avp-dot{position:absolute;top:-1px;right:-1px;border:2px solid var(--avp-ink)}
.avp-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:#9aa6bd}
.avp-online .avp-dot{background:var(--avp-accent2);animation:avp-blink 2s infinite}
@keyframes avp-blink{0%,100%{box-shadow:0 0 0 0 rgba(31,214,90,.55)}70%{box-shadow:0 0 0 7px rgba(31,214,90,0)}}
@media (max-width:520px){.avp-fab{bottom:calc(14px + var(--avp-fab-offset,0px));right:14px;padding:8px 16px 8px 8px;font-size:14px}.avp-root[data-position="left"] .avp-fab{left:14px}}

/* inline shortcode button */
.avp-inline-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:0;border-radius:999px;background:var(--avp-accent,#0B5BFF);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 12px 30px rgba(11,91,255,.28)}

/* modal */
.avp-modal{position:fixed;inset:0;z-index:99995;display:flex;align-items:flex-end;justify-content:flex-end;padding:20px}
.avp-modal[hidden]{display:none}
.avp-backdrop{position:absolute;inset:0;background:rgba(6,18,40,.45);backdrop-filter:blur(3px);animation:avp-fade .2s ease}
.avp-panel{position:relative;width:400px;max-width:100%;max-height:calc(100vh - 40px);overflow:auto;background:var(--avp-paper);border-radius:24px;padding:28px 26px 24px;
  box-shadow:0 10px 24px rgba(6,27,61,.09),0 34px 80px rgba(6,27,61,.2);animation:avp-up .25s cubic-bezier(.2,.8,.2,1)}
.avp-root[data-position="left"] .avp-modal{justify-content:flex-start}
@keyframes avp-fade{from{opacity:0}}
@keyframes avp-up{from{opacity:0;transform:translateY(16px)}}
.avp-x{position:absolute;top:12px;right:12px;z-index:3;width:36px;height:36px;border:0;border-radius:50%;background:var(--avp-mist);color:var(--avp-ink);display:grid;place-items:center;cursor:pointer}
.avp-x svg{width:18px;height:18px}
.avp-head{display:flex;gap:14px;align-items:center;margin:0 36px 14px 0}
.avp-head h3{margin:0;font-size:19px;line-height:1.25;color:var(--avp-ink);font-weight:800}
.avp-badge{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#fff;background:linear-gradient(120deg,var(--avp-accent2),#12A7C8 46%,var(--avp-accent))}
.avp-badge svg{width:24px;height:24px}
.avp-badge-alt{background:var(--avp-ink)}
.avp-badge-warn{background:#E8A317}
.avp-live,.avp-sub{margin:3px 0 0;font-size:13.5px;color:var(--avp-muted);display:flex;align-items:center;gap:7px}
.avp-text{margin:0 0 16px;font-size:15px}
.avp-msg{background:var(--avp-mist);border-radius:14px;padding:12px 14px;color:var(--avp-ink)}
.avp-field{display:block;margin:0 0 12px}
.avp-field span{display:block;font-size:13px;font-weight:700;color:var(--avp-ink);margin:0 0 5px}
.avp-field input,.avp-field select,.avp-field textarea{width:100%;font:inherit;font-size:16px;padding:11px 14px;border:1.5px solid var(--avp-line);border-radius:12px;background:#fff;color:var(--avp-ink);outline:0;transition:border-color .15s}
.avp-field input:focus,.avp-field select:focus,.avp-field textarea:focus{border-color:var(--avp-accent)}
.avp-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.avp-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border:0;border-radius:999px;background:var(--avp-accent);color:#fff;font:inherit;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 12px 30px rgba(11,91,255,.28);transition:filter .15s,transform .15s}
.avp-btn:hover{filter:brightness(1.07)}
.avp-btn:active{transform:scale(.98)}
.avp-btn:disabled{opacity:.6;cursor:default}
.avp-btn svg{width:20px;height:20px}
.avp-link{display:block;margin:12px auto 0;border:0;background:none;color:var(--avp-accent);font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.avp-note{margin:12px 0 0;font-size:12.5px;color:var(--avp-muted);text-align:center}
.avp-err{margin:0 0 10px;color:var(--avp-stop);font-size:14px;font-weight:600}
.avp-done{text-align:center;padding:10px 0}
.avp-done .avp-badge{margin:0 auto 12px}
.avp-done h3{margin:0 0 8px;color:var(--avp-ink);font-size:21px}
.avp-loading{display:grid;place-items:center;gap:12px;min-height:180px;color:var(--avp-muted)}
.avp-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--avp-line);border-top-color:var(--avp-accent);animation:avp-rot .8s linear infinite}
@keyframes avp-rot{to{transform:rotate(360deg)}}

/* call view */
.avp-panel.avp-full{width:min(960px,100%);height:min(640px,calc(100vh - 40px));padding:0;overflow:hidden;background:#0B1220}
.avp-panel.avp-full .avp-x{display:none}
.avp-panel.avp-full .avp-body{height:100%}
.avp-call{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 35%,#16233f,#0B1220 70%);color:#fff;overflow:hidden}
.avp-remote{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;opacity:0;transition:opacity .4s}
.avp-connected .avp-remote{opacity:1}
.avp-waiting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px}
.avp-connected .avp-waiting{display:none}
.avp-pulse{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(120deg,var(--avp-accent2),#12A7C8 46%,var(--avp-accent));animation:avp-ring 1.6s infinite}
.avp-pulse svg{width:36px;height:36px}
@keyframes avp-ring{0%{box-shadow:0 0 0 0 rgba(31,214,90,.5)}80%,100%{box-shadow:0 0 0 26px rgba(31,214,90,0)}}
.avp-status{margin:18px 0 0;font-size:18px;font-weight:700}
.avp-timer-note{margin:0;font-size:14px;opacity:.7}
.avp-local{position:absolute;right:16px;top:16px;width:150px;aspect-ratio:3/4;object-fit:cover;border-radius:16px;background:#000;transform:scaleX(-1);box-shadow:0 10px 30px rgba(0,0,0,.4);border:2px solid rgba(255,255,255,.25);z-index:2}
.avp-local.avp-mirror-off{transform:none}
.avp-callbar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;gap:16px;padding:20px 16px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.55));z-index:2}
.avp-clock{position:absolute;left:20px;bottom:calc(32px + env(safe-area-inset-bottom));font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;background:rgba(0,0,0,.35);padding:4px 10px;border-radius:999px}
.avp-ctl{width:56px;height:56px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;backdrop-filter:blur(6px);transition:background .15s}
.avp-ctl:hover{background:rgba(255,255,255,.28)}
.avp-ctl svg{width:24px;height:24px}
.avp-ctl[hidden]{display:none}
.avp-ctl.avp-off{background:#fff;color:var(--avp-ink)}
.avp-ctl.avp-end{background:var(--avp-stop)}
.avp-ctl.avp-end svg{transform:rotate(0deg)}

@media (max-width:640px){
  .avp-modal{padding:0;align-items:flex-end}
  .avp-panel{width:100%;border-radius:24px 24px 0 0;max-height:92vh;padding:24px 18px calc(20px + env(safe-area-inset-bottom))}
  .avp-panel.avp-full{width:100%;height:100%;max-height:none;border-radius:0}
  .avp-modal:has(.avp-full){align-items:stretch}
  .avp-local{width:104px;top:calc(12px + env(safe-area-inset-top));right:12px}
}
@media (prefers-reduced-motion:reduce){.avp-root *{animation:none!important;transition:none!important}}

/* button injected next to theme CTA buttons */
.avp-inj{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font:inherit}
.avp-inj-ic{position:relative;display:inline-grid;place-items:center;width:22px;height:22px}
.avp-inj-ic svg{width:20px;height:20px}
.avp-inj-ic .avp-dot{position:absolute;top:-3px;right:-5px;width:9px;height:9px;border:2px solid #fff;display:none}
.avp-inj-online .avp-inj-ic .avp-dot{display:block;background:#1FD65A}
