/*
 HM ORIGENS
 AJUSTE MOBILE - CONTROLES FLUTUANTES V1

 Escopo: somente dispositivos ate 600px.
 Preserva layout desktop e funcionamento dos botoes.
*/

@media screen and (max-width: 600px) {

    /* WhatsApp compacto */

    body .floating-whatsapp {
        position: fixed !important;

        right: 12px !important;
        left: auto !important;

        bottom: calc(
            16px + env(safe-area-inset-bottom, 0px)
        ) !important;

        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;

        height: 54px !important;
        min-height: 54px !important;

        padding: 0 !important;
        gap: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 50% !important;

        box-sizing: border-box !important;
    }

    /* Ocultar apenas o texto visual.
       O aria-label continua acessivel. */

    body .floating-whatsapp span {
        display: none !important;
    }

    body .floating-whatsapp svg {
        display: block !important;

        width: 28px !important;
        height: 28px !important;

        flex: 0 0 auto !important;
    }

    /* Lia acima da area inferior de privacidade */

    #zion-launcher-v1#zion-launcher-v1 {
        position: fixed !important;

        left: 12px !important;
        right: auto !important;

        bottom: calc(
            76px + env(safe-area-inset-bottom, 0px)
        ) !important;
    }

    /* Indicador de foco para navegacao acessivel */

    body .floating-whatsapp:focus-visible {
        outline: 3px solid #ffffff !important;
        outline-offset: 3px !important;
    }
}