/* BCX Lead Capture, bubble V2 (estado minimizado da raspadinha).
   Aparece quando cliente fecha o modal sem capturar. Persiste entre páginas via
   cookie bcx_lc_state=bubble. Click reabre modal.
   calderon 18/06/2026. */

#bcx-lc-bubble.bcx-lc-bubble {
    position: fixed;
    bottom: 22px; right: 22px;
    z-index: 999985; /* abaixo do modal (999990), acima do sticky de WA (geralmente 999000) */
    display: none;
    align-items: center;
    gap: 10px;
    padding: 11px 22px 11px 14px; /* mais respiro a direita pro X nao encostar no texto. calderon 21/06 */
    background: linear-gradient(135deg, var(--bcx-primary, #EC5424) 0%, var(--bcx-primary-dark, #f97316) 100%);
    color: #fff;
    border: 0;
    border-radius: 999px;
    box-shadow: 0 8px 22px rgba(0,0,0,.22), 0 2px 6px rgba(0,0,0,.16); /* sombra neutra, serve pra qualquer cor de marca. calderon 21/06 */
    cursor: pointer;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", sans-serif;
    font-size: 13px;
    line-height: 1.1;
    animation: bcxLcBubbleIn .35s cubic-bezier(.18,.89,.32,1.28);
}
#bcx-lc-bubble.bcx-lc-bubble.is-visible { display: inline-flex; }

@keyframes bcxLcBubbleIn {
    from { opacity: 0; transform: translateY(20px) scale(.85); }
    to   { opacity: 1; transform: translateY(0)    scale(1);   }
}

.bcx-lc-bubble-gift {
    font-size: 22px;
    line-height: 1;
    display: inline-block;
    transform: rotate(-8deg);
    animation: bcxLcGiftWiggle 2.2s ease-in-out infinite;
}
@keyframes bcxLcGiftWiggle {
    0%, 100% { transform: rotate(-8deg); }
    50%      { transform: rotate(8deg); }
}

.bcx-lc-bubble-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.1;
}
.bcx-lc-bubble-pct {
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .3px;
    white-space: nowrap; /* "5% ou 10% OFF" numa linha so. calderon 21/06 */
}
.bcx-lc-bubble-cta {
    font-size: 11px;
    font-weight: 600;
    opacity: .92;
    text-transform: lowercase;
    margin-top: 1px;
}

/* Pulso ao redor da bolha pra puxar olho do cliente */
.bcx-lc-bubble-pulse {
    position: absolute;
    inset: -4px;
    border-radius: 999px;
    background: var(--bcx-primary, #EC5424); /* pulso na cor de marca do cliente. calderon 21/06 */
    z-index: -1;
    animation: bcxLcPulse 2.2s ease-out infinite;
}
@keyframes bcxLcPulse {
    0%   { transform: scale(.92); opacity: .8; }
    70%  { transform: scale(1.18); opacity: 0; }
    100% { transform: scale(1.18); opacity: 0; }
}

/* X discreto pra dispensar de vez (7 dias) */
.bcx-lc-bubble-dismiss {
    position: absolute;
    top: -8px; right: -8px; /* recuo maior no canto sup. direito, longe do texto. calderon 21/06 */
    width: 20px; height: 20px;
    border-radius: 50%;
    background: #1e293b;
    color: #f8fafc;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
    transition: transform .15s ease, background .15s ease;
}
.bcx-lc-bubble-dismiss:hover { background: #dc2626; transform: scale(1.08); }

#bcx-lc-bubble:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

@media (max-width: 480px) {
    #bcx-lc-bubble.bcx-lc-bubble {
        bottom: 88px; /* acima do sticky de WhatsApp mobile típico */
        right: 14px;
        padding: 8px 14px 8px 12px;
    }
    .bcx-lc-bubble-pct { font-size: 13px; }
    .bcx-lc-bubble-cta { font-size: 10px; }
}

/* COLAPSADA, só a caixinha de presente (calderon 21/06): no mobile a pílula
   aparece, chama o olho por uns segundos e encolhe pra um círculo só com o 🎁.
   Click reabre a raspadinha. Transição suave entre pílula e círculo. */
#bcx-lc-bubble.bcx-lc-bubble {
    transition: width .28s ease, padding .28s ease, border-radius .28s ease;
}
@media (max-width: 600px) {
    #bcx-lc-bubble.bcx-lc-bubble.is-collapsed {
        width: 56px;
        height: 56px;
        padding: 0;
        justify-content: center;
        border-radius: 50%;
        gap: 0;
    }
    #bcx-lc-bubble.bcx-lc-bubble.is-collapsed .bcx-lc-bubble-text,
    #bcx-lc-bubble.bcx-lc-bubble.is-collapsed .bcx-lc-bubble-dismiss {
        display: none;
    }
    #bcx-lc-bubble.bcx-lc-bubble.is-collapsed .bcx-lc-bubble-gift {
        font-size: 26px;
        margin: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bcx-lc-bubble-gift,
    .bcx-lc-bubble-pulse,
    #bcx-lc-bubble.bcx-lc-bubble { animation: none; }
}