/* ==========================================================
   GLOBAL PUBLIC WHATSAPP BUTTON
   Rendered through the public footer, therefore unavailable
   on authenticated dashboard pages.
========================================================== */
.mc-global-whatsapp{
    position:fixed;
    right:0;
    bottom:110px;
    top:auto;
    z-index:1200;

    width:46px;
    height:124px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:8px;

    padding:12px 6px;

    border-radius:12px 0 0 12px;
    background:#25D366;
    color:#fff !important;
    text-decoration:none !important;

    box-shadow:0 8px 24px rgba(0,0,0,.18);
    border:3px solid #fff;
    border-right:none;

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

.mc-global-whatsapp i{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 28px;
    width:28px;
    height:28px;
    font-size:25px;
    line-height:1;
}

.mc-global-whatsapp span{
    display:block;
    flex:1 1 auto;

    width:14px;
    height:70px;

    font-size:11px;
    font-weight:700;
    line-height:14px;
    letter-spacing:0;
    white-space:nowrap;

    writing-mode:vertical-rl;
    text-orientation:mixed;
    transform:rotate(180deg);
    text-align:center;
}

.mc-global-whatsapp:hover{
    transform:translateX(-3px);
    box-shadow:0 10px 28px rgba(0,0,0,.24);
}

.mc-global-whatsapp[data-whatsapp-placeholder="true"]{
    cursor:not-allowed;
}

@media(max-width:767.98px){
    .mc-global-whatsapp{
        bottom:90px;
        width:42px;
        height:112px;
        padding:10px 5px;
        gap:7px;
        border-width:2px;
    }

    .mc-global-whatsapp i{
        flex-basis:25px;
        width:25px;
        height:25px;
        font-size:22px;
    }

    .mc-global-whatsapp span{
        width:13px;
        height:64px;
        font-size:10px;
        line-height:13px;
    }
}

@media(prefers-reduced-motion:reduce){
    .mc-global-whatsapp{transition:none}
}