/* CIDES floating support actions */
.cides-floating-actions{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:9998;
    display:grid;
    gap:12px;
    justify-items:end;
    pointer-events:none;
}
.cides-floating-action{
    pointer-events:auto;
    min-height:58px;
    display:inline-flex;
    align-items:center;
    gap:11px;
    padding:9px 15px 9px 9px;
    border:0;
    border-radius:999px;
    text-decoration:none;
    font-family:var(--cides-font-sans,"Quicksand",sans-serif);
    font-size:15px;
    font-weight:700;
    line-height:1.1;
    cursor:pointer;
    box-shadow:0 16px 40px rgba(8,49,24,.2);
    transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.cides-floating-action:hover,
.cides-floating-action:focus-visible{
    transform:translateY(-2px);
    box-shadow:0 20px 46px rgba(8,49,24,.28);
    text-decoration:none;
}
.cides-floating-action:focus-visible{
    outline:3px solid #f7c52c;
    outline-offset:3px;
}
.cides-floating-action__icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    border-radius:50%;
}
.cides-floating-action__icon svg{
    width:22px;
    height:22px;
}
.cides-floating-action__copy{
    display:grid;
    gap:2px;
    text-align:left;
    white-space:nowrap;
}
.cides-floating-action__copy small{
    font-size:10px;
    font-weight:700;
    line-height:1.1;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.cides-floating-action__copy strong{
    font-size:15px;
    font-weight:700;
    line-height:1.1;
}
.cides-floating-action--help{
    background:#0c4b25;
    color:#fff;
}
.cides-floating-action--help .cides-floating-action__icon{
    background:#f7c52c;
    color:#0c4b25;
}
.cides-floating-action--help .cides-floating-action__copy small{
    color:#cfe4d4;
}
.cides-floating-action--help .cides-floating-action__copy strong{
    color:#fff;
}
.cides-floating-action--help:hover,
.cides-floating-action--help:focus-visible{
    background:#083c1d;
    color:#fff;
}
.cides-floating-action--whatsapp{
    background:#25d366;
    color:#073f1e;
}
.cides-floating-action--whatsapp .cides-floating-action__icon{
    background:#fff;
    color:#128c4a;
}
.cides-floating-action--whatsapp .cides-floating-action__copy strong{
    color:#073f1e;
}
.cides-floating-action--whatsapp:hover,
.cides-floating-action--whatsapp:focus-visible{
    background:#20c65e;
    color:#073f1e;
}

/* Keep the support buttons below the quote modal when it opens. */
.cides-modal-open .cides-floating-actions{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

@media(max-width:782px){
    .cides-floating-actions{
        right:14px;
        bottom:16px;
        gap:9px;
    }
    .cides-floating-action{
        min-height:54px;
        padding:7px 13px 7px 7px;
    }
    .cides-floating-action__icon{
        width:40px;
        height:40px;
        flex-basis:40px;
    }
    .cides-floating-action__copy strong{font-size:14px}
}

@media(max-width:480px){
    .cides-floating-action{
        width:54px;
        height:54px;
        min-height:54px;
        padding:7px;
        justify-content:center;
    }
    .cides-floating-action__copy{
        position:absolute;
        width:1px;
        height:1px;
        overflow:hidden;
        clip:rect(0 0 0 0);
        clip-path:inset(50%);
        white-space:nowrap;
    }
    .cides-floating-action__icon{
        width:40px;
        height:40px;
        flex-basis:40px;
    }
}

@media(prefers-reduced-motion:reduce){
    .cides-floating-action{transition:none}
}
