/* === AI Mentor v1.2.1 === */
.cp-ai-bubble{position:fixed;cursor:pointer;z-index:100000;}
.cp-ai-bubble.bottom-right{bottom:20px;right:20px;}
.cp-ai-bubble.bottom-left{bottom:20px;left:20px;}
.cp-ai-bubble.top-right{top:20px;right:20px;}
.cp-ai-bubble.top-left{top:20px;left:20px;}
.cp-ai-bubble.iconBubble img{border-radius:50%;width:56px;height:56px;box-shadow:0 0 8px rgba(0,0,0,.3);}

/* Chatbox hidden by default */
#cp-ai-chatbox{display:none;position:fixed;z-index:100001;width:380px;height:540px;background:#fff;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.25);overflow:hidden;}
#cp-ai-chatbox.open{display:flex;flex-direction:column;}

#cp-ai-chatbox.bottom-right{bottom:90px;right:20px;}
#cp-ai-chatbox.bottom-left{bottom:90px;left:20px;}
#cp-ai-chatbox.top-right{top:90px;right:20px;}
#cp-ai-chatbox.top-left{top:90px;left:20px;}

#cp-ai-chatbox-header{padding:10px 14px;background:#f7f7f7;border-bottom:1px solid #ddd;font-weight:600;display:flex;justify-content:space-between;align-items:center;}
#cp-ai-chat-actions .button{margin-left:6px;font-size:11px;padding:2px 8px;}

#cp-ai-chatbox-messages{flex:1;overflow-y:auto;padding:12px;background:#fafafa;font-size:13px;line-height:1.4;}
.cp-ai-msg-user,.cp-ai-msg-ai{margin:6px 0;}
.cp-ai-msg-user{text-align:right;}
.cp-ai-msg-ai{text-align:left;}

.cp-ai-msg-user .bubble,.cp-ai-msg-ai .bubble{display:inline-block;max-width:85%;padding:6px 10px;border-radius:14px;}
.cp-ai-msg-user .bubble{background:#0073aa;color:#fff;border-bottom-right-radius:0;}
.cp-ai-msg-ai .bubble{background:#e9ecef;color:#111;border-bottom-left-radius:0;}

#cp-ai-chatbox-input{display:flex;gap:8px;padding:10px;border-top:1px solid #ddd;background:#fff;}
#cp-ai-chatbox-input input{flex:1;padding:7px;border:1px solid #ccc;border-radius:4px;font-size:13px;}
#cp-ai-chatbox-input button{padding:7px 14px;}


/* === Auto Tips Bubble styles === */
.cp-ai-bubble .cp-ai-tip{
    position:absolute;
    bottom:80px;
    right:0;
    max-width:260px;
    padding:10px 14px;
    border-radius:14px;
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.15);
    font-size:14px;
    line-height:1.3;
    font-family:inherit;
    z-index:10000;
}

/* === Mobile responsiveness (v1.3.6) === */

@media (max-width: 480px){
    /* Chat box */
    #cp-ai-chatbox{
        width: 92vw;
        right: 4vw !important;
        bottom: 90px !important;
        max-height: 70vh;
    }
    #cp-ai-chatbox.open{
        transform: translateY(0);
    }
    .cp-ai-bubble{
        right: 4vw !important;
        bottom: 20px !important;
        transform: scale(0.9);
    }
    /* Compare summary table */
    .cp-ai-summary-table{
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .cp-ai-summary-table table{
        min-width: 600px;
    }
}

/* === Elevate bubble + responsive tuning v1.3.7 === */

/* ===========================
   Podnosimy pływający avatar AI
   =========================== */

/* ❶ Domyślnie (ekrany ≥ 481 px) */
.cp-ai-bubble           { bottom: 80px !important; }   /* avatar + dymki */
#cp-ai-chatbox          { bottom: 130px !important; }  /* okno czatu = avatar + 50px */

/* ❷ Telefony / małe ekrany (≤ 480 px) */
@media (max-width: 480px) {
  .cp-ai-bubble         { bottom: 60px !important; }   /* wyżej, by nie kolidował z przyciskami systemowymi */
  #cp-ai-chatbox        { bottom: 150px !important; }  /* zachowujemy 90px odstępu nad avatarem */
}

/* ❸ Limit wysokości czatu */
#cp-ai-chatbox          { max-height: 70vh; }