/* Doherty Plumbing & Gas - floating contact controls v3 */

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

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

    width:auto!important;
    height:auto!important;

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

    background:transparent!important;
    border:0!important;
    box-shadow:none!important;

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

    z-index:2147483000!important;

    font-family:inherit!important;
    line-height:1!important;
}

html body .dpg-float-actions .dpg-float-btn{
    position:relative!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;

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

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

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

    text-decoration:none!important;

    font-family:inherit!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:0!important;
    white-space:nowrap!important;

    color:#fff!important;

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

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

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background-color .18s ease!important;
}


/* PHONE */

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

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

    box-shadow:
        0 14px 32px rgba(2,15,37,.24),
        0 3px 8px rgba(2,15,37,.12)!important;
}


/* WHATSAPP */

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

html body .dpg-float-actions .dpg-float-whatsapp:hover{
    background:#159447!important;
    transform:translateY(-2px)!important;

    box-shadow:
        0 14px 32px rgba(2,15,37,.22),
        0 3px 8px rgba(2,15,37,.10)!important;
}


/* ICON */

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

    width:22px!important;
    height:22px!important;
    min-width:22px!important;

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

    font-size:0!important;

    color:#fff!important;
    background:transparent!important;
}

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

    width:20px!important;
    height:20px!important;

    fill:currentColor!important;
}


/* PHONE COPY */

html body .dpg-float-actions .dpg-float-call-copy{
    display:flex!important;
    align-items:center!important;
    gap:5px!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:850!important;
    line-height:1!important;
}


/* Don't allow old floating menu rules to interfere */

html body .dpg-float-actions *{
    box-sizing:border-box!important;
}


/* TABLET */

@media(max-width:900px){

    html body .dpg-float-actions{
        right:14px!important;
        bottom:14px!important;
    }

}


/* MOBILE */

@media(max-width:700px){

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

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

        width:auto!important;

        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:8px!important;
    }

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

        padding:0 12px!important;

        border-radius:11px!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:850!important;
    }

}


/* VERY SMALL MOBILE */

@media(max-width:360px){

    html body .dpg-float-actions .dpg-float-btn{
        gap:6px!important;
        padding:0 8px!important;

        font-size:13px!important;
    }

}

/* OLD CONTACT SYSTEM RETIRED */
.floating-contact,
[data-contact-menu].floating-contact{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}