/* ==========================================================
   DOHERTY COMPACT FLOATING CONTACT
   ========================================================== */

html body .dpg-float-actions{
    position:fixed!important;
    right:18px!important;
    bottom:18px!important;
    left:auto!important;
    top:auto!important;

    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;

    gap:8px!important;

    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    background:none!important;
    border:0!important;

    opacity:1!important;
    visibility:visible!important;

    box-shadow:none!important;

    z-index:2147483000!important;
}


/* BOTH BUTTONS */

html body .dpg-float-actions .dpg-float-btn{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:auto!important;
    min-width:0!important;
    max-width:none!important;

    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;

    gap:8px!important;

    margin:0!important;
    padding:0 15px!important;

    border-radius:12px!important;

    font-family:inherit!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;

    letter-spacing:0!important;
    text-transform:none!important;
    text-decoration:none!important;
    white-space:nowrap!important;

    color:#fff!important;

    border:1px solid rgba(255,255,255,.12)!important;

    box-shadow:
        0 7px 22px rgba(2,15,37,.18)!important;

    transform:none!important;
}


/* STOP OLD CSS ADDING EXTRA ICONS */

html body .dpg-float-actions .dpg-float-btn::before,
html body .dpg-float-actions .dpg-float-btn::after,
html body .dpg-float-actions .dpg-float-icon::before,
html body .dpg-float-actions .dpg-float-icon::after{
    content:none!important;
    display:none!important;
}


/* PHONE */

html body .dpg-float-actions .dpg-float-call{
    background:#071b3f!important;
    color:#fff!important;
}

html body .dpg-float-actions .dpg-float-call:hover{
    background:#0a2b60!important;
    transform:translateY(-1px)!important;
}


/* WHATSAPP */

html body .dpg-float-actions .dpg-float-whatsapp{
    background:#20b858!important;
    color:#fff!important;
}

html body .dpg-float-actions .dpg-float-whatsapp:hover{
    background:#159b49!important;
    transform:translateY(-1px)!important;
}


/* ICON */

html body .dpg-float-actions .dpg-float-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:20px!important;
    min-width:20px!important;
    max-width:20px!important;

    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;

    margin:0!important;
    padding:0!important;

    background:none!important;
    border:0!important;

    font-size:0!important;

    overflow:hidden!important;
}

html body .dpg-float-actions .dpg-float-icon svg{
    display:block!important;

    width:19px!important;
    height:19px!important;

    min-width:19px!important;
    max-width:19px!important;

    min-height:19px!important;
    max-height:19px!important;

    fill:currentColor!important;
    color:#fff!important;
}


/* PHONE NUMBER */

html body .dpg-float-actions .dpg-float-call-copy{
    display:block!important;

    width:auto!important;

    margin:0!important;
    padding:0!important;
}

html body .dpg-float-actions .dpg-float-call-copy > span{
    display:none!important;
}

html body .dpg-float-actions .dpg-float-phone{
    display:block!important;

    margin:0!important;
    padding:0!important;

    color:#fff!important;

    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;
}


/* MOBILE */

@media(max-width:700px){

    html body{
        padding-bottom:68px!important;
    }

    html body .dpg-float-actions{
        left:10px!important;
        right:10px!important;
        bottom:10px!important;

        display:grid!important;
        grid-template-columns:1fr 1fr!important;

        gap:7px!important;
    }

    html body .dpg-float-actions .dpg-float-btn{
        width:100%!important;

        height:50px!important;
        min-height:50px!important;
        max-height:50px!important;

        padding:0 12px!important;

        font-size:14px!important;
    }

    html body .dpg-float-actions .dpg-float-phone{
        display:none!important;
    }

    html body .dpg-float-actions .dpg-float-call-copy::after{
        content:"Call now"!important;

        display:block!important;

        color:#fff!important;

        font-size:14px!important;
        font-weight:800!important;
    }

}


/* Icon rendering hardening */
html body .dpg-float-actions .dpg-float-icon svg{overflow:visible!important;fill:#fff!important;stroke:none!important;pointer-events:none!important}
html body .dpg-float-actions .dpg-float-icon svg path{fill:#fff!important;stroke:none!important;opacity:1!important}
html body .dpg-float-actions .dpg-float-btn{isolation:isolate!important}