.cp-ai-tip{
    position:absolute;
    bottom:100%;
    left:50%;
    margin-bottom:8px;
    transform:translateX(-50%);
    max-width:260px;
    padding:8px 12px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,.15);
    font-size:15px;
    line-height:1.35;
    opacity:0;
    visibility:hidden;
    transition:opacity .3s ease,visibility .3s ease;
    z-index:9999;
    white-space:normal;
}
.cp-ai-tip.show{
    opacity:1;visibility:visible;
}
.cp-ai-tip::before{
    content:'';
    position:absolute;
    
    left:50%;
    transform:translateX(-50%) rotate(45deg);
    width:12px;
    height:12px;
    background:#fff;
    box-shadow:-1px -1px 2px rgba(0,0,0,.05);
}
@media(max-width:480px){
    .cp-ai-tip{display:none;}
}
.cp-ai-tip.show{
    opacity:1;visibility:visible;
}
@media(max-width:480px){
    .cp-ai-tip{
    position:absolute;
    bottom:100%;
    left:50%;
    margin-bottom:8px;
    transform:translateX(-50%);
    max-width:260px;
    padding:8px 12px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,.15);
    font-size:15px;
    line-height:1.35;
    opacity:0;
    visibility:hidden;
    transition:opacity .3s ease,visibility .3s ease;
    z-index:9999;
    white-space:normal;
}
.cp-ai-tip.show{
    opacity:1;visibility:visible;
}
.cp-ai-tip::before{
    content:'';
    position:absolute;
    
    left:50%;
    transform:translateX(-50%) rotate(45deg);
    width:12px;
    height:12px;
    background:#fff;
    box-shadow:-1px -1px 2px rgba(0,0,0,.05);
}
@media(max-width:480px){
    .cp-ai-tip{display:none;}
}
}
/* Force avatar fixed position (fallback) */
.cp-ai-bubble { position: fixed !important; }

/* === Auto Tips Bubble styles (synced z wersją działającą) === */



@media (max-width: 480px) {
  
  #cp-ai-chatbox        { bottom: 150px !important; }
}

@media (max-width:480px){
  
}

.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;
    white-space:normal;
}

/* Hide tip on very small screens */
@media (max-width:480px){
    .cp-ai-bubble .cp-ai-tip{display:none;}
}


/* — szerszy dymek AI Mentor — */
.cp-ai-bubble .cp-ai-tip{
    /* minimalna szerokość – żeby bąbelek przy krótkich tekstach nie był za wąski */
    min-width: 90px;

    /* maksymalna szerokość – przy długich zdaniach tekst będzie się zawijał, a dymek nie „ucieknie” poza ekran */
    max-width: 480px;

    /* szerokość bazowa: rośnie automatycznie do długości tekstu
       (dopóki nie osiągnie max-width) */
    display: inline-block;
    width: auto;

    /* opcjonalnie możesz dorzucić:
       white-space: normal;   – gdyby tekst jeszcze się nie zawijał */
}

/* — całkowite ukrycie strzałek nad/-pod bąbelkiem — */
.cp-ai-bubble .cp-ai-tip::before,
.cp-ai-bubble .cp-ai-tip::after{
    display:none !important;
    content:none !important;
}

/* --- koniec poprawek 31.07.2025 --- */


/* --- ikona Porównaj: wygląd i pozycja 31.07.2025 --- */
.cp-ai-compare-add{
    display:inline-flex;
    align-items:center;
    gap:.35em;
    font-size:14px;
    background:#fff;
    border:1px solid #ccc;
    border-radius:4px;
    padding:4px 10px;
    transition:background .2s ease;
}
.cp-ai-compare-add:hover{
    background:#f1f1f1;
}
.cp-ai-compare-icon{
    font-size:1.2em;
    line-height:1;
}

/* domyślna pozycja w karcie ogłoszenia – prawy górny narożnik */
.ad_listing{position:relative;}
.ad_listing .cp-ai-compare-add{
    position:absolute;
    top:10px;
    right:10px;
}
/* --- koniec poprawek 31.07.2025 --- */