/* WUP Contact Widget Professional — autonomous frontend */
.wup-cwp-widget{--wup-cwp-button:#4f63d6;--wup-cwp-button-text:#fff;--wup-cwp-button-icon:#fff;--wup-cwp-button-size:50px;--wup-cwp-button-half:-25px;--wup-cwp-header:#4f63d6;--wup-cwp-header-text:#fff;--wup-cwp-close:#008749;--wup-cwp-panel:#fff;--wup-cwp-text:#3b3b3b;--wup-cwp-subtitle:#787878;--wup-cwp-hover:#f0f0f0;--wup-cwp-panel-width:300px;--wup-cwp-radius:7px;--wup-cwp-offset-x:20px;--wup-cwp-offset-y:20px;--wup-cwp-z:1000000;--wup-cwp-overlay:#000;--wup-cwp-overlay-opacity:.8;position:fixed!important;z-index:var(--wup-cwp-z);font-family:Roboto,Arial,sans-serif;line-height:1;color:var(--wup-cwp-text);box-sizing:border-box}
.wup-cwp-widget *{box-sizing:border-box}
.wup-cwp-position-right-bottom{right:var(--wup-cwp-offset-x);bottom:var(--wup-cwp-offset-y)}
.wup-cwp-position-left-bottom{left:var(--wup-cwp-offset-x);bottom:var(--wup-cwp-offset-y)}
.wup-cwp-position-right-middle{right:var(--wup-cwp-offset-x);top:50%;margin-top:var(--wup-cwp-button-half)}
.wup-cwp-position-left-middle{left:var(--wup-cwp-offset-x);top:50%;margin-top:var(--wup-cwp-button-half)}
.wup-cwp-overlay{display:none;position:fixed;inset:0;z-index:-2;background:var(--wup-cwp-overlay);opacity:var(--wup-cwp-overlay-opacity)}
.wup-cwp-widget.is-open .wup-cwp-overlay{display:block}
.wup-cwp-button{position:relative;display:flex;align-items:center;justify-content:center;min-width:var(--wup-cwp-button-size);height:var(--wup-cwp-button-size);padding:0 18px 0 var(--wup-cwp-button-size);border:0;border-radius:999px;background:var(--wup-cwp-button);color:var(--wup-cwp-button-text);box-shadow:none;cursor:pointer;font:inherit;text-align:left;isolation:isolate}
.wup-cwp-icon-only .wup-cwp-button{width:var(--wup-cwp-button-size);padding:0}
.wup-cwp-button-icon{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:var(--wup-cwp-button-size);height:var(--wup-cwp-button-size);color:var(--wup-cwp-button-icon)}
.wup-cwp-button-icon .wup-cwp-svg,.wup-cwp-button-icon img{display:block;width:24px;height:24px;object-fit:contain}
.wup-cwp-button-status{position:absolute;right:2px;top:11px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#35ac19;z-index:2}
.wup-cwp-pulse{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--wup-cwp-button);animation:wup-cwp-pulse 2s infinite}
.wup-cwp-pulse:nth-of-type(2){animation-delay:.5s}
.wup-cwp-button-copy{display:flex;flex-direction:column;gap:2px;white-space:nowrap}
.wup-cwp-button-copy strong{font-size:13px;line-height:14px;font-weight:600}
.wup-cwp-button-copy small{font-size:11px;line-height:13px;font-weight:400}
.wup-cwp-panel{position:absolute;right:0;bottom:calc(var(--wup-cwp-button-size) + 10px);display:block;visibility:hidden;width:var(--wup-cwp-panel-width);padding:0 0 10px;border-radius:var(--wup-cwp-radius);background:var(--wup-cwp-panel);box-shadow:0 0 30px rgba(0,0,0,.2);opacity:0;transform:translate3d(0,-20%,0);transition:visibility .2s ease,opacity .2s ease,transform .2s ease;pointer-events:none}
.wup-cwp-no-shadow .wup-cwp-panel{box-shadow:none}
.wup-cwp-position-left-bottom .wup-cwp-panel,.wup-cwp-position-left-middle .wup-cwp-panel{right:auto;left:0}
.wup-cwp-panel:after{position:absolute;right:16px;bottom:-7px;border-right:8px solid transparent;border-top:8px solid var(--wup-cwp-panel);border-left:8px solid transparent;content:""}
.wup-cwp-position-left-bottom .wup-cwp-panel:after,.wup-cwp-position-left-middle .wup-cwp-panel:after{right:auto;left:16px}
.wup-cwp-widget.is-open .wup-cwp-panel{z-index:9;visibility:visible;opacity:1;transform:translate3d(0,0,0);pointer-events:auto}
.wup-cwp-animation-fade-up .wup-cwp-panel{transform:translate3d(0,20%,0)}
.wup-cwp-animation-scale .wup-cwp-panel{transform:scale(.75);transform-origin:90% 100%}
.wup-cwp-position-left-bottom.wup-cwp-animation-scale .wup-cwp-panel,.wup-cwp-position-left-middle.wup-cwp-animation-scale .wup-cwp-panel{transform-origin:10% 100%}
.wup-cwp-animation-none .wup-cwp-panel{transition:none;transform:none}
.wup-cwp-panel-header{position:relative;padding:12px 15px;margin:0 0 10px;border-radius:var(--wup-cwp-radius) var(--wup-cwp-radius) 0 0;background:var(--wup-cwp-header);color:var(--wup-cwp-header-text);font-size:17px;line-height:1.4;text-align:center}
.wup-cwp-panel-title{min-height:24px}
.wup-cwp-close{position:absolute;right:0;top:-30px;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:var(--wup-cwp-close);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.wup-cwp-close:hover{transform:rotate(180deg)}
.wup-cwp-close .wup-cwp-svg{width:12px;height:12px}
.wup-cwp-list{margin:0!important;padding:0!important;list-style:none!important;overflow:hidden}
.wup-cwp-contact-item{margin:0!important;padding:0!important;border-bottom:1px dashed #ddd;list-style:none!important}
.wup-cwp-contact-item:last-child{border-bottom:0}
.wup-cwp-contact{position:relative;display:flex;align-items:center;width:100%;min-height:44px;padding:4px 20px 4px 50px;color:var(--wup-cwp-text);text-decoration:none!important;box-shadow:none!important;cursor:pointer}
.wup-cwp-contact:hover,.wup-cwp-contact:focus{background:var(--wup-cwp-hover);color:var(--wup-cwp-text);outline:0}
.wup-cwp-contact-icon{--wup-cwp-contact-bg:#0084ff;--wup-cwp-contact-icon:#fff;position:absolute;left:10px;top:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:-16px;border-radius:50%;background:var(--wup-cwp-contact-bg);color:var(--wup-cwp-contact-icon)}
.wup-cwp-contact-icon .wup-cwp-svg,.wup-cwp-contact-icon img{display:block;width:20px;height:20px;object-fit:contain}
.wup-cwp-contact-status{position:absolute;right:0;bottom:-2px;width:10px;height:10px;border:2px solid #fff;border-radius:50%}
.wup-cwp-button-status.is-online,.wup-cwp-contact-status.is-online{background:#35ac19}.wup-cwp-button-status.is-offline,.wup-cwp-contact-status.is-offline{background:#ef4444}
.wup-cwp-contact-copy{display:flex;min-width:0;flex-direction:column;gap:2px;text-align:left}
.wup-cwp-contact-title{font-size:15px;line-height:17px;color:var(--wup-cwp-text)}
.wup-cwp-contact-subtitle{font-size:13px;line-height:15px;color:var(--wup-cwp-subtitle)}
.wup-cwp-svg{display:inline-block;fill:currentColor}
@keyframes wup-cwp-pulse{0%{transform:scale(0);opacity:1}50%{opacity:.5}100%{transform:scale(1.3);opacity:0}}
/* Presets: Classic uses the base rules above without structural overrides. */
.wup-cwp-preset-compact .wup-cwp-button{justify-content:flex-start;padding-right:14px;border-radius:12px;box-shadow:0 8px 20px rgba(15,118,110,.24)}
.wup-cwp-preset-compact.wup-cwp-icon-only .wup-cwp-button{border-radius:12px}
.wup-cwp-preset-compact .wup-cwp-button-icon{width:var(--wup-cwp-button-size)}
.wup-cwp-preset-compact .wup-cwp-button-copy{gap:0}.wup-cwp-preset-compact .wup-cwp-button-copy strong{font-size:12px;line-height:13px}.wup-cwp-preset-compact .wup-cwp-button-copy small{font-size:9px;line-height:11px;opacity:.82}
.wup-cwp-preset-compact .wup-cwp-panel{bottom:calc(var(--wup-cwp-button-size) + 8px);padding:6px;border-left:4px solid var(--wup-cwp-header);border-radius:var(--wup-cwp-radius);box-shadow:0 14px 35px rgba(15,118,110,.18)}
.wup-cwp-preset-compact .wup-cwp-panel:after{display:none}.wup-cwp-preset-compact .wup-cwp-panel-header{margin:0 0 4px;padding:10px 38px 10px 10px;border-radius:10px;background:var(--wup-cwp-header);font-size:14px;text-align:left}.wup-cwp-preset-compact .wup-cwp-panel-title{min-height:20px}
.wup-cwp-preset-compact .wup-cwp-close{right:8px;top:7px;width:24px;height:24px;background:var(--wup-cwp-close)}
.wup-cwp-preset-compact .wup-cwp-list{display:grid;gap:3px}.wup-cwp-preset-compact .wup-cwp-contact-item{border:0}.wup-cwp-preset-compact .wup-cwp-contact{min-height:40px;padding:4px 8px 4px 42px;border-radius:9px}.wup-cwp-preset-compact .wup-cwp-contact-icon{left:6px;width:28px;height:28px;margin-top:-14px;border-radius:8px}.wup-cwp-preset-compact .wup-cwp-contact-icon .wup-cwp-svg,.wup-cwp-preset-compact .wup-cwp-contact-icon img{width:17px;height:17px}.wup-cwp-preset-compact .wup-cwp-contact-title{font-size:13px;line-height:14px}.wup-cwp-preset-compact .wup-cwp-contact-subtitle{font-size:10px;line-height:12px}

.wup-cwp-preset-glass .wup-cwp-button{border:1px solid rgba(255,255,255,.35);border-radius:18px;background:linear-gradient(135deg,var(--wup-cwp-button),#7c3aed);box-shadow:0 14px 35px rgba(67,56,202,.38)}
.wup-cwp-preset-glass.wup-cwp-icon-only .wup-cwp-button{border-radius:18px}.wup-cwp-preset-glass .wup-cwp-button-icon .wup-cwp-svg,.wup-cwp-preset-glass .wup-cwp-button-icon img{width:27px;height:27px}
.wup-cwp-preset-glass .wup-cwp-panel{padding:10px;border:1px solid rgba(255,255,255,.72);border-radius:var(--wup-cwp-radius);background:rgba(238,242,255,.9);background:color-mix(in srgb,var(--wup-cwp-panel) 78%,transparent);box-shadow:0 24px 60px rgba(49,46,129,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.wup-cwp-preset-glass .wup-cwp-panel:after{display:none}.wup-cwp-preset-glass .wup-cwp-panel-header{margin:0 0 8px;padding:8px 38px 8px 10px;border:1px solid rgba(255,255,255,.35);border-radius:15px;background:linear-gradient(135deg,var(--wup-cwp-header),#6366f1);font-size:15px;text-align:left}.wup-cwp-preset-glass .wup-cwp-close{right:9px;top:8px;width:24px;height:24px;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.wup-cwp-preset-glass .wup-cwp-list{display:grid;gap:7px;overflow:visible}.wup-cwp-preset-glass .wup-cwp-contact-item{border:0}.wup-cwp-preset-glass .wup-cwp-contact{min-height:52px;padding:7px 10px 7px 54px;border:1px solid rgba(255,255,255,.72);border-radius:15px;background:rgba(255,255,255,.54);box-shadow:0 7px 16px rgba(49,46,129,.07)}.wup-cwp-preset-glass .wup-cwp-contact:hover,.wup-cwp-preset-glass .wup-cwp-contact:focus{background:rgba(255,255,255,.9);transform:translateY(-1px)}.wup-cwp-preset-glass .wup-cwp-contact-icon{left:9px;width:36px;height:36px;margin-top:-18px;border-radius:12px;box-shadow:0 5px 12px rgba(49,46,129,.18)}.wup-cwp-preset-glass .wup-cwp-contact-title{font-weight:600}

.wup-cwp-preset-minimal .wup-cwp-button{border:2px solid #111827;border-radius:12px;background:var(--wup-cwp-button);box-shadow:4px 4px 0 #111827}
.wup-cwp-preset-minimal.wup-cwp-icon-only .wup-cwp-button{border-radius:12px}.wup-cwp-preset-minimal .wup-cwp-pulse{display:none!important}
.wup-cwp-preset-minimal .wup-cwp-panel{padding:0;border:1px solid #111827;border-radius:var(--wup-cwp-radius);background:var(--wup-cwp-panel);box-shadow:6px 6px 0 rgba(17,24,39,.16)}.wup-cwp-preset-minimal .wup-cwp-panel:after{display:none}
.wup-cwp-preset-minimal .wup-cwp-panel-header{margin:0;padding:12px 42px 10px 14px;border-bottom:1px solid #111827;border-radius:var(--wup-cwp-radius) var(--wup-cwp-radius) 0 0;background:transparent;color:var(--wup-cwp-header-text);font-size:14px;font-weight:700;text-align:left}.wup-cwp-preset-minimal .wup-cwp-close{right:9px;top:8px;width:26px;height:26px;border:1px solid #111827;border-radius:7px;background:#fff;color:#111827}.wup-cwp-preset-minimal .wup-cwp-close:hover{transform:none;background:#111827;color:#fff}
.wup-cwp-preset-minimal .wup-cwp-contact-item{border-bottom:1px solid #e5e7eb}.wup-cwp-preset-minimal .wup-cwp-contact{min-height:48px;padding:6px 10px 6px 50px}.wup-cwp-preset-minimal .wup-cwp-contact-icon{left:10px;width:30px;height:30px;margin-top:-15px;border:1px solid #111827;border-radius:8px;background:transparent!important;color:#111827!important}.wup-cwp-preset-minimal .wup-cwp-contact-title{font-size:13px;font-weight:700}.wup-cwp-preset-minimal .wup-cwp-contact-subtitle{font-size:11px}
@media(max-width:767px){.wup-cwp-hide-mobile{display:none!important}}
@media(min-width:768px){.wup-cwp-hide-desktop{display:none!important}}
@media(max-width:428px){.wup-cwp-widget:not(.wup-cwp-preview-widget) .wup-cwp-panel{position:fixed;right:0!important;left:0!important;bottom:0;width:100%;border-radius:0}.wup-cwp-widget:not(.wup-cwp-preview-widget) .wup-cwp-panel-header{border-radius:0}.wup-cwp-widget:not(.wup-cwp-preview-widget) .wup-cwp-close{right:5px}.wup-cwp-widget:not(.wup-cwp-preview-widget) .wup-cwp-panel:after{display:none}}
