/* DDJ Tutoring - Floating WhatsApp Button */
.ddj-whatsapp-float{
    position:fixed;
    right:max(20px,env(safe-area-inset-right));
    bottom:max(20px,env(safe-area-inset-bottom));
    z-index:1085;
    display:inline-flex;
    align-items:center;
    gap:.65rem;
    min-height:54px;
    padding:.55rem 1rem .55rem .55rem;
    border-radius:999px;
    color:#fff;
    text-decoration:none;
    background:linear-gradient(135deg,#128C7E,#25D366);
    border:1px solid rgba(255,255,255,.20);
    box-shadow:
        0 18px 42px rgba(18,140,126,.32),
        0 6px 16px rgba(15,23,42,.18);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}
.ddj-whatsapp-float:hover{
    color:#fff;
    transform:translateY(-3px) scale(1.015);
    box-shadow:
        0 22px 50px rgba(18,140,126,.40),
        0 8px 20px rgba(15,23,42,.20);
    filter:saturate(1.05);
}
.ddj-whatsapp-float:focus-visible{
    color:#fff;
    outline:3px solid rgba(37,211,102,.35);
    outline-offset:4px;
}
.ddj-whatsapp-float__icon{
    width:42px;
    height:42px;
    flex:none;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.16);
    font-size:1.35rem;
}
.ddj-whatsapp-float__label{
    font-weight:850;
    letter-spacing:-.01em;
    white-space:nowrap;
}
@media(max-width:575.98px){
    .ddj-whatsapp-float{
        right:max(14px,env(safe-area-inset-right));
        bottom:max(14px,env(safe-area-inset-bottom));
        min-height:50px;
        padding:.45rem .85rem .45rem .45rem;
    }
    .ddj-whatsapp-float__icon{
        width:40px;
        height:40px;
    }
    .ddj-whatsapp-float__label{
        font-size:.9rem;
    }
}
@media(prefers-reduced-motion:reduce){
    .ddj-whatsapp-float{
        transition:none;
    }
}
