.restaurant-share-actions .restaurant-share-button.share-whatsapp{background:#128c4a!important;border-color:#128c4a!important;color:#fff!important;opacity:1!important}
.restaurant-share-actions .restaurant-share-button.share-whatsapp:hover{background:#0e743d!important;border-color:#0e743d!important}
.restaurant-share-actions .restaurant-share-button.share-whatsapp svg{display:block;width:24px;height:24px;flex-shrink:0;fill:#fff!important;stroke:none!important;opacity:1!important}
.restaurant-share-actions .restaurant-share-button.share-whatsapp svg path{fill:#fff!important;stroke:none!important;opacity:1!important}
.restaurant-share-actions .restaurant-share-button.share-whatsapp:focus-visible{outline:3px solid #128c4a;outline-offset:3px}

/* Keep the primary actions and sharing controls on separate mobile rows. */
@media(max-width:767px){
.restaurant-stack .hero>.actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;align-items:stretch;min-width:0}
.restaurant-stack .hero>.actions>.restaurant-call,.restaurant-stack .hero>.actions>.hero-favorite{width:100%!important;min-width:0!important;max-width:100%;margin:0!important;box-sizing:border-box}
.restaurant-stack .hero>.actions>.restaurant-call,.restaurant-stack .hero>.actions>.hero-favorite>.favorite-button{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%!important;min-width:0!important;min-height:44px;box-sizing:border-box;padding:10px 8px;white-space:normal;text-align:center;font-size:14px;line-height:1.25}
.restaurant-stack .hero>.actions .restaurant-call>svg,.restaurant-stack .hero>.actions .favorite-button>i{flex:0 0 20px;width:20px!important;height:20px!important;margin:0!important}
.restaurant-stack .hero>.actions .favorite-button>i{display:inline-flex;align-items:center;justify-content:center}
.restaurant-stack .hero>.actions .favorite-button>i>svg{display:block;width:20px!important;height:20px!important}
.restaurant-stack .hero>.actions>.restaurant-share-actions{grid-column:1/-1;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;margin:0!important;min-width:0;width:100%}
.restaurant-stack .hero>.actions .restaurant-share-button{flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;padding:10px!important;box-sizing:border-box}
.restaurant-stack .hero>.actions [data-share-status]{flex-basis:100%;min-width:0;overflow-wrap:anywhere}
.restaurant-stack .hero>.actions [data-share-status]:empty{display:none}
}