/* FERMENTA_SUPPORT_FLOAT_V3 */

.fermenta-support-float {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 2147483000;

    display: inline-flex;
    align-items: center;
    gap: 9px;

    min-height: 48px;
    padding: 0 17px 0 13px;

    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;

    background: #0f2942;
    color: #fff;

    box-shadow:
        0 10px 28px
        rgba(15,41,66,.22);

    text-decoration: none;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    font-size: 12px;
    font-weight: 750;

    transition:
        transform .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}


.fermenta-support-float:hover {
    transform: translateY(-2px);
    background: #143753;

    box-shadow:
        0 14px 34px
        rgba(15,41,66,.26);
}


.fermenta-support-icon {
    display: grid;
    place-items: center;

    width: 28px;
    height: 28px;

    border-radius: 9px;

    background:
        rgba(255,255,255,.10);
}


.fermenta-support-icon svg {
    width: 17px;
    height: 17px;

    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


@media (max-width:900px) {

    /*
     * Rodada mobile final 2026-09-06.
     * Antes: pílula "🎧 Suporte" com z-index 2147483000 (acima de tudo) a
     * bottom:16px — cobria a bottom-nav e CTAs (ex.: "Fazer upgrade",
     * "Salvar"). Agora: botão redondo só-ícone, ACIMA da bottom-nav, com
     * safe-area, e z-index abaixo da nav/drawer/overlay (fica sobre o
     * conteúdo, nunca sobre navegação ou modal).
     */
    .fermenta-support-float {
        right: 12px;
        bottom: calc(74px + env(safe-area-inset-bottom));
        z-index: 38;

        gap: 0;
        min-height: 0;
        width: 44px;
        height: 44px;
        padding: 0;
        justify-content: center;
        border-radius: 999px;
    }

    /* esconde o rótulo "Suporte" (2º <span> do link) */
    .fermenta-support-float > span:last-child {
        display: none;
    }

    .fermenta-support-icon {
        width: 100%;
        height: 100%;
        background: transparent;
        border-radius: 999px;
    }
}

/* telas muito baixas / teclado aberto: encolhe um tico e cola mais no canto */
@media (max-width: 900px) and (max-height: 520px) {
    .fermenta-support-float {
        width: 40px;
        height: 40px;
        bottom: calc(10px + env(safe-area-inset-bottom));
    }
}