/* Animacja lekkiego migotania */
@keyframes simple-glow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(255, 107, 0, 0.6);
    }
    50% {
        box-shadow: 0 0 25px rgba(255, 140, 0, 0.8);
    }
}

/* Styl przycisku czatu */
#dify-chatbot-bubble-button {
    background-color: #FF6B00 !important; /* Żywy pomarańcz */
    border-radius: 50% !important;
    width: 90px !important;
    height: 90px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    animation: simple-glow 2s infinite;
    position: fixed !important;        /* Przycisk podąża za użytkownikiem */
    bottom: 1rem !important;           /* Pozycja od dołu */
    right: 1rem !important;            /* Pozycja od prawej */
    z-index: 9998 !important;          /* Pod oknem czatu */
}

#dify-chatbot-bubble-button:hover {
    transform: scale(1.1) !important;
}

/* Styl okna czatu */
#dify-chatbot-bubble-window {
    width: 31rem !important;       /* ~30% większe niż domyślne */
    height: 52rem !important;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    position: fixed !important;    /* Okno podąża za użytkownikiem podczas scrollowania */
    bottom: 120px !important;      /* Pozycja nad przyciskiem (przycisk ma 90px + margines) */
    right: 1rem !important;        /* Wyrównanie z prawej strony */
    z-index: 9999 !important;      /* Zawsze na wierzchu */
}

/* Responsywność – dostosowanie do urządzeń mobilnych */
@media (max-width: 600px) {
    #dify-chatbot-bubble-window {
        width: 90vw !important;      /* 90% szerokości ekranu */
        height: 80vh !important;     /* 80% wysokości ekranu */
        position: fixed !important;  /* Nadal fixed na mobile */
        bottom: 110px !important;    /* Nad przyciskiem */
        right: 5vw !important;       /* Wycentrowane z 5% marginesem */
        left: 5vw !important;        /* Wycentrowane z 5% marginesem */
    }

    #dify-chatbot-bubble-button {
        position: fixed !important;  /* Nadal fixed na mobile */
        bottom: 1rem !important;
        right: 1rem !important;
    }
}