/* ==========================================================================
   Presidency Academy - Floating WhatsApp Button
   File: assets/css/whatsapp-float.css
   ========================================================================== */

.pa-whatsapp-float{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:9999;
}

.pa-whatsapp-float__link{
    display:flex;
    align-items:center;
    gap:14px;

    padding:12px 18px 12px 12px;

    background:#25D366;
    color:#ffffff;

    border-radius:60px;

    text-decoration:none;

    box-shadow:0 12px 35px rgba(0,0,0,.18);

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

.pa-whatsapp-float__link:hover{
    background:#1EBE5D;
    color:#ffffff;

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(0,0,0,.22);
}

/* ----------------------------------------------------------
   Icon
---------------------------------------------------------- */

.pa-whatsapp-float__icon{
    width:56px;
    height:56px;

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

    border-radius:50%;

    background:#25D366;

    flex-shrink:0;

    animation:paWhatsappPulse 2s infinite;
}

.pa-whatsapp-float__icon svg{
    width:28px;
    height:28px;
}

/* ----------------------------------------------------------
   Content
---------------------------------------------------------- */

.pa-whatsapp-float__content{
    display:flex;
    flex-direction:column;
}

.pa-whatsapp-float__label{
    font-size:.78rem;
    font-weight:500;
    opacity:.9;
    line-height:1.2;
}

.pa-whatsapp-float__text{
    font-size:1rem;
    font-weight:700;
    line-height:1.3;
}

/* ----------------------------------------------------------
   Pulse Animation
---------------------------------------------------------- */

@keyframes paWhatsappPulse{

    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,.55);
    }

    70%{
        box-shadow:0 0 0 18px rgba(37,211,102,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }

}

/* ----------------------------------------------------------
   Tablet
---------------------------------------------------------- */

@media (max-width:991px){

.pa-whatsapp-float{
    right:18px;
    bottom:18px;
}

}

/* ----------------------------------------------------------
   Mobile
---------------------------------------------------------- */

@media (max-width:767px){

.pa-whatsapp-float{
    right:16px;
    bottom:16px;
}

.pa-whatsapp-float__link{

    width:64px;
    height:64px;

    padding:0;

    justify-content:center;

    border-radius:50%;
}

.pa-whatsapp-float__content{
    display:none;
}

.pa-whatsapp-float__icon{

    width:64px;
    height:64px;

    margin:0;
}

.pa-whatsapp-float__icon svg{
    width:30px;
    height:30px;
}

}

/* ----------------------------------------------------------
   Accessibility
---------------------------------------------------------- */

.pa-whatsapp-float__link:focus-visible{

    outline:3px solid #ffffff;
    outline-offset:4px;

}

/* ----------------------------------------------------------
   Reduced Motion
---------------------------------------------------------- */

@media (prefers-reduced-motion: reduce){

.pa-whatsapp-float__link,
.pa-whatsapp-float__icon{

    transition:none;
    animation:none;

}

}