chatbot-widget{--chatbot-brand: 122, 106, 94;--chatbot-brand-light: 184, 154, 125;--chatbot-bg-warm: 250, 248, 245;--chatbot-bubble-size: 56px;--chatbot-panel-width: 380px;--chatbot-panel-height: 520px;--chatbot-panel-h: auto;--chatbot-max-h: 85dvh;--chatbot-min-h: 200px}.chatbot-bubble{position:fixed;bottom:24px;right:24px;z-index:999;width:var(--chatbot-bubble-size);height:var(--chatbot-bubble-size);border-radius:50%;background-color:rgb(var(--chatbot-brand));color:rgb(var(--chatbot-bg-warm));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(var(--color-shadow, 0, 0, 0),.15),0 1px 3px rgba(var(--color-shadow, 0, 0, 0),.1);transition:transform .2s ease,box-shadow .2s ease}.chatbot-bubble:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(var(--color-shadow, 0, 0, 0),.2),0 2px 6px rgba(var(--color-shadow, 0, 0, 0),.12)}.chatbot-bubble:active{transform:scale(.97)}.chatbot-bubble svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chatbot-bubble .chatbot-bubble__close-icon,.chatbot-bubble[aria-expanded=true] .chatbot-bubble__chat-icon{display:none}.chatbot-bubble[aria-expanded=true] .chatbot-bubble__close-icon{display:block}.chatbot-container{display:none}.chatbot-container[data-open=true]{display:block}.chatbot-overlay{display:none}.chatbot-panel{position:fixed;bottom:96px;right:24px;z-index:998;width:var(--chatbot-panel-width);height:var(--chatbot-panel-height);max-height:calc(100vh - 120px);display:flex;flex-direction:column;background-color:rgb(var(--color-background, 255, 255, 255));border-radius:var(--popup-corner-radius, 6px);border:var(--popup-border-width, 1px) solid rgba(var(--color-foreground, 18, 18, 18),var(--popup-border-opacity, .1));box-shadow:var(--drawer-shadow-horizontal-offset, 0px) var(--drawer-shadow-vertical-offset, 0px) var(--drawer-shadow-blur-radius, 0px) rgba(var(--color-shadow, 0, 0, 0),var(--drawer-shadow-opacity, 0)),0 8px 32px rgba(var(--color-shadow, 0, 0, 0),.12),0 2px 8px rgba(var(--color-shadow, 0, 0, 0),.08);overflow:hidden;opacity:0;transform:translateY(20px) scale(.95);animation:chatbot-panel-open .3s ease forwards}.chatbot-container[data-closing=true] .chatbot-panel{animation:chatbot-panel-close .2s ease forwards}@keyframes chatbot-panel-open{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chatbot-panel-close{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}@keyframes chatbot-message-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes chatbot-typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chatbot-header{display:flex;align-items:center;padding:14px 16px;background-color:rgb(var(--chatbot-brand));color:rgb(var(--chatbot-bg-warm));flex-shrink:0}.chatbot-header__avatar{width:32px;height:32px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.chatbot-header__avatar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chatbot-header__info{flex:1;min-width:0}.chatbot-header__name{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 600);font-size:1.4rem;line-height:1.2;margin:0}.chatbot-header__status{font-size:1.1rem;opacity:.85;display:flex;align-items:center;gap:4px;margin-top:1px}.chatbot-header__status-dot{width:6px;height:6px;border-radius:50%;background-color:#4ade80;flex-shrink:0}.chatbot-header__actions{display:flex;align-items:center;gap:4px;margin-left:auto}.chatbot-header__btn{background:#ffffff26;border:none;color:inherit;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;padding:0}.chatbot-header__btn:hover{background:#ffffff40}.chatbot-header__btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chatbot-header__lang-label{font-size:1rem;font-weight:600;letter-spacing:.03em}.chatbot-drag-handle{display:none}.chatbot-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;background-color:rgb(var(--chatbot-bg-warm))}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background-color:rgba(var(--chatbot-brand),.2);border-radius:2px}.chatbot-message{max-width:85%;padding:10px 14px;border-radius:var(--buttons-radius, 6px);font-family:var(--font-body-family);font-size:1.35rem;line-height:1.5;word-wrap:break-word;animation:chatbot-message-in .25s ease}.chatbot-message--assistant{align-self:flex-start;background-color:rgb(var(--color-background, 255, 255, 255));color:rgba(var(--color-foreground, 18, 18, 18),.85);border:1px solid rgba(var(--color-foreground, 18, 18, 18),.08);border-radius:var(--buttons-radius, 6px) var(--buttons-radius, 6px) var(--buttons-radius, 6px) 2px}.chatbot-message--user{align-self:flex-end;background-color:rgb(var(--chatbot-brand));color:rgb(var(--chatbot-bg-warm));border-radius:var(--buttons-radius, 6px) var(--buttons-radius, 6px) 2px var(--buttons-radius, 6px)}.chatbot-message a{color:rgb(var(--chatbot-brand-light));text-decoration:underline}.chatbot-message--assistant a{color:rgb(var(--chatbot-brand))}.chatbot-message strong{font-weight:var(--font-body-weight-bold, 700)}.chatbot-message p{margin:0 0 .5em}.chatbot-message p:last-child{margin-bottom:0}.chatbot-message__status{font-size:1.15rem;font-style:italic;opacity:.7;margin-bottom:4px}.chatbot-typing{align-self:flex-start;display:flex;align-items:center;gap:4px;padding:12px 16px;background-color:rgb(var(--color-background, 255, 255, 255));border:1px solid rgba(var(--color-foreground, 18, 18, 18),.08);border-radius:var(--buttons-radius, 6px) var(--buttons-radius, 6px) var(--buttons-radius, 6px) 2px;animation:chatbot-message-in .25s ease}.chatbot-typing__dot{width:6px;height:6px;border-radius:50%;background-color:rgba(var(--chatbot-brand),.5);animation:chatbot-typing-bounce 1.2s ease-in-out infinite}.chatbot-typing__dot:nth-child(2){animation-delay:.15s}.chatbot-typing__dot:nth-child(3){animation-delay:.3s}.chatbot-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px 4px;background-color:rgb(var(--chatbot-bg-warm));flex-shrink:0}.chatbot-suggestions:empty{display:none}.chatbot-suggestion{background-color:rgb(var(--color-background, 255, 255, 255));color:rgb(var(--chatbot-brand));border:1px solid rgba(var(--chatbot-brand),.25);border-radius:var(--buttons-radius, 6px);padding:6px 12px;font-family:var(--font-body-family);font-size:1.2rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;white-space:nowrap}.chatbot-suggestion:hover{background-color:rgba(var(--chatbot-brand),.08);border-color:rgba(var(--chatbot-brand),.4)}.chatbot-input{padding:12px 16px;border-top:1px solid rgba(var(--color-foreground, 18, 18, 18),.08);background-color:rgb(var(--color-background, 255, 255, 255));flex-shrink:0}.chatbot-input__form{display:flex;align-items:flex-end;gap:8px}.chatbot-input__field{flex:1;min-height:38px;max-height:100px;padding:8px 12px;border:var(--inputs-border-width, 1px) solid rgba(var(--color-foreground, 18, 18, 18),var(--inputs-border-opacity, .55));border-radius:var(--inputs-radius, 6px);background-color:rgb(var(--color-background, 255, 255, 255));color:rgba(var(--color-foreground, 18, 18, 18),.85);font-family:var(--font-body-family);font-size:1.35rem;line-height:1.4;resize:none;outline:none;transition:border-color .15s ease}.chatbot-input__field::placeholder{color:rgba(var(--color-foreground, 18, 18, 18),.4)}.chatbot-input__field:focus{border-color:rgb(var(--chatbot-brand));box-shadow:0 0 0 2px rgba(var(--chatbot-brand),.3)}.chatbot-input__send{width:38px;height:38px;border-radius:var(--buttons-radius, 6px);background-color:rgb(var(--chatbot-brand));color:rgb(var(--chatbot-bg-warm));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s ease}.chatbot-input__send:disabled{opacity:.5;cursor:not-allowed}.chatbot-input__send:not(:disabled):hover{opacity:.9}.chatbot-input__send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chatbot-input__footer{text-align:center;padding-top:6px}.chatbot-input__powered{font-size:1rem;color:rgba(var(--color-foreground, 18, 18, 18),.35)}@media screen and (max-width: 749px){.chatbot-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:997;background-color:rgba(var(--color-foreground, 18, 18, 18),.5);opacity:0;animation:chatbot-overlay-fade-in .25s ease forwards}.chatbot-container[data-closing=true] .chatbot-overlay{animation:chatbot-overlay-fade-out .2s ease forwards}.chatbot-drag-handle{display:flex;align-items:center;justify-content:center;padding:10px 0 2px;flex-shrink:0;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.chatbot-drag-handle__bar{width:36px;height:4px;border-radius:2px;background-color:rgba(var(--color-foreground, 18, 18, 18),.2)}.chatbot-panel{bottom:0;right:0;left:0;width:100%;height:var(--chatbot-panel-h, auto);min-height:var(--chatbot-min-h);max-height:var(--chatbot-max-h);border-radius:var(--popup-corner-radius, 6px) var(--popup-corner-radius, 6px) 0 0;transform:translateY(100%);animation:chatbot-mobile-slide-up .3s ease forwards;will-change:transform}.chatbot-panel--transitioning{transition:height .3s ease}.chatbot-panel--dragging{transition:none;animation:none}.chatbot-container[data-closing=true] .chatbot-panel{animation:chatbot-mobile-slide-down .2s ease forwards}.chatbot-bubble[aria-expanded=true]{display:none}.chatbot-bubble{bottom:16px;right:16px}.chatbot-input__field,.chatbot-message{font-size:max(1.35rem,16px)}.chatbot-header__btn,.chatbot-input__send{width:44px;height:44px}.chatbot-suggestion{font-size:max(1.2rem,14px);min-height:44px;padding:10px 16px;display:inline-flex;align-items:center}.chatbot-input{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}@keyframes chatbot-mobile-slide-up{0%{transform:translateY(100%);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes chatbot-mobile-slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:1}}@keyframes chatbot-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes chatbot-overlay-fade-out{0%{opacity:1}to{opacity:0}}html[lang=ar] .chatbot-bubble,html[lang=ar] .chatbot-panel{right:auto;left:24px}html[lang=ar] .chatbot-header__avatar{margin-right:0;margin-left:10px}html[lang=ar] .chatbot-header__actions{margin-left:0;margin-right:auto}html[lang=ar] .chatbot-message--assistant{border-radius:var(--buttons-radius, 6px) var(--buttons-radius, 6px) 2px var(--buttons-radius, 6px)}html[lang=ar] .chatbot-message--user{border-radius:var(--buttons-radius, 6px) var(--buttons-radius, 6px) var(--buttons-radius, 6px) 2px}html[lang=ar] .chatbot-input__field{text-align:right;direction:rtl}html[lang=ar] .chatbot-input__send svg{transform:scaleX(-1)}@media screen and (max-width: 749px){html[lang=ar] .chatbot-bubble{left:16px;right:auto}html[lang=ar] .chatbot-panel{left:0;right:0}}@media (prefers-reduced-motion: reduce){.chatbot-panel,.chatbot-message,.chatbot-typing,.chatbot-overlay{animation-duration:.01ms!important}.chatbot-panel--transitioning{transition-duration:.01ms!important}.chatbot-typing__dot{animation:none}.chatbot-bubble{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-chatbot.css.map */