/* ============================================================
   Creative Agency X — Global Floating WhatsApp
   Number / URL comes from the published team DB record.
   ============================================================ */

.cax-floating-whatsapp{
    position:fixed;
    right:max(18px,env(safe-area-inset-right));
    bottom:max(18px,env(safe-area-inset-bottom));
    z-index:999;
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#fff;
    font-family:var(--font-impact,Arial,Helvetica,sans-serif);
    font-size:var(--type-ui);
    font-weight:700;
    line-height:1;
    text-decoration:none;
    text-transform:uppercase;
}

.cax-floating-whatsapp__label{
    padding:10px 12px;
    background:#000;
    border:1px solid rgba(255,255,255,.3);
    box-shadow:0 8px 24px rgba(0,0,0,.14);
    opacity:0;
    transform:translateX(8px);
    transition:
        opacity .18s ease,
        transform .18s ease;
    pointer-events:none;
}

.cax-floating-whatsapp__icon{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    flex:0 0 58px;
    border-radius:50%;
    background:#25D366;
    color:#fff;
    border:2px solid #fff;
    box-shadow:0 10px 28px rgba(0,0,0,.22);
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.cax-floating-whatsapp__icon svg{
    width:31px;
    height:31px;
    display:block;
}

.cax-floating-whatsapp:hover .cax-floating-whatsapp__label,
.cax-floating-whatsapp:focus-visible .cax-floating-whatsapp__label{
    opacity:1;
    transform:translateX(0);
}

.cax-floating-whatsapp:hover .cax-floating-whatsapp__icon{
    transform:translateY(-2px);
    box-shadow:0 13px 34px rgba(0,0,0,.28);
}

.cax-floating-whatsapp:focus-visible{
    outline:2px solid #F30101;
    outline-offset:5px;
}

@media(max-width:720px){
    .cax-floating-whatsapp{
        right:max(14px,env(safe-area-inset-right));
        bottom:max(14px,env(safe-area-inset-bottom));
    }

    .cax-floating-whatsapp__label{
        display:none;
    }

    .cax-floating-whatsapp__icon{
        width:54px;
        height:54px;
        flex-basis:54px;
    }

    .cax-floating-whatsapp__icon svg{
        width:29px;
        height:29px;
    }
}

@media(prefers-reduced-motion:reduce){
    .cax-floating-whatsapp__label,
    .cax-floating-whatsapp__icon{
        transition:none;
    }
}

@media print{
    .cax-floating-whatsapp{
        display:none!important;
    }
}