#lc-chatbot-toggle{position: fixed;bottom: 20px;right: 20px;width: 60px;height: 60px;border-radius: 50%;border: none;background: var(--lc-primary,#4F46E5);color: white;cursor: pointer;box-shadow: 0 4px 16px rgba(79,70,229,0.4);z-index: 2147483647;display: flex;align-items: center;justify-content: center;transition: transform 0.2s} #lc-chatbot-toggle:hover{transform: scale(1.08)} #lc-chatbot-toggle svg{width: 28px;height: 28px} #lc-chatbot-toggle.lc-hidden{display: none} #lc-chatbot-toggle.lc-chatbot-bottom-left{right: auto;left: 20px} #lc-chatbot-toggle.lc-chatbot-bottom-right{left: auto;right: 20px} #lc-chatbot-widget{position: fixed;bottom: 90px;right: 20px;width: 380px;max-width: calc(100vw - 40px);height: 550px;max-height: calc(100vh - 130px);background: #ffffff;border-radius: 16px;box-shadow: 0 10px 40px rgba(0,0,0,0.2);z-index: 2147483646;display: none;flex-direction: column;overflow: hidden;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif} #lc-chatbot-widget.lc-chatbot-open{display: flex !important} #lc-chatbot-widget.lc-chatbot-bottom-left{right: auto;left: 20px} #lc-chatbot-widget .lc-chatbot-header{background: var(--lc-primary,#4F46E5);color: white;padding: 16px 20px;display: flex;justify-content: space-between;align-items: center;font-weight: 600} #lc-chatbot-widget .lc-chatbot-status-dot{width: 8px;height: 8px;background: #10B981;border-radius: 50%;animation: lc-pulse 2s infinite} @keyframes lc-pulse{0%,100%{opacity: 1} 50%{opacity: 0.5} } #lc-chatbot-widget .lc-chatbot-close{background: rgba(255,255,255,0.2);border: none;color: white;font-size: 22px;cursor: pointer;width: 32px;height: 32px;padding: 0;border-radius: 6px;display: flex;align-items: center;justify-content: center;line-height: 1} #lc-chatbot-widget .lc-chatbot-messages{flex: 1;overflow-y: auto;padding: 20px;background: #f8FAFC;display: flex;flex-direction: column;gap: 12px} #lc-chatbot-widget .lc-chatbot-message{padding: 12px 16px;border-radius: 16px;max-width: 85%;word-wrap: break-word;font-size: 14px;line-height: 1.5;animation: lc-fade-in 0.3s ease} @keyframes lc-fade-in{from{opacity: 0;transform: translateY(10px)} to{opacity: 1;transform: translateY(0)} } #lc-chatbot-widget .lc-chatbot-message.bot{background: var(--lc-secondary,#ffffff);color: var(--lc-text,#1F2937);align-self: flex-start;border-bottom-left-radius: 4px;box-shadow: 0 2px 8px rgba(0,0,0,0.08)} #lc-chatbot-widget .lc-chatbot-message.user{background: var(--lc-primary,#4F46E5);color: white;align-self: flex-end;border-bottom-right-radius: 4px} #lc-chatbot-widget .lc-chat-image{max-width: 100%;height: auto;border-radius: 8px;margin-top: 8px;border: 1px solid #e5e7eb;display: block} #lc-chatbot-widget .lc-image-continue-btn{width: 100%;margin-top: 10px} #lc-chatbot-widget .lc-chatbot-input-area{padding: 16px;border-top: 1px solid #E5E7EB;background: white;display: flex;gap: 10px} #lc-chatbot-widget .lc-chatbot-input{flex: 1;padding: 12px 16px;border: 2px solid #E5E7EB;border-radius: 12px;font-size: 14px;outline: none;transition: border-color 0.2s;font-family: inherit} #lc-chatbot-widget .lc-chatbot-input:focus{border-color: var(--lc-primary,#4F46E5)} #lc-chatbot-widget .lc-chatbot-input::placeholder{color: #9CA3AF} #lc-chatbot-widget .lc-chatbot-send{padding: 12px 20px;background: var(--lc-primary,#4F46E5);color: white;border: none;border-radius: 12px;cursor: pointer;font-weight: 600;font-size: 14px;font-family: inherit} #lc-chatbot-widget .lc-chatbot-options{width: 100%;padding: 0 16px 12px;display: none;flex-direction: column;gap: 8px} #lc-chatbot-widget .lc-chatbot-options.lc-visible{display: flex} #lc-chatbot-widget .lc-chatbot-option{display: block;width: 100%;padding: 12px 16px;background: var(--lc-secondary,#ffffff);border: 2px solid #E5E7EB;border-radius: 12px;cursor: pointer;text-align: left;font-size: 14px;transition: all 0.2s;font-family: inherit;color: var(--lc-text,#374151)} #lc-chatbot-widget .lc-chatbot-option:hover{border-color: var(--lc-primary,#4F46E5);background: #EEF2FF;transform: translateX(4px)} @media (max-width: 768px){#lc-chatbot-widget{width: 100%;height: 100%;max-width: 100%;max-height: 100%;bottom: 0;right: 0;left: 0;top: 0;border-radius: 0} #lc-chatbot-toggle{bottom: 20px;right: 20px} } @media (max-width: 480px){#lc-chatbot-toggle{bottom: 16px;right: 16px;width: 56px;height: 56px} #lc-chatbot-toggle svg{width: 24px;height: 24px} } #lc-chatbot-widget .lc-chatbot-branding{padding: 8px 16px;background: #f8FAFC;border-top: 1px solid #E5E7EB;text-align: center;font-size: 11px;color: #6B7280} #lc-chatbot-widget .lc-chatbot-branding a{color: #6B7280;text-decoration: none;transition: color 0.2s} #lc-chatbot-widget .lc-chatbot-branding a:hover{color: #4F46E5;text-decoration: underline} #lc-chatbot-widget .lc-chatbot-contact-buttons{padding: 16px;background: white;border-top: 1px solid #E5E7EB;text-align: center} #lc-chatbot-widget .lc-contact-title{font-weight: 600;margin-bottom: 12px;color: #374151;font-size: 14px} #lc-chatbot-widget .lc-contact-btn{display: block;width: 100%;padding: 12px 16px;margin-bottom: 8px;border-radius: 12px;text-decoration: none;font-weight: 600;font-size: 14px;text-align: center;transition: transform 0.2s,box-shadow 0.2s;cursor: pointer} #lc-chatbot-widget .lc-contact-btn:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0,0,0,0.15)} #lc-chatbot-widget .lc-whatsapp-btn{background: #25D366;color: white;border: 2px solid #25D366} #lc-chatbot-widget .lc-whatsapp-btn:hover{background: #128C7E;border-color: #128C7E} #lc-chatbot-widget .lc-telegram-btn{background: #0088cc;color: white;border: 2px solid #0088cc} #lc-chatbot-widget .lc-telegram-btn:hover{background: #006699;border-color: #006699} #lc-chatbot-widget .lc-booking-container{background: white;height: 100%;overflow-y: auto} #lc-chatbot-widget .lc-booking-btn:hover{filter: brightness(0.9)} #lc-chatbot-widget .lc-time-slot:hover{background: #EEF2FF !important;border-color: #4F46E5 !important} #lc-chatbot-widget .lc-cal-days div:hover:not([style*="cursor: not-allowed"]){background: #EEF2FF !important} .lc-chatbot-loading{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 40px 20px;color: #6b7280;font-size: 14px} .lc-loading-spinner{width: 40px;height: 40px;border: 3px solid #e5e7eb;border-top: 3px solid #4F46E5;border-radius: 50%;animation: lc-spin 1s linear infinite;margin-bottom: 12px} @keyframes lc-spin{0%{transform: rotate(0deg)} 100%{transform: rotate(360deg)} } .lc-chatbot-loading span{animation: lc-pulse 1.5s ease-in-out infinite} @keyframes lc-pulse{0%,100%{opacity: 0.6} 50%{opacity: 1} } #lc-chatbot-widget .lc-booking-container{height: 100%;display: flex;flex-direction: column;background: #ffffff;overflow-y: auto} #lc-chatbot-widget .lc-booking-back{transition: background 0.2s} #lc-chatbot-widget .lc-booking-back:hover{background: #EEF2FF !important} #lc-chatbot-widget .lc-booking-calendar{margin-bottom: 16px} #lc-chatbot-widget .lc-booking-form{animation: lc-fade-in 0.3s ease} #lc-chatbot-widget .lc-booking-fields input:focus{outline: none;border-color: #4F46E5 !important;box-shadow: 0 0 0 3px rgba(79,70,229,0.1)} #lc-chatbot-widget .lc-confirm-booking:hover{filter: brightness(0.9)} #lc-chatbot-widget .lc-confirm-booking:active{transform: translateY(1px)} #lc-chatbot-widget .lc-time-slots{margin-top: 16px} #lc-chatbot-widget .lc-time-slot{transition: all 0.2s} #lc-chatbot-widget .lc-time-slot:hover{background: #EEF2FF !important;border-color: #4F46E5 !important} #lc-chatbot-widget .lc-cal-prev,#lc-chatbot-widget .lc-cal-next{transition: background 0.2s;border-radius: 4px;padding: 4px 8px} #lc-chatbot-widget .lc-cal-prev:hover,#lc-chatbot-widget .lc-cal-next:hover{background: #EEF2FF} @media (max-width: 400px){#lc-chatbot-widget{width: 100%;max-width: 100%;right: 0;left: 0;bottom: 0;border-radius: 16px 16px 0 0} } #lc-announcement-banner{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;color: white;padding: 12px 20px;display: flex;justify-content: space-between;align-items: center;box-shadow: 0 2px 8px rgba(0,0,0,0.1);box-sizing: border-box;animation: slideInFromTop 0.5s ease-in-out} @keyframes slideInFromTop{from{transform: translateY(-100%);opacity: 0} to{transform: translateY(0);opacity: 1} } #lc-announcement-banner .lc-banner-content{display: flex;align-items: center;gap: 15px;flex: 1;justify-content: center} #lc-announcement-banner .lc-banner-message{font-size: 14px;font-weight: 500} #lc-announcement-banner .lc-banner-button{background: white;color: #333;border: none;padding: 8px 16px;border-radius: 6px;font-weight: 600;font-size: 13px;cursor: pointer;transition: all 0.2s;white-space: nowrap} #lc-announcement-banner .lc-banner-button:hover{transform: translateY(-1px);box-shadow: 0 2px 8px rgba(0,0,0,0.2)} #lc-announcement-banner .lc-banner-dismiss{background: rgba(255,255,255,0.2);border: none;color: white;width: 28px;height: 28px;border-radius: 50%;cursor: pointer;font-size: 18px;line-height: 1;display: flex;align-items: center;justify-content: center;margin-left: 15px;transition: background 0.2s} #lc-announcement-banner .lc-banner-dismiss:hover{background: rgba(255,255,255,0.3)} @media (max-width: 768px){#lc-announcement-banner{position: fixed;bottom: 100px;top: auto;left: 0;width: 100%;padding: 10px 15px;animation: slideInFromBottom 0.5s ease-in-out} @keyframes slideInFromBottom{from{transform: translateY(100%);opacity: 0} to{transform: translateY(0);opacity: 1} } #lc-announcement-banner .lc-banner-content{flex-direction: column;gap: 8px;text-align: center} #lc-announcement-banner .lc-banner-message{font-size: 13px} #lc-announcement-banner .lc-banner-button{padding: 6px 12px;font-size: 12px} #lc-announcement-banner .lc-banner-dismiss{width: 44px;height: 44px;min-width: 44px;min-height: 44px} } #lc-chatbot-widget .lc-chatbot-privacy-notice{padding: 0 16px 12px 16px;background: #ffffff;font-size: 11px;color: #9CA3AF;text-align: center;line-height: 1.4} #lc-chatbot-widget .lc-chatbot-privacy-notice a{color: #4F46E5;text-decoration: none;transition: color 0.2s} #lc-chatbot-widget .lc-chatbot-privacy-notice a:hover{color: #3730A3;text-decoration: underline}