/* Biza FCM Push — Frontend (coletor de subscrições) */

#sfcm-bar{
    position:fixed; left:0; right:0;
    display:flex; align-items:center; gap:12px;
    padding:14px 20px;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-size:14px; z-index:999999;
    transition:transform .3s cubic-bezier(.34,1.56,.64,1);
}

/* Posições */
#sfcm-bar.sfcm-pos-bottom{bottom:0;box-shadow:0 -4px 20px rgba(0,0,0,.2);transform:translateY(100%)}
#sfcm-bar.sfcm-pos-bottom.sfcm-bar-visible{transform:translateY(0)}
#sfcm-bar.sfcm-pos-top{top:0;box-shadow:0 4px 20px rgba(0,0,0,.2);transform:translateY(-100%)}
#sfcm-bar.sfcm-pos-top.sfcm-bar-visible{transform:translateY(0)}
#sfcm-bar.sfcm-pos-corner{left:auto;right:20px;bottom:20px;max-width:360px;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.25);transform:translateY(160%)}
#sfcm-bar.sfcm-pos-corner.sfcm-bar-visible{transform:translateY(0)}

.sfcm-bar-text{flex:1;line-height:1.4}

/* Tamanhos */
#sfcm-bar.sfcm-size-small{padding:10px 16px;font-size:13px;gap:10px}
#sfcm-bar.sfcm-size-small .sfcm-bar-allow{padding:6px 14px;font-size:12px}
#sfcm-bar.sfcm-size-medium{padding:16px 22px;font-size:15px;gap:14px}
#sfcm-bar.sfcm-size-medium .sfcm-bar-allow{padding:9px 20px;font-size:14px}
#sfcm-bar.sfcm-size-large{padding:22px 28px;font-size:17px;gap:18px}
#sfcm-bar.sfcm-size-large .sfcm-bar-allow{padding:12px 26px;font-size:15px}
#sfcm-bar.sfcm-size-large .sfcm-bar-text{line-height:1.5}
/* corner com size large fica mais largo */
#sfcm-bar.sfcm-pos-corner.sfcm-size-large{max-width:420px}
#sfcm-bar.sfcm-pos-corner.sfcm-size-medium{max-width:380px}
.sfcm-bar-allow{
    flex-shrink:0; background:#fff; border:none;
    border-radius:7px; padding:8px 18px;
    font-weight:700; font-size:13px; cursor:pointer; transition:opacity .15s;
}
.sfcm-bar-allow:hover{opacity:.88}
.sfcm-bar-close{
    flex-shrink:0; background:transparent; border:none;
    color:rgba(255,255,255,.7); font-size:17px;
    cursor:pointer; padding:4px 6px; line-height:1; transition:color .15s;
}
.sfcm-bar-close:hover{color:#fff}

@media(max-width:480px){
    #sfcm-bar.sfcm-pos-corner{left:12px;right:12px;max-width:none}
    #sfcm-bar{flex-wrap:wrap;padding:12px 14px}
    .sfcm-bar-text{width:100%}
}