/* ==========================================================================
   Layout: always-visible actions  (partials/site/actions.blade.php)
   --------------------------------------------------------------------------
   Mobile  .actionbar — solid white bar on the bottom edge (not floating),
                        two pills: WhatsApp + Request a quote (wider).
   Desktop .float-wa  — round WhatsApp button, bottom inline-end corner.
   ========================================================================== */

.actionbar {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: var(--z-actionbar);
    display: flex;
    gap: var(--s-2);
    padding: var(--s-3) var(--gutter) calc(var(--s-3) + var(--safe-bottom));
    background: var(--card);
    border-top: 1px solid var(--line);
}
.actionbar .btn { height: 50px; }
.actionbar__wa    { flex: 1; }
.actionbar__quote { flex: 1.5; }

/* Room under the page so the bar never covers the end of the footer */
@media (max-width: 991.98px) {
    body { padding-bottom: calc(var(--actionbar-h) + var(--safe-bottom)); }
}

.float-wa {
    position: fixed;
    bottom: var(--s-5);
    inset-inline-end: var(--s-5);
    z-index: var(--z-float);
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: var(--whatsapp);
    color: #fff;
    font-size: 1.75rem;
    transition: transform var(--t-fast) var(--ease);
}
.float-wa:hover { color: #fff; transform: scale(1.05); }