/* =========================================================
   NEED TO CALL — FIXED WHATSAPP CHAT NOW
   Separate CSS for index.php
   ========================================================= */

.ntc-whatsapp-float{
    position:fixed !important;
    right:22px !important;
    bottom:22px !important;
    z-index:99999 !important;

    display:flex !important;
    align-items:center !important;
    gap:10px !important;

    min-width:142px !important;
    height:54px !important;
    padding:7px 15px 7px 9px !important;

    color:#fff !important;
    text-decoration:none !important;
    border:1px solid rgba(255,255,255,.75) !important;
    border-radius:30px !important;

    background:linear-gradient(135deg,#25d366 0%,#16b957 55%,#0ca64b 100%) !important;
    box-shadow:0 12px 30px rgba(8,130,65,.32), inset 0 1px 0 rgba(255,255,255,.45) !important;

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    transition:transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

.ntc-whatsapp-float:hover{
    color:#fff !important;
    text-decoration:none !important;
    transform:translateY(-3px) scale(1.025) !important;
    filter:saturate(1.08) !important;
    box-shadow:0 16px 34px rgba(8,130,65,.40), inset 0 1px 0 rgba(255,255,255,.55) !important;
}

.ntc-whatsapp-float:active{
    transform:translateY(0) scale(.98) !important;
}

.ntc-whatsapp-icon{
    width:39px !important;
    height:39px !important;
    flex:0 0 39px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.16) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.30) !important;
}

.ntc-whatsapp-icon svg{
    width:25px !important;
    height:25px !important;
    display:block !important;
    fill:#fff !important;
}

.ntc-whatsapp-label{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
}

.ntc-whatsapp-label strong{
    display:block !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:900 !important;
    letter-spacing:.1px !important;
}

.ntc-whatsapp-label small{
    display:block !important;
    margin-top:4px !important;
    color:rgba(255,255,255,.88) !important;
    font-size:9px !important;
    font-weight:700 !important;
}

/* Soft attention pulse — button remains locked in one position */
.ntc-whatsapp-float::after{
    content:"";
    position:absolute;
    inset:-4px;
    border:1px solid rgba(37,211,102,.42);
    border-radius:34px;
    pointer-events:none;
    animation:ntcWhatsappPulse 2.8s ease-out infinite;
}

@keyframes ntcWhatsappPulse{
    0%{
        opacity:.65;
        transform:scale(1);
    }
    70%{
        opacity:0;
        transform:scale(1.12);
    }
    100%{
        opacity:0;
        transform:scale(1.12);
    }
}

@media(max-width:700px){
    .ntc-whatsapp-float{
        right:14px !important;
        bottom:14px !important;
        min-width:136px !important;
        height:51px !important;
        padding-right:13px !important;
    }

    .ntc-whatsapp-icon{
        width:36px !important;
        height:36px !important;
        flex-basis:36px !important;
    }

    .ntc-whatsapp-icon svg{
        width:23px !important;
        height:23px !important;
    }

    .ntc-whatsapp-label strong{
        font-size:13px !important;
    }
}

@media(max-width:430px){
    .ntc-whatsapp-float{
        right:11px !important;
        bottom:11px !important;
        min-width:130px !important;
        height:48px !important;
        padding:6px 11px 6px 8px !important;
        gap:8px !important;
    }

    .ntc-whatsapp-icon{
        width:34px !important;
        height:34px !important;
        flex-basis:34px !important;
    }

    .ntc-whatsapp-icon svg{
        width:21px !important;
        height:21px !important;
    }

    .ntc-whatsapp-label strong{
        font-size:12px !important;
    }

    .ntc-whatsapp-label small{
        font-size:8px !important;
        margin-top:3px !important;
    }
}

@media(prefers-reduced-motion:reduce){
    .ntc-whatsapp-float,
    .ntc-whatsapp-float::after{
        animation:none !important;
        transition:none !important;
    }
}