/* PK WhatsApp : valeurs relevées sur le widget d'origine. */
.pk-wa,.pk-wa *{box-sizing:border-box}
.pk-wa{position:fixed;bottom:0;right:50%;z-index:9999999;display:inline-block;transform:translateX(50%);font-family:Arial,sans-serif;line-height:normal;text-align:right}
.pk-wa__window{position:fixed;bottom:0;right:50%;display:flex;flex-direction:column;width:360px;max-width:calc(100vw - 40px);margin-bottom:60px;overflow:hidden;background:#fff;border-radius:10px;box-shadow:0 12px 24px 0 rgba(0,0,0,.1);opacity:0;visibility:hidden;pointer-events:none;touch-action:none;transform:translate3d(50%,0,0);transition:.3s ease opacity,.3s ease margin,.3s ease visibility}
.pk-wa.is-open .pk-wa__window{margin-bottom:76px;opacity:1;visibility:visible;pointer-events:all;touch-action:auto}
.pk-wa__close{position:absolute;top:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:20px;height:20px;opacity:.4;cursor:pointer;outline:transparent;transition:.3s ease all}
.pk-wa__close:hover{opacity:.8}
.pk-wa__close::before,.pk-wa__close::after{content:"";position:absolute;display:block;width:12px;height:2px;border-radius:2px;background:#fff}
.pk-wa__close::before{transform:rotate(45deg)}
.pk-wa__close::after{transform:rotate(-45deg)}
.pk-wa__header{display:flex;align-items:center;padding:24px 20px;background:var(--pk-wa-header);color:#111}
.pk-wa__avatar{position:relative;display:block;flex-shrink:0;width:52px;height:52px}
.pk-wa__avatar::before{content:"";position:absolute;right:0;bottom:0;z-index:1;display:block;width:12px;height:12px;border:2px solid var(--pk-wa-header);border-radius:50%;background:#4ad504}
.pk-wa__avatar-in{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border-radius:50%}
.pk-wa__avatar-in::after{content:"";position:absolute;inset:0;overflow:hidden;border:1px solid rgba(0,0,0,.1);border-radius:50%}
.pk-wa__avatar-img{flex-shrink:0;min-width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}
.pk-wa__info{margin-right:16px;margin-left:16px}
.pk-wa__name{color:#fff;font-size:16px;font-weight:700;line-height:20px}
.pk-wa__caption{margin-top:4px;color:#fff;font-size:13px;line-height:18px;text-align:right}
.pk-wa__chat{position:relative;max-height:382px;overflow:auto;padding:20px 20px 20px 10px;background:var(--pk-wa-window)}
.pk-wa__chat::before{content:"";position:absolute;top:0;left:0;z-index:0;display:block;width:100%;height:100%;background-image:var(--pk-wa-pattern);opacity:.08}
.pk-wa__row{position:relative;z-index:1;display:flex}
.pk-wa__dots{z-index:1;display:flex;align-items:center;justify-content:center;width:52.5px;height:32px;margin-left:10px;border-radius:16px;background:#fff;box-shadow:0 1px .5px rgba(0,0,0,.13);opacity:0;transition:.1s ease all}
.pk-wa.is-typing .pk-wa__dots{opacity:1}
.pk-wa__dots-in{position:relative;display:flex}
.pk-wa__dots i{position:relative;top:0;display:inline-block;width:5px;height:5px;margin:0 2px;border-radius:50%;background:#b6b5ba;animation:1.2s linear infinite pk-wa-2}
.pk-wa__dots i:nth-child(1){background:#9e9da2;animation-name:pk-wa-1}
.pk-wa__dots i:nth-child(3){animation-name:pk-wa-3}
@keyframes pk-wa-1{0%{background:#b6b5ba}15%{background:#111}25%{background:#b6b5ba}}
@keyframes pk-wa-2{15%{background:#b6b5ba}25%{background:#111}35%{background:#b6b5ba}}
@keyframes pk-wa-3{25%{background:#b6b5ba}35%{background:#111}45%{background:#b6b5ba}}
.pk-wa__message{position:relative;z-index:2;max-width:calc(100% - 66px);margin-top:4px;margin-right:-62px;padding:7px 14px 6px;border-radius:0 8px 8px;background:#fff;box-shadow:0 1px .5px rgba(0,0,0,.13);opacity:0;transform-origin:top;transition:.3s ease all}
.pk-wa.is-read .pk-wa__message{opacity:1}
.pk-wa__message::before{content:"";position:absolute;top:0;left:-12px;width:12px;height:19px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC") 50% 50%/contain no-repeat}
.pk-wa__author{color:rgba(0,0,0,.4);font-size:13px;font-weight:700;line-height:18px}
.pk-wa__text{margin-top:4px;color:#111;font-size:14px;line-height:19px}
.pk-wa__time{margin-top:4px;margin-right:-8px;margin-bottom:-4px;color:rgba(17,17,17,.5);font-size:12px;line-height:16px;text-align:right}
a.pk-wa__button{position:relative;display:flex;align-items:center;justify-content:center;margin:20px;padding:8px 12px;overflow:hidden;border:none;border-radius:20px;background:var(--pk-wa-button);color:#fff;font-size:15px;font-weight:700;line-height:20px;text-decoration:none;cursor:pointer;transition:none;-webkit-appearance:none;appearance:none}
a.pk-wa__button::before{content:"";position:absolute;bottom:-5px;z-index:0;display:block;width:10px;height:10px;border-radius:20px;background:#000;opacity:0;transform:scale(1);transition:.2s ease all}
a.pk-wa__button:hover::before{border-radius:8px;opacity:.02;transform:scale(40)}
a.pk-wa__button svg{z-index:1;flex:0 0 16px;width:16px;height:16px;fill:#fff}
a.pk-wa__button span{z-index:1;margin-right:8px;margin-left:8px;color:#fff}
.pk-wa__bubble{position:relative;display:flex;align-items:center;justify-content:center;margin:0 20px 20px;padding:4px 24px 4px 16px;border-radius:20px;background:var(--pk-wa-bubble);box-shadow:0 3px 12px rgba(0,0,0,.15);cursor:pointer;outline:transparent;user-select:none}
.pk-wa--badge .pk-wa__bubble::before{content:"";position:absolute;top:0;right:0;z-index:1;display:block;width:10px;height:10px;border-radius:50%;background:red}
.pk-wa__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px}
.pk-wa__icon svg{display:block;width:20px;height:20px;fill:var(--pk-wa-icon)}
.pk-wa__label{margin-left:4px;color:var(--pk-wa-icon);font-size:15px;font-weight:700;line-height:20px}
