/* 1. Alapból elrejtjük a chatet */
chat-messenger { display: none; position: fixed !important; 
                 bottom:0; right: 0; height: 100vh; width: 410px; z-index: 999999; background: white; box-shadow: -5px 0 15px rgba(0,0,0,0.1); }
/* Amikor aktív, megjelenik a panel */
chat-messenger.active { display: block; }
/* 2. A kerek gomb stílusa */
/* ELREJTJÜK A GOMBOT, ha a chat aktív */
body.chat-open .ai-assistant-btn { display: none; }
chat-reset-session-button { margin-right: 35px !important; /* Növeld ezt az értéket, ha még balrább akarod */ display: inline-block; }

.icon-close-btn { position: relative; width: 40px; height: 40px; border: 0; background: transparent; border-radius: 50%; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background-color 0.2s ease, transform 0.2s ease; }
.icon-close-btn:hover { background-color: rgba(255,255,255,0.08); }
.icon-close-btn:focus { outline: none; }
.icon-close-btn:focus-visible { background-color: rgba(255,255,255,0.08); box-shadow: 0 0 0 2px rgba(255,255,255,0.12); }
.icon-close-line { position: absolute; width: 16px; height: 2px; background-color: #ffffff; border-radius: 2px; transition: background-color 0.2s ease; }
.icon-close-btn:hover .icon-close-line { background-color: #ffffff; }
.line1 { transform: rotate(45deg); }
.line2 { transform: rotate(-45deg); }

/*.ai-assistant-btn { z-index:9999; position: fixed; bottom: 24px; right: 24px; display: flex; align-items: center; gap: 10px; padding: 20px 20px; border-radius: 999px; background: #111111; color: #ffffff; border: 0; font-size: 14px; cursor: pointer; box-shadow: 0 10px 25px rgba(0,0,0,0.15); }*/
.ai-assistant-btn
{ position:fixed; right:24px; bottom:0; height:52px; padding:0 24px; border:0; border-radius:18px 18px 0 0; background:#111111; color:#ffffff; display:inline-flex; align-items:center; justify-content:center; font-size:14px; font-weight:500; cursor:pointer; z-index:9999; box-shadow:0 -2px 12px rgba(0,0,0,0.12); transition:background-color 0.2s ease; }


.ai-assistant-btn:hover
{ background:#1f1f1f; }

.ai-assistant-btn:focus
{ outline:none; }

.ai-assistant-btn:focus-visible
{ background:#1f1f1f; box-shadow:0 0 0 2px rgba(255,255,255,0.10), 0 -2px 12px rgba(0,0,0,0.12); }


@media (max-width: 480px) {
    chat-messenger {
        width: 100% !important;
    }
}