:root {
    --font-title: 'Fillet-Title', sans-serif;
    --font-body: 'Fillet-Body', sans-serif;
    --font-size-header: 18px;
    --font-size-agent-name: 20px;
    --font-size-agent-desc: 14px;
    --font-size-message: 13px;
    --font-size-history-title: 15px;
    --font-size-timestamp: 12px;
    --color-text: #201F1F;
    --color-background: #FFFFFF;
    --color-background-area: #FAF9F7;
    --color-surface: #E6E2D7;
    --color-accent: #FF7043;
    --color-border: #E0E0E0;
}
.fillet-chat-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:15px; pointer-events: none;}
.fillet-chat-launcher{position:relative;width:60px;height:60px;background-color:#111;background-image:url('https://filletstudio.com/wp-content/uploads/2025/10/fillet-studio-logo-68f692cb77626.webp');background-size:cover;background-position:center;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,0.2);cursor:pointer;transition:transform .2s ease-in-out; pointer-events: auto;}
.fillet-chat-launcher:hover{transform:scale(1.1);}
.fillet-chat-launcher::after{content:'';position:absolute;bottom:2px;left:2px;width:12px;height:12px;background-color:#2ecc71;border-radius:50%;border:2px solid white;}
.fillet-chat-widget{width:370px;height:600px;max-height:80vh;background-color:var(--color-background);border-radius:25px;box-shadow:0 10px 30px rgba(0,0,0,0.15);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(20px) scale(.95);pointer-events:none;transition:all .3s ease-in-out;}
.fillet-chat-widget.widget-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.fillet-widget-header{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:var(--color-surface); /* ბეჟი ფერი */
    padding:15px;
    border-bottom:1px solid var(--color-border);
    text-align:center;
    flex-shrink:0;
    /* [შეცვლილი] მომრგვალება ოთხივე კუთხისთვის */
    border-radius: 20px 20px 20px 20px; /* ზედა მარცხენა, ზედა მარჯვენა, ქვედა მარჯვენა, ქვედა მარცხენა */
    overflow: hidden; /* ვამატებთ overflow-ს */
}
.fillet-widget-header span{font-family: var(--font-title);font-weight:bold;color:var(--color-text);font-size:var(--font-size-header);}
.fillet-close-btn, .fillet-back-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:#888;transition:background-color 0.2s;}
.fillet-close-btn:hover, .fillet-back-btn:hover { background-color: #f0f0f0; }
.fillet-close-btn{right:5px;font-size:24px;}
.fillet-back-btn{left:5px;}
.fillet-back-btn svg { width: 24px; height: 24px; fill: currentColor; }
.fillet-choice-screen {flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:60px 20px 20px 20px;gap:40px;}
.fillet-choice-btn {background:none;border:none;cursor:pointer;text-align:center;padding:0; transition: transform 0.2s ease;}
.fillet-choice-btn:hover { transform: scale(1.05); }
.choice-visual {width:100px;height:100px;border-radius:50%;margin:0 auto 15px auto;}
.choice-text-wrapper { font-family:var(--font-title); }
.choice-text {font-size:var(--font-size-agent-name);font-weight:600;color:var(--color-text); margin-bottom: 5px;}
.choice-description { font-size: var(--font-size-agent-desc); color: #888; font-family: var(--font-body); }
.fillet-choice-btn.disabled { opacity: 0.5; cursor: not-allowed; filter: grayscale(80%); }
.fillet-choice-btn.disabled:hover { transform: none; }
.fillet-agent-lobby { flex-grow: 1; display: flex; flex-direction: column; padding: 20px 40px; background-color: var(--color-background-area); background-image: radial-gradient(var(--color-border) 1px, transparent 1px); background-size: 20px 20px;overflow: hidden; }
.fillet-new-chat-btn { 
    position: relative; 
    background: var(--color-surface); /* [ახალი] ბეჟი ფონი */
    border: 2px solid var(--color-text); /* [ახალი] შავი ჩარჩო */
    padding: 15px 25px; 
    font-size: 16px; 
    font-weight: 600; 
    cursor: pointer; 
    transform: skew(-15deg); /* [დაბრუნებული] */
    transition: all 0.5s; 
    overflow: hidden; /* [დაბრუნებული] */
    color: var(--color-text); /* [ახალი] შავი ტექსტი */
    margin-bottom: 20px; 
    flex-shrink: 0; 
    text-align: center; 
}
.fillet-new-chat-btn span { 
    display: inline-block; 
    transform: skew(15deg); /* [დაბრუნებული] */
    transition: all 0.5s; 
}
.fillet-new-chat-btn::before { 
    content: ''; 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    right: 100%; /* [დაბრუნებული] */
    left: 0; 
    background: var(--color-background); /* [ახალი] თეთრი ფონი ანიმაციისთვის */
    opacity: 0; 
    z-index: -1; 
    transition: all 0.5s; 
}
.fillet-new-chat-btn:hover { 
    color: var(--color-text); /* შავი ტექსტი */
    background: var(--color-surface); /* ბეჟი ფონი რჩება, რადგან before ელემენტი ავსებს */
    border-color: var(--color-text); /* შავი ჩარჩო */
}
.fillet-new-chat-btn:hover span { 
    transform: skew(15deg) scale(1.05); /* [დაბრუნებული] */
}
.fillet-new-chat-btn:hover::before { 
    left: 0; 
    right: 0; 
    opacity: 1; /* [დაბრუნებული] */
}
.history-separator { display: flex; align-items: center; text-align: center; color: #aaa; font-size: var(--font-size-timestamp); margin: 0 0 15px 0; }
.history-separator::before, .history-separator::after { content: ''; flex: 1; border-bottom: 1px solid var(--color-border); }
.history-separator span { padding: 0 10px; }
/* --- [განახლებული] ისტორიის ღილაკები --- */
.history-list {
    flex-grow: 1;
    overflow-y: auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0; /* მშობლის padding-ს ვიყენებთ */
}
.history-list .history-empty { text-align: center; color: #999; padding-top: 20px; }
.history-item { 
    position: relative; 
    background: var(--color-background); 
    border: 1px solid var(--color-border); 
    padding: 12px 15px; 
    cursor: pointer; 
    transition: all 0.2s; 
    border-radius: 12px; /* [ახალი] მომრგვალება */
    /* transform: skew(-15deg); <-- [წაშლილი] */
}
.history-item:hover { border-color: #141414; box-shadow: 2px 2px 5px rgba(0,0,0,0.05); }
.history-item > * { 
    /* transform: skew(15deg); <-- [წაშლილი] */
}
.history-item .title { font-family: var(--font-body); font-weight: 500; color: #333; margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: var(--font-size-history-title); }
.history-item .timestamp { font-family: var(--font-body); font-size: var(--font-size-timestamp); color: #999; }
/* --- დასასრული --- */


.fillet-message-area { flex-grow: 1; padding: 20px; overflow-y: auto; display: flex; flex-direction: column; gap: 15px; background-color: var(--color-background-area); background-image: radial-gradient(var(--color-border) 1px, transparent 1px); background-size: 20px 20px; }
.ai-message .fillet-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:#111;padding:5px;box-sizing:border-box; align-self: flex-end;}
.fillet-input-form{display:flex;align-items:flex-end;padding:15px;border-top:1px solid var(--border-color);gap:10px;background-color:#ffffff;flex-shrink:0;}
.fillet-input-wrapper {flex-grow:1;border:1px solid var(--border-color);border-radius:24px;padding:12px 18px;background-color:#f9f9f9;display:flex;align-items:center;transition:border-color 0.2s ease-in-out;}
.fillet-input-wrapper:focus-within {border-color: var(--color-accent);}
.fillet-input-form textarea{width:100%;border:none;background-color:transparent;outline:none;font-size:var(--font-size-message);line-height:1.4;max-height:100px;overflow-y:auto;font-family:var(--font-body);padding:0;resize:none;}
.fillet-input-form button { background: var(--color-surface); color: var(--color-text); border: none; border-radius: 50%; width: 44px; height: 44px; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background-color .2s; }
.fillet-input-form button:hover { background-color: var(--color-border); }
.fillet-input-form button svg{width:24px;height:24px;fill:currentColor;margin-left:2px;}
.fillet-message-row{display:flex;align-items:flex-end;gap:10px; animation: message-appear 0.3s ease-out;}
.fillet-message { padding: 12px 18px; border-radius: 22px; max-width: 80%; line-height: 1.5; word-wrap: break-word; box-shadow: 0 1px 2px rgba(0,0,0,0.08); font-family: var(--font-body); font-size: var(--font-size-message); }
.ai-message { align-items: flex-end; }
.ai-message .fillet-message { background-color: var(--color-background); color: var(--color-text); border-bottom-left-radius: 5px; border: 1px solid var(--color-border); }
.user-message { display: flex; justify-content: flex-end; }
.user-message .fillet-message { background-color: var(--color-text); color: white; align-self: flex-end; border-bottom-right-radius: 5px; }
.typing-indicator .fillet-message { padding: 12px 18px; display: flex; gap: 5px; align-items: center; box-shadow: none; border: 1px solid var(--color-border); background-color: var(--color-background); max-height: none; }
.typing-indicator .dot { width: 8px; height: 8px; background-color: #aaa; border-radius: 50%; animation: typing-animation 1.4s infinite ease-in-out both; }
.typing-indicator .dot:nth-child(1) { animation-delay: -0.32s; }
.typing-indicator .dot:nth-child(2) { animation-delay: -0.16s; }

/* --- ანიმაციები --- */
@keyframes typing-animation { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1.0); } }
@keyframes message-appear {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* --- ეკრანების მართვა --- */
.fillet-choice-screen, .fillet-agent-lobby, .fillet-message-area, .fillet-input-form { display: none; }
.fillet-chat-widget[data-screen="choice"] .fillet-choice-screen { display: flex; }
.fillet-chat-widget[data-screen="lobby"] .fillet-agent-lobby { display: flex; }
.fillet-chat-widget[data-screen="chat"] .fillet-message-area { display: flex; }
.fillet-chat-widget[data-screen="chat"] .fillet-input-form { display: flex; }
.fillet-back-btn { display: none; }
.fillet-chat-widget[data-screen="lobby"] .fillet-back-btn,
.fillet-chat-widget[data-screen="chat"] .fillet-back-btn { display: flex; }

/* --- [განახლებული] ისტორიის სტილები --- */
.history-item.fillet-hidden {
    display: none;
}
.history-item { 
    position: relative; 
    background: var(--color-background); 
    border: 1px solid var(--color-border); 
    padding: 12px 15px; 
    cursor: pointer; 
    transition: all 0.2s; 
    border-radius: 20px; /* [ახალი] მეტი მომრგვალება */
    /* transform: skew(-15deg); <-- [წაშლილი] */
}
.history-item:hover { border-color: #141414; box-shadow: 2px 2px 5px rgba(0,0,0,0.05); }
.history-item > * { 
    /* transform: skew(15deg); <-- [წაშლილი] */
}

/* ჩამოსაშლელი ღილაკის სტილი */
.fillet-toggle-history-btn {
    background-color: var(--color-surface);
    border: 1px solid var(--color-border);
    width: 40px;
    height: 40px;
    border-radius: 50%; 
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px auto 5px auto; 
    transition: background-color 0.2s, transform 0.2s;
    flex-shrink: 0;
}
.fillet-toggle-history-btn:hover {
    background-color: var(--color-border);
    transform: scale(1.1);
}
.fillet-toggle-history-btn svg {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease-in-out;
}
.fillet-toggle-history-btn.expanded svg {
    transform: rotate(180deg);
}
/* სქროლის დამალვა */
.history-list::-webkit-scrollbar {
  display: none;
}
.history-list {
  scrollbar-width: none;  
  -ms-overflow-style: none;
}

/* --- [განახლებული] სწრაფი კონტაქტის იკონები --- */
.fillet-quick-actions {
    width: 100%;
    margin-bottom: 25px; /* [ახალი] გაზრდილი დაშორება ღილაკებამდე */
    padding-top: 10px;
}

.quick-icon-container {
    display: flex;
    justify-content: center;
    gap: 20px; 
    width: 100%;
    margin-bottom: 10px; 
}

.quick-icon-btn {
    width: 60px;
    height: 60px;
    background-color: var(--color-surface); /* ბეჟი ფონი */
    border: 1px solid var(--color-border);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text); /* იკონის ფერი (შავი) */
    text-decoration: none;
    transition: all 0.2s ease;
    padding: 14px; 
    box-sizing: border-box; 
}

.quick-icon-btn:hover {
    background-color: var(--color-accent);
    color: var(--color-background);
    transform: scale(1.1);
    border-color: var(--color-accent);
}

.quick-icon-btn svg {
    width: 100%; 
    height: 100%;
    fill: currentColor; 
}

/* --- [განახლებული] WhatsApp-ის სტილი --- */
.quick-icon-btn.whatsapp-btn {
    padding: 12px; 
}
.whatsapp-svg .wa-bg {
    display: none; /* ვმალავთ SVG-ის თეთრ ფონს */
}
.whatsapp-svg .wa-main-icon {
    fill: #25D366; /* WhatsApp-ის მწვანე */
    transition: fill 0.2s ease;
}
.whatsapp-svg .wa-inner-icon {
    fill: var(--color-surface); /* ბეჟი ფონი */
    transition: fill 0.2s ease;
}
/* Hover-ზე ფერების შეცვლა */
.quick-icon-btn.whatsapp-btn:hover .wa-main-icon {
    fill: var(--color-background); /* თეთრი */
}
.quick-icon-btn.whatsapp-btn:hover .wa-inner-icon {
    fill: var(--color-accent); /* აქცენტის ფერი */
}


/* --- [განახლებული] სწრაფი კითხვების ღილაკები --- */
.quick-action-btn {
    display: block;
    width: 100%;
    background-color: var(--color-background);
    border: 1px solid var(--color-border);
    padding: 12px 15px;
    margin-bottom: 8px;
    border-radius: 20px; /* [ახალი] მეტი მომრგვალება */
    cursor: pointer;
    font-family: var(--font-body);
    font-size: 15px;
    text-align: left;
    transition: all 0.2s ease;
}
.quick-action-btn:hover {
    background-color: #f8f8f8;
    border-color: var(--color-text);
}


/* --- [განახლებული] სოციალური ბმულების სტილი (ფანჯრის ბოლოში) --- */
.fillet-social-links {
    display: flex;
    justify-content: center;
    gap: 15px; 
    padding: 15px 0 10px 0; /* [ახალი] გასწორებული დაშორება */
    margin: auto 0 0 0; /* [ახალი] მიწებება ბოლოში */
    border-top: 1px solid var(--color-border);
    flex-shrink: 0;
}

.social-icon-btn {
    width: 40px;
    height: 40px;
    color: #999; 
    text-decoration: none;
    transition: all 0.2s ease;
    padding: 6px; 
    box-sizing: border-box; 
}

.social-icon-btn:hover {
    color: var(--color-accent); 
    transform: scale(1.1);
}

.social-icon-btn[title*="YouTube"] {
    padding: 4px; /* [ახალი] ოდნავ გადიდება */
}
.social-icon-btn[title*="LinkedIn"] {
    padding: 8px; /* [ახალი] იკონის ოდნავ დასაპატარავებლად (ნაგულისხმევი 6px-ია) */
}

.social-icon-btn svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

/* --- [ახალი] სწრაფი პასუხების სტილი (ჩატის ფანჯარაში) --- */
.quick-replies-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 20px 10px 62px; /* 62px ავატარის სიგანეს ემთხვევა */
    animation: message-appear 0.3s ease-out;
}

.quick-reply {
    background-color: #FFF7F5; /* პასტელური ნარინჯისფერი */
    color: var(--color-text); /* [შეცვლილი] შავი ტექსტი */
    font-weight: 600; 
    border: 1px solid #FFF7F5; 
    border-radius: 20px;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.quick-reply:hover {
    background-color: var(--color-accent); /* [შეცვლილი] ნარინჯისფერი ფონი */
    color: var(--color-background); /* [შეცვლილი] თეთრი ტექსტი */
    border: 1px solid var(--color-accent); /* ნარინჯისფერი ჩარჩო */
}