.jachete-fab {
position: fixed;
bottom: 24px;
right: 24px;
width: 64px;
height: 64px;
border-radius: 50%;
background: linear-gradient(135deg, #F28C33, #E67E22);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 20px rgba(242, 140, 51, 0.4);
z-index: 999999;
transition: all 0.3s ease;
animation: jachetePulse 2s infinite;
}
.jachete-fab:hover {
transform: scale(1.1);
box-shadow: 0 6px 30px rgba(242, 140, 51, 0.6);
}
.jachete-fab svg {
width: 28px;
height: 28px;
fill: white;
}
@keyframes jachetePulse {
0%, 100% {
box-shadow: 0 4px 20px rgba(242, 140, 51, 0.4);
}
50% {
box-shadow: 0 4px 30px rgba(242, 140, 51, 0.8);
}
} .jachete-win {
position: fixed;
bottom: 100px;
right: 24px;
width: 420px;
height: 600px;
max-height: 85vh;
background: white;
border-radius: 20px;
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.3);
z-index: 999998;
display: none;
flex-direction: column;
overflow: hidden;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.jachete-win.ouvert {
display: flex;
animation: jacheteSlide 0.3s ease;
}
@keyframes jacheteSlide {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .jachete-header {
background: linear-gradient(135deg, #3E9D9E, #358F8F);
padding: 16px 20px;
display: flex;
align-items: center;
gap: 12px;
}
.jachete-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
background: white;
display: flex;
align-items: center;
justify-content: center;
}
.jachete-avatar svg {
width: 24px;
height: 24px;
fill: #F28C33;
}
.jachete-info {
flex: 1;
}
.jachete-info h3 {
color: white;
font-size: 18px;
font-weight: 600;
margin: 0;
}
.jachete-info p {
color: rgba(255, 255, 255, 0.9);
font-size: 13px;
margin: 0;
}
.jachete-close {
margin-left: auto;
background: rgba(255, 255, 255, 0.2);
border: none;
border-radius: 50%;
width: 36px;
height: 36px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
}
.jachete-close:hover {
background: rgba(255, 255, 255, 0.3);
}
.jachete-close svg {
width: 20px;
height: 20px;
fill: white;
} .jachete-msgs {
flex: 1;
overflow-y: auto;
padding: 16px;
background: #F5F7FA;
display: flex;
flex-direction: column;
gap: 12px;
}
.jachete-msg {
display: flex;
gap: 8px;
animation: jacheteFadeIn 0.3s ease;
}
@keyframes jacheteFadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
}
.jachete-msg.moi {
flex-direction: row-reverse;
}
.jachete-msg-ava {
width: 32px;
height: 32px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.jachete-msg.bot .jachete-msg-ava {
background: linear-gradient(135deg, #3E9D9E, #358F8F);
}
.jachete-msg.moi .jachete-msg-ava {
background: linear-gradient(135deg, #F28C33, #E67E22);
}
.jachete-msg-ava svg {
width: 16px;
height: 16px;
fill: white;
}
.jachete-bulle {
max-width: 80%;
padding: 12px 16px;
border-radius: 16px;
font-size: 14px;
line-height: 1.5;
}
.jachete-msg.bot .jachete-bulle {
background: white;
color: #333;
border-bottom-left-radius: 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.jachete-msg.moi .jachete-bulle {
background: linear-gradient(135deg, #F28C33, #E67E22);
color: white;
border-bottom-right-radius: 4px;
} .jachete-product {
background: #f8f9fa;
border-radius: 12px;
padding: 12px;
margin-top: 8px;
display: flex;
gap: 12px;
cursor: pointer;
transition: all 0.2s;
}
.jachete-product:hover {
background: #fff;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.jachete-product-img {
width: 80px;
height: 80px;
border-radius: 8px;
object-fit: cover;
background: #eee;
}
.jachete-product-info {
flex: 1;
}
.jachete-product-name {
font-weight: 600;
color: #333;
margin-bottom: 4px;
font-size: 14px;
}
.jachete-product-price {
color: #F28C33;
font-weight: 700;
font-size: 16px;
}
.jachete-product-stock {
font-size: 12px;
margin-top: 4px;
}
.jachete-product-stock.in-stock {
color: #10B981;
}
.jachete-product-stock.out-of-stock {
color: #EF4444;
}
.jachete-product-btn {
display: inline-block;
margin-top: 8px;
padding: 6px 12px;
background: #3E9D9E;
color: white;
border-radius: 20px;
font-size: 12px;
cursor: pointer;
border: none;
transition: all 0.2s;
}
.jachete-product-btn:hover {
background: #358F8F;
transform: scale(1.05);
} .jachete-search-result {
background: #f8f9fa;
border-radius: 12px;
padding: 12px;
margin-top: 8px;
cursor: pointer;
transition: all 0.2s;
}
.jachete-search-result:hover {
background: #fff;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
} .jachete-qbtns {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 12px;
}
.jachete-qbtn {
background: linear-gradient(135deg, #3E9D9E, #358F8F);
color: white;
border: none;
padding: 10px 16px;
border-radius: 20px;
font-size: 13px;
cursor: pointer;
transition: all 0.2s;
}
.jachete-qbtn:hover {
transform: scale(1.05);
box-shadow: 0 4px 15px rgba(62, 157, 158, 0.3);
} .jachete-order-form {
background: #f8f9fa;
border-radius: 12px;
padding: 16px;
margin-top: 12px;
}
.jachete-order-form label {
display: block;
font-size: 12px;
color: #666;
margin-bottom: 4px;
font-weight: 500;
}
.jachete-order-form input,
.jachete-order-form textarea {
width: 100%;
padding: 10px 12px;
border: 2px solid #E5E7EB;
border-radius: 8px;
font-size: 14px;
margin-bottom: 12px;
font-family: inherit;
transition: border-color 0.2s;
}
.jachete-order-form input:focus,
.jachete-order-form textarea:focus {
border-color: #3E9D9E;
outline: none;
}
.jachete-order-form button {
width: 100%;
padding: 12px;
background: linear-gradient(135deg, #F28C33, #E67E22);
color: white;
border: none;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
font-size: 14px;
transition: all 0.2s;
}
.jachete-order-form button:hover {
transform: scale(1.02);
box-shadow: 0 4px 15px rgba(242, 140, 51, 0.4);
} .jachete-input-area {
padding: 16px;
background: white;
border-top: 1px solid #E5E7EB;
display: flex;
gap: 8px;
}
.jachete-input {
flex: 1;
padding: 12px 20px;
border: 2px solid #E5E7EB;
border-radius: 25px;
font-size: 14px;
outline: none;
transition: border-color 0.2s;
}
.jachete-input:focus {
border-color: #3E9D9E;
}
.jachete-send {
width: 48px;
height: 48px;
border-radius: 50%;
background: linear-gradient(135deg, #F28C33, #E67E22);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
}
.jachete-send:hover {
transform: scale(1.05);
}
.jachete-send svg {
width: 20px;
height: 20px;
fill: white;
} .jachete-wabtn {
position: fixed;
bottom: 100px;
left: 24px;
background: #25D366;
color: white;
padding: 12px 24px;
border-radius: 25px;
text-decoration: none;
font-weight: 600;
font-size: 14px;
display: none;
align-items: center;
gap: 8px;
box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
z-index: 999997;
transition: all 0.2s;
}
.jachete-wabtn.visible {
display: flex;
animation: jacheteSlideLeft 0.3s ease;
}
@keyframes jacheteSlideLeft {
from {
opacity: 0;
transform: translateX(-20px);
}
}
.jachete-wabtn:hover {
transform: scale(1.05);
}
.jachete-wabtn svg {
width: 20px;
height: 20px;
fill: white;
} .jachete-transfer {
position: fixed;
bottom: 100px;
left: 24px;
background: #3E9D9E;
color: white;
padding: 12px 24px;
border-radius: 25px;
text-decoration: none;
font-weight: 600;
font-size: 14px;
display: flex;
align-items: center;
gap: 8px;
box-shadow: 0 4px 15px rgba(62, 157, 158, 0.4);
z-index: 999997;
cursor: pointer;
border: none;
transition: all 0.2s;
}
.jachete-transfer:hover {
transform: scale(1.05);
background: #358F8F;
}
.jachete-transfer svg {
width: 20px;
height: 20px;
fill: white;
} .jachete-loading {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
background: #f0f0f0;
border-radius: 20px;
}
.jachete-loading-dot {
width: 8px;
height: 8px;
background: #3E9D9E;
border-radius: 50%;
animation: jacheteBounce 1.4s infinite ease-in-out both;
}
.jachete-loading-dot:nth-child(1) { animation-delay: -0.32s; }
.jachete-loading-dot:nth-child(2) { animation-delay: -0.16s; }
@keyframes jacheteBounce {
0%, 80%, 100% { transform: scale(0); }
40% { transform: scale(1); }
} @media (max-width: 480px) {
.jachete-win {
width: 100%;
height: 100%;
right: 0;
bottom: 0;
border-radius: 0;
max-height: 100vh;
}
.jachete-fab {
bottom: 16px;
right: 16px;
}
.jachete-wabtn,
.jachete-transfer {
bottom: 90px;
left: 16px;
right: 16px;
}
} .jachete-msgs::-webkit-scrollbar {
width: 6px;
}
.jachete-msgs::-webkit-scrollbar-track {
background: #f1f1f1;
}
.jachete-msgs::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 3px;
}
.jachete-msgs::-webkit-scrollbar-thumb:hover {
background: #aaa;
}.wp-block-woocommerce-checkout-newsletter-subscription{align-items:flex-start;display:flex;margin:20px 0;padding-bottom:4px;padding-top:4px}.wp-block-woocommerce-checkout-newsletter-subscription .block-editor-rich-text__editable{line-height:24px;vertical-align:middle}.wp-block-woocommerce-checkout-newsletter-subscription .wc-block-components-checkbox{margin-right:16px;margin-top:0}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:rgba(0,0,0,.1)}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{height:var(--PhoneInputCountryFlag-height);width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio))}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;height:100%;width:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{align-items:center;align-self:stretch;display:flex;margin-right:var(--PhoneInputCountrySelect-marginRight);position:relative}.PhoneInputCountrySelect{border:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-color:var(--PhoneInputCountrySelectArrow-color);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-style:solid;border-top-width:0;content:"";display:block;height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);opacity:var(--PhoneInputCountrySelectArrow-opacity);transform:var(--PhoneInputCountrySelectArrow-transform);width:var(--PhoneInputCountrySelectArrow-width)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}