/* Pirival storefront shared quick actions — desktop side rail / mobile bottom bar. */
.icon-bar23.pirival-action-nav {
    position:fixed !important;
    top:50% !important;
    right:20px !important; left:auto !important; bottom:auto !important;
    transform:translateY(-50%) !important;
    z-index:10050 !important;
    display:flex !important; flex-direction:column !important;
    width:48px !important; margin:0 !important; padding:0 !important;
    border:0 !important; border-radius:9px !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    filter:drop-shadow(0 3px 9px rgba(0,0,0,.12));
}
.icon-bar23.pirival-action-nav > a,
.icon-bar23.pirival-action-nav > a.phone,
.icon-bar23.pirival-action-nav > a.whatsapp,
.icon-bar23.pirival-action-nav > a.order {
    position:relative !important;
    flex:0 0 48px !important;
    width:48px !important; height:48px !important;
    min-width:48px !important; min-height:48px !important;
    box-sizing:border-box !important;
    display:flex !important; flex-direction:column !important;
    align-items:center !important; justify-content:center !important;
    gap:0 !important; padding:0 !important; margin:0 !important;
    border:0 !important; border-radius:0 !important;
    box-shadow:none !important; overflow:visible !important;
    text-decoration:none !important; color:#fff !important;
}
.icon-bar23.pirival-action-nav > a:first-child {border-radius:9px 9px 0 0 !important;}
.icon-bar23.pirival-action-nav > a:last-child {border-radius:0 0 9px 9px !important;}
.icon-bar23.pirival-action-nav > a.phone {background:#4a6040 !important;}
.icon-bar23.pirival-action-nav > a.whatsapp {background:#36924a !important;}
.icon-bar23.pirival-action-nav > a.order {background:#a95833 !important;}
.icon-bar23.pirival-action-nav > a:hover {filter:brightness(.94);}
.icon-bar23.pirival-action-nav > a svg {
    display:block !important; flex:none !important;
    width:23px !important; height:23px !important;
    min-width:23px !important; min-height:23px !important;
    margin:0 !important; padding:0 !important;
    fill:none !important; stroke:currentColor !important;
    stroke-width:1.9 !important; stroke-linecap:round !important;
    stroke-linejoin:round !important;
}
/* The menu page uses a solid WhatsApp glyph. Keep its original filled icon. */
.icon-bar23.pirival-action-nav.pirival-menu-nav > a.whatsapp svg {fill:currentColor !important;stroke:none !important;}
.icon-bar23.pirival-action-nav .pirival-nav-caption {display:none !important;}
.icon-bar23.pirival-action-nav .tot {
    position:absolute !important;
    top:2px !important; right:2px !important;
    left:auto !important; bottom:auto !important;
    transform:none !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    box-sizing:border-box !important; min-width:17px !important; height:17px !important;
    padding:0 3px !important; margin:0 !important;
    border-radius:5px !important; border:1px solid #fff !important;
    background:#fff !important; color:#974925 !important;
    font:700 10px/1 'Segoe UI',Arial,sans-serif !important;
    font-variant-numeric:tabular-nums !important;
    white-space:nowrap !important; z-index:2 !important;
}
@media (max-width:767px) {
    .icon-bar23.pirival-action-nav {
        top:auto !important; bottom:0 !important; left:0 !important; right:0 !important;
        transform:none !important;
        width:100% !important;
        display:grid !important; flex-direction:row !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:0 !important;
        border-radius:0 !important; border-top:1px solid #e6ded2 !important;
        padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px)) !important;
        background:#fff !important;
        filter:none !important;
        box-shadow:0 -4px 14px rgba(0,0,0,.09) !important;
    }
    .icon-bar23.pirival-action-nav > a,
    .icon-bar23.pirival-action-nav > a.phone,
    .icon-bar23.pirival-action-nav > a.whatsapp,
    .icon-bar23.pirival-action-nav > a.order {
        flex:1 1 auto !important;
        width:100% !important; min-width:0 !important;
        height:54px !important; min-height:54px !important;
        padding:5px 4px !important; gap:3px !important;
        background:transparent !important; color:#405338 !important;
        border-radius:8px !important;
    }
    .icon-bar23.pirival-action-nav > a.whatsapp {color:#268e49 !important;}
    .icon-bar23.pirival-action-nav > a.order {color:#a95833 !important;}
    .icon-bar23.pirival-action-nav > a svg {width:22px !important;height:22px !important;min-width:22px !important;min-height:22px !important;}
    .icon-bar23.pirival-action-nav .pirival-nav-caption {
        display:block !important;
        font:600 11px/1.1 'Segoe UI',Arial,sans-serif !important;
        color:#405338 !important; white-space:nowrap !important;
    }
    .icon-bar23.pirival-action-nav .tot {
        top:2px !important;right:calc(50% - 31px) !important;
        background:#a95833 !important; color:white !important;
        border-color:#fff !important;
        min-width:18px !important;height:18px !important;
    }
    body {padding-bottom:calc(78px + env(safe-area-inset-bottom,0px)) !important;}
    .mobile-sticky-cta {bottom:calc(66px + env(safe-area-inset-bottom,0px)) !important;}
    .pirival-toast-stack,.toast-stack {bottom:calc(90px + env(safe-area-inset-bottom,0px)) !important;}
}