/* Softgozar AI Chat Assistant - Styles */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap');

#sg-ai-widget-btn { position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; background-color: #007bff; color: white; border-radius: 50%; text-align: center; line-height: 60px; font-size: 28px; cursor: pointer; box-shadow: 0 4px 15px rgba(0, 123, 255, 0.4); z-index: 999999; transition: transform 0.3s ease, background-color 0.3s ease; display: flex; align-items: center; justify-content: center; }
#sg-ai-widget-btn:hover { transform: scale(1.1); background-color: #0056b3; }
#sg-ai-chat-window { position: fixed; bottom: 90px; right: 20px; width: 380px; max-width: calc(100% - 40px); height: 550px; max-height: calc(100vh - 120px); background-color: #ffffff; border-radius: 12px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2); display: none; flex-direction: column; overflow: hidden; z-index: 999999; font-family: 'Vazirmatn', Tahoma, Arial, sans-serif; direction: rtl; }
#sg-ai-chat-window.active { display: flex; animation: slideUp 0.3s ease forwards; }
@keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.sg-ai-header { background-color: #007bff; color: white; padding: 15px; display: flex; justify-content: space-between; align-items: center; font-weight: bold; font-size: 16px; }
.sg-ai-close { cursor: pointer; font-size: 20px; line-height: 1; }
.sg-ai-body { flex: 1; padding: 15px; overflow-y: auto; background-color: #f9f9f9; display: flex; flex-direction: column; gap: 12px; }
.sg-message { max-width: 85%; padding: 10px 14px; border-radius: 12px; font-size: 14px; line-height: 1.6; word-wrap: break-word; }
.sg-message.bot { align-self: flex-start; background-color: #ffffff; border: 1px solid #e0e0e0; color: #333; border-bottom-right-radius: 2px; }
.sg-message.bot.streaming::after { content: '▋'; display: inline-block; vertical-align: baseline; animation: blink 0.8s infinite; color: #007bff; margin-right: 4px; }
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
.sg-message.user { align-self: flex-end; background-color: #007bff; color: white; border-bottom-left-radius: 2px; }
.sg-message p { margin: 0 0 8px 0; }
.sg-message p:last-child { margin: 0; }
.sg-message code { background-color: #f1f1f1; padding: 2px 5px; border-radius: 4px; font-family: monospace; direction: ltr; display: inline-block; color: #d63384; }
.sg-message pre { background-color: #2b2b2b; color: #f8f8f2; padding: 10px; border-radius: 6px; overflow-x: auto; direction: ltr; text-align: left; }
.sg-message pre code { background-color: transparent; color: inherit; padding: 0; }
.sg-ai-footer { padding: 12px; background-color: #ffffff; border-top: 1px solid #eee; display: flex; gap: 8px; }
.sg-ai-input { flex: 1; padding: 10px 12px; border: 1px solid #ddd; border-radius: 20px; outline: none; font-family: inherit; font-size: 14px; }
.sg-ai-input:focus { border-color: #007bff; }
.sg-ai-send { background-color: #007bff; color: white; border: none; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; font-size: 18px; transition: background-color 0.2s; }
.sg-ai-send:hover { background-color: #0056b3; }
.sg-ai-send:disabled { opacity: 0.5; cursor: not-allowed; }
.sg-ai-typing { display: none; align-self: flex-start; background-color: transparent; color: #777; font-size: 13px; font-style: italic; padding: 0 10px; }
.sg-vip-btn { display: inline-block; margin-top: 10px; background-color: #ff9800; color: #fff !important; padding: 8px 15px; border-radius: 4px; text-decoration: none; font-weight: bold; text-align: center; }
.sg-vip-btn:hover { background-color: #e68a00; }