:root{
  --djcw-primary:#25D366;
  --djcw-primary-hover:#1DA851;
  --djcw-btn-size:60px;
  --djcw-icon-size:26px;
  --djcw-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --djcw-font-size:14px;
  --djcw-pill-radius:30px;
}

.djcw-widget{position:fixed;bottom:20px;z-index:999999;display:flex;flex-direction:column;align-items:flex-end;font-family:var(--djcw-font-family);}
.djcw-bottom-right{right:20px;align-items:flex-end;}
.djcw-bottom-left{left:20px;right:auto;align-items:flex-start;}

/* Astra/Elementor ship global button color + shape resets that beat a plain
   class selector (confirmed live on this theme in webwiz-login-suite too) —
   the doubled class + !important here isn't decoration, it's the only
   reliable way this widget's own colors/shape survive on any page/theme. */
.djcw-toggle-btn.djcw-toggle-btn{
  width:var(--djcw-btn-size) !important;height:var(--djcw-btn-size) !important;border:0 !important;cursor:pointer;
  background:var(--djcw-primary) !important;color:#fff !important;box-shadow:0 4px 16px rgba(0,0,0,.25);
  display:flex;align-items:center;justify-content:center;position:relative;
  transition:background .15s ease,transform .1s ease;padding:0 !important;
}
.djcw-toggle-btn.djcw-shape-round{border-radius:50% !important;}
.djcw-toggle-btn.djcw-shape-square{border-radius:18px !important;}
.djcw-toggle-btn.djcw-toggle-btn:hover{background:var(--djcw-primary-hover) !important;color:#fff !important;}
.djcw-toggle-btn:active{transform:scale(.95);}

.djcw-icon-chat,.djcw-icon-close{
  position:absolute;width:var(--djcw-icon-size);height:var(--djcw-icon-size);
  background-repeat:no-repeat;background-position:center;background-size:contain;
  transition:opacity .15s ease,transform .15s ease;
}
.djcw-icon-chat{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");
  opacity:1;
}
.djcw-icon-close{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
  opacity:0;transform:scale(.6);
}
.djcw-widget.djcw-open .djcw-icon-chat{opacity:0;transform:scale(.6);}
.djcw-widget.djcw-open .djcw-icon-close{opacity:1;transform:scale(1);}

.djcw-pulse{animation:djcw-pulse-anim 2s infinite;}
@keyframes djcw-pulse-anim{
  0%{box-shadow:0 4px 16px rgba(0,0,0,.25),0 0 0 0 color-mix(in srgb, var(--djcw-primary) 60%, transparent);}
  70%{box-shadow:0 4px 16px rgba(0,0,0,.25),0 0 0 14px color-mix(in srgb, var(--djcw-primary) 0%, transparent);}
  100%{box-shadow:0 4px 16px rgba(0,0,0,.25),0 0 0 0 color-mix(in srgb, var(--djcw-primary) 0%, transparent);}
}
.djcw-widget.djcw-open .djcw-pulse{animation:none;}

.djcw-tooltip{
  background:#111827;color:#fff;font-size:var(--djcw-font-size);font-weight:500;padding:8px 14px;border-radius:10px;
  margin-bottom:10px;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.2);
  opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;
}
.djcw-widget:not(.djcw-open):hover .djcw-tooltip{opacity:1;transform:translateY(0);}

.djcw-panel{
  display:flex;gap:10px;margin-bottom:12px;
  opacity:0;transform:translateY(12px) scale(.96);pointer-events:none;transition:opacity .18s ease,transform .18s ease;
}
.djcw-layout-vertical .djcw-panel{flex-direction:column;align-items:flex-end;}
.djcw-bottom-left.djcw-layout-vertical .djcw-panel{align-items:flex-start;}
.djcw-layout-horizontal .djcw-panel{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;max-width:min(80vw,420px);}
.djcw-bottom-left.djcw-layout-horizontal .djcw-panel{justify-content:flex-start;}
.djcw-widget.djcw-open .djcw-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}

.djcw-channel-btn.djcw-channel-btn{
  display:flex;align-items:center;gap:10px;background:#fff !important;color:#111827 !important;text-decoration:none !important;
  border-radius:var(--djcw-pill-radius) !important;padding:10px 18px 10px 10px;box-shadow:0 4px 14px rgba(0,0,0,.18);
  font-size:var(--djcw-font-size);font-weight:600;transition:transform .1s ease,box-shadow .15s ease;
}
.djcw-layout-horizontal .djcw-channel-btn{padding:8px 14px 8px 8px;}
.djcw-channel-btn.djcw-channel-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.22);color:#111827 !important;}

/* Icon-only mode: hide labels, collapse the pill down around the icon */
.djcw-hide-labels .djcw-channel-label{display:none;}
.djcw-hide-labels .djcw-channel-btn.djcw-channel-btn{padding:6px;gap:0;}

.djcw-channel-icon{
  width:calc(var(--djcw-icon-size) + 10px);height:calc(var(--djcw-icon-size) + 10px);border-radius:50%;flex:0 0 auto;
  background-repeat:no-repeat;background-position:center;background-size:calc(var(--djcw-icon-size) * 0.72) calc(var(--djcw-icon-size) * 0.72);
}

/* Official brand marks, self-contained (no external CDN dependency) */
.djcw-icon-whatsapp{background-color:#25D366;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z'/%3E%3Cpath d='M12.04 2.001c-5.523 0-10 4.477-10 10 0 1.834.494 3.552 1.354 5.031L2 22l5.106-1.34a9.95 9.95 0 0 0 4.934 1.31h.004c5.523 0 10-4.477 10-10s-4.477-10-10.004-10Zm.004 18.194h-.003a8.166 8.166 0 0 1-4.158-1.14l-.298-.177-3.09.81.826-3.014-.194-.31a8.15 8.15 0 0 1-1.257-4.363c0-4.517 3.677-8.194 8.198-8.194 2.19 0 4.248.853 5.797 2.404a8.14 8.14 0 0 1 2.399 5.796c-.002 4.517-3.679 8.188-8.22 8.188Z'/%3E%3C/svg%3E");}
.djcw-icon-phone{background-color:#2563eb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24 11.36 11.36 0 0 0 3.58.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.58 1 1 0 0 1-.25 1.01l-2.2 2.2z'/%3E%3C/svg%3E");}
.djcw-icon-email{background-color:#6b7280;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");}
.djcw-icon-viber{background-color:#7360F2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M16.522 13.16s.505.043.775-.288l.53-.663c.256-.327.883-.537 1.494-.203.359.201.985.601 1.371.882.412.291.982.751.988 1.09.023.508-.14.933-.775 1.638-.036.038-.31.348-.664.554-.454.264-.966.412-1.53.412-.06 0-.121 0-.181-.004a10.98 10.98 0 0 1-4.51-1.596c-.881-.522-1.679-1.16-2.402-1.883a15.043 15.043 0 0 1-1.892-2.395c-.522-.88-.9-1.815-1.171-2.752l-.008-.028c-.238-.828-.372-1.62-.34-2.246.017-.331.09-.639.234-.902.164-.3.407-.548.71-.732l.017-.01c.198-.117.398-.234.598-.35.35-.204.75-.44 1.15-.44.31 0 .565.15.744.44.113.185.226.372.339.559.269.446.539.892.79 1.35.16.291.316.598.384.917.113.53-.183 1.024-.437 1.379-.132.184-.278.36-.42.532-.114.138-.257.301-.169.522.089.221.51 1.014 1.276 1.712.938.857 1.798 1.256 2.033 1.365.166.077.32.106.437-.033.14-.167.276-.34.415-.508.301-.365.7-.404 1.09-.222.014.006.028.013.042.02Zm-4.516 8.633C7.508 21.793 3.6 17.9 3.6 13.42c0-2.24.897-4.269 2.35-5.756L2.4 8.653l1.03-3.774A9.98 9.98 0 0 1 12 3.6c5.522 0 10 4.478 10 9.82 0 5.36-4.478 9.82-9.994 9.82h-.001Z'/%3E%3C/svg%3E");}
.djcw-icon-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2c2.72 0 3.06.01 4.12.06 1.06.05 1.79.22 2.43.47.66.26 1.22.6 1.77 1.15.55.55.89 1.11 1.15 1.77.25.64.42 1.37.47 2.43.05 1.06.06 1.4.06 4.12s-.01 3.06-.06 4.12c-.05 1.06-.22 1.79-.47 2.43a4.92 4.92 0 0 1-1.15 1.77 4.92 4.92 0 0 1-1.77 1.15c-.64.25-1.37.42-2.43.47-1.06.05-1.4.06-4.12.06s-3.06-.01-4.12-.06c-1.06-.05-1.79-.22-2.43-.47a4.92 4.92 0 0 1-1.77-1.15 4.92 4.92 0 0 1-1.15-1.77c-.25-.64-.42-1.37-.47-2.43C2.01 15.06 2 14.72 2 12s.01-3.06.06-4.12c.05-1.06.22-1.79.47-2.43.26-.66.6-1.22 1.15-1.77A4.92 4.92 0 0 1 5.45 2.53c.64-.25 1.37-.42 2.43-.47C8.94 2.01 9.28 2 12 2zm0 3.35A6.65 6.65 0 1 0 12 18.65 6.65 6.65 0 0 0 12 5.35zm0 10.97a4.32 4.32 0 1 1 0-8.64 4.32 4.32 0 0 1 0 8.64zm6.9-11.23a1.55 1.55 0 1 1-3.1 0 1.55 1.55 0 0 1 3.1 0z'/%3E%3C/svg%3E");}
.djcw-icon-telegram{background-color:#26A5E4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9.417 15.181-.397 20.9c.29 0 .418-.128.573-.282l1.371-1.328 2.842 2.096c.521.288.891.137 1.021-.483L23.61 4.29c.153-.766-.276-1.065-.767-.881L1.11 11.699c-.752.293-.74.719-.128.911l5.531 1.725L19.51 6.44c.578-.393 1.104-.176.671.217'/%3E%3C/svg%3E");}

/* Single-channel mode: main button shows just the channel's white glyph
   (button's own --djcw-primary background already forms the colored circle,
   so no separate background-color layer here — unlike the panel icons above). */
.djcw-icon-chat-single{
  position:absolute;width:var(--djcw-icon-size);height:var(--djcw-icon-size);
  background-repeat:no-repeat;background-position:center;background-size:contain;
}
.djcw-glyph-whatsapp{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z'/%3E%3Cpath d='M12.04 2.001c-5.523 0-10 4.477-10 10 0 1.834.494 3.552 1.354 5.031L2 22l5.106-1.34a9.95 9.95 0 0 0 4.934 1.31h.004c5.523 0 10-4.477 10-10s-4.477-10-10.004-10Zm.004 18.194h-.003a8.166 8.166 0 0 1-4.158-1.14l-.298-.177-3.09.81.826-3.014-.194-.31a8.15 8.15 0 0 1-1.257-4.363c0-4.517 3.677-8.194 8.198-8.194 2.19 0 4.248.853 5.797 2.404a8.14 8.14 0 0 1 2.399 5.796c-.002 4.517-3.679 8.188-8.22 8.188Z'/%3E%3C/svg%3E");}
.djcw-glyph-phone{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24 11.36 11.36 0 0 0 3.58.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.58 1 1 0 0 1-.25 1.01l-2.2 2.2z'/%3E%3C/svg%3E");}
.djcw-glyph-email{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");}
.djcw-glyph-viber{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M16.522 13.16s.505.043.775-.288l.53-.663c.256-.327.883-.537 1.494-.203.359.201.985.601 1.371.882.412.291.982.751.988 1.09.023.508-.14.933-.775 1.638-.036.038-.31.348-.664.554-.454.264-.966.412-1.53.412-.06 0-.121 0-.181-.004a10.98 10.98 0 0 1-4.51-1.596c-.881-.522-1.679-1.16-2.402-1.883a15.043 15.043 0 0 1-1.892-2.395c-.522-.88-.9-1.815-1.171-2.752l-.008-.028c-.238-.828-.372-1.62-.34-2.246.017-.331.09-.639.234-.902.164-.3.407-.548.71-.732l.017-.01c.198-.117.398-.234.598-.35.35-.204.75-.44 1.15-.44.31 0 .565.15.744.44.113.185.226.372.339.559.269.446.539.892.79 1.35.16.291.316.598.384.917.113.53-.183 1.024-.437 1.379-.132.184-.278.36-.42.532-.114.138-.257.301-.169.522.089.221.51 1.014 1.276 1.712.938.857 1.798 1.256 2.033 1.365.166.077.32.106.437-.033.14-.167.276-.34.415-.508.301-.365.7-.404 1.09-.222.014.006.028.013.042.02Zm-4.516 8.633C7.508 21.793 3.6 17.9 3.6 13.42c0-2.24.897-4.269 2.35-5.756L2.4 8.653l1.03-3.774A9.98 9.98 0 0 1 12 3.6c5.522 0 10 4.478 10 9.82 0 5.36-4.478 9.82-9.994 9.82h-.001Z'/%3E%3C/svg%3E");}
.djcw-glyph-instagram{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2c2.72 0 3.06.01 4.12.06 1.06.05 1.79.22 2.43.47.66.26 1.22.6 1.77 1.15.55.55.89 1.11 1.15 1.77.25.64.42 1.37.47 2.43.05 1.06.06 1.4.06 4.12s-.01 3.06-.06 4.12c-.05 1.06-.22 1.79-.47 2.43a4.92 4.92 0 0 1-1.15 1.77 4.92 4.92 0 0 1-1.77 1.15c-.64.25-1.37.42-2.43.47-1.06.05-1.4.06-4.12.06s-3.06-.01-4.12-.06c-1.06-.05-1.79-.22-2.43-.47a4.92 4.92 0 0 1-1.77-1.15 4.92 4.92 0 0 1-1.15-1.77c-.25-.64-.42-1.37-.47-2.43C2.01 15.06 2 14.72 2 12s.01-3.06.06-4.12c.05-1.06.22-1.79.47-2.43.26-.66.6-1.22 1.15-1.77A4.92 4.92 0 0 1 5.45 2.53c.64-.25 1.37-.42 2.43-.47C8.94 2.01 9.28 2 12 2zm0 3.35A6.65 6.65 0 1 0 12 18.65 6.65 6.65 0 0 0 12 5.35zm0 10.97a4.32 4.32 0 1 1 0-8.64 4.32 4.32 0 0 1 0 8.64zm6.9-11.23a1.55 1.55 0 1 1-3.1 0 1.55 1.55 0 0 1 3.1 0z'/%3E%3C/svg%3E");}
.djcw-glyph-telegram{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9.417 15.181-.397 20.9c.29 0 .418-.128.573-.282l1.371-1.328 2.842 2.096c.521.288.891.137 1.021-.483L23.61 4.29c.153-.766-.276-1.065-.767-.881L1.11 11.699c-.752.293-.74.719-.128.911l5.531 1.725L19.51 6.44c.578-.393 1.104-.176.671.217'/%3E%3C/svg%3E");}

@media (max-width:480px){
  .djcw-widget{bottom:14px;}
  .djcw-bottom-right{right:14px;}
  .djcw-bottom-left{left:14px;}
  .djcw-layout-horizontal .djcw-panel{max-width:88vw;}
  .djcw-channel-btn{padding:8px 14px 8px 8px;}
}