/* ───────── Idle Bubble ───────── */

.wpee-idle-bubble{
    position:fixed;
    z-index:99999;
    max-width:320px;
    padding:0;
    margin:0;
    opacity:0;
    transform:translateY(10px);
    pointer-events:none;
    transition:opacity .18s ease-out, transform .18s ease-out;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wpee-idle-bubble.wpee-visible{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
}

/* poziții */
.wpee-pos-bottom-right{
    right:16px;
    bottom:16px;
}
.wpee-pos-bottom-left{
    left:16px;
    bottom:16px;
}
.wpee-pos-top-right{
    right:16px;
    top:16px;
}
.wpee-pos-top-left{
    left:16px;
    top:16px;
}

.wpee-idle-bubble-inner{
    background:#111827;
    color:#f9fafb;
    border-radius:12px;
    padding:12px 14px 10px;
    box-shadow:0 18px 45px rgba(15,23,42,0.40);
    font-size:14px;
    line-height:1.4;
}

.wpee-idle-bubble-text{
    margin-bottom:6px;
}

.wpee-idle-summary{
    margin-top:2px;
    margin-bottom:10px;
    font-size:13px;
    line-height:1.5;
    color:#e5e7eb;
}

.wpee-idle-bubble-actions{
    display:flex;
    gap:8px;
    justify-content:flex-end;
}

/* ───────── End-of-Article Bar ───────── */

.wpee-end-bubble{
    position:fixed;
    left:50%;
    bottom:16px;
    transform:translateX(-50%) translateY(10px);
    z-index:99998;
    max-width:520px;
    width:calc(100% - 32px);
    opacity:0;
    pointer-events:none;
    transition:opacity .2s ease-out, transform .2s ease-out;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.wpee-end-bubble.wpee-visible{
    opacity:1;
    transform:translateX(-50%) translateY(0);
    pointer-events:auto;
}

.wpee-end-bubble-inner{
    background:#0b1120;
    color:#f9fafb;
    border-radius:14px;
    padding:14px 16px 12px;
    box-shadow:0 22px 55px rgba(15,23,42,0.55);
    font-size:14px;
    line-height:1.5;
    display:flex;
    flex-direction:column;
    gap:8px;
}

.wpee-end-bubble-text{
    font-weight:500;
}

.wpee-end-reco{
    margin-top:4px;
}

.wpee-reco-list{
    list-style:none;
    margin:4px 0 0;
    padding:0;
}

.wpee-reco-item{
    margin-bottom:4px;
}

.wpee-reco-link{
    font-size:13px;
    text-decoration:none;
    color:#a5b4fc;
}

.wpee-reco-link:hover{
    text-decoration:underline;
}

.wpee-end-bubble-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:wrap;
    margin-top:4px;
}

/* ───────── End-of-Article extras: followup, feedback, CTA ───────── */

.wpee-end-followup{
    margin-top:4px;
    font-size:13px;
    color:#e5e7eb;
    opacity:0.9;
}

.wpee-end-feedback{
    margin-top:8px;
}

.wpee-feedback-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    font-size:13px;
}

.wpee-feedback-label{
    opacity:0.9;
}

.wpee-feedback-buttons{
    display:flex;
    gap:6px;
}

.wpee-feedback-btn{
    border-radius:999px;
    border:1px solid rgba(148,163,184,0.6);
    padding:4px 8px;
    background:rgba(15,23,42,0.7);
    color:#f9fafb;
    cursor:pointer;
    font-size:16px;
    line-height:1;
}

.wpee-feedback-btn:hover{
    background:rgba(15,23,42,0.95);
}

.wpee-feedback-sent .wpee-feedback-buttons{
    opacity:0.6;
    pointer-events:none;
}

.wpee-end-cta{
    margin-top:8px;
}

.wpee-cta-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    font-size:13px;
}

.wpee-cta-message{
    flex:1;
    color:#e5e7eb;
    opacity:0.95;
}

.wpee-cta-action{
    flex-shrink:0;
}

/* ───────── Buttons (common) ───────── */

.wpee-btn-primary,
.wpee-btn-ghost{
    border-radius:999px;
    border:1px solid transparent;
    font-size:12px;
    line-height:1.2;
    padding:6px 10px;
    cursor:pointer;
    background:#4f46e5;
    color:#ffffff;
    font-weight:500;
    white-space:nowrap;
}

.wpee-btn-ghost{
    background:transparent;
    color:#e5e7eb;
    border-color:rgba(249,250,251,0.35);
}

.wpee-btn-primary:hover{
    background:#4338ca;
}

.wpee-btn-ghost:hover{
    background:rgba(15,23,42,0.75);
}

.wpee-end-reco {
    display:none;
    margin-top:6px;
}

.wpee-end-reco.wpee-open {
    display:block;
}

.wpee-reco-list {
    list-style:none;
    margin:0;
    padding:0;
}

.wpee-reco-item {
    margin:4px 0;
}

.wpee-reco-link {
    color:#a5b4fc;
    font-size:13px;
    text-decoration:none;
}

.wpee-reco-link:hover {
    text-decoration:underline;
}

/* ───────── Mobile tweaks ───────── */

@media (max-width:480px){
    .wpee-idle-bubble{
        max-width:calc(100% - 24px);
    }
    .wpee-pos-bottom-right,
    .wpee-pos-bottom-left{
        right:12px;
        left:12px;
        bottom:12px;
    }
    .wpee-end-bubble{
        bottom:12px;
        width:calc(100% - 24px);
    }
}