/* doc-project | commande/v1/assets/css/components/menu_product_stock.css | Grise les produits épuisés du menu web, affiche le badge Épuisé et conserve uniquement l’aperçu photo interactif. | Expose: [data-item][data-out-of-stock], .menuStockBadge | Dépend de: commande/v1/menu/index.php, styles cards/menu | Impacte: disponibilité visuelle et blocage UX des produits épuisés sur le menu web | Tables: aucune */
.pageMenu [data-item][data-out-of-stock="1"] .itemCard__main,
.pageMenu [data-item][data-out-of-stock="1"] .itemCard__actionsWrap,
.pageMenu [data-item][data-out-of-stock="1"] .itemCard__img{ opacity:.48; filter:grayscale(1); }
.pageMenu [data-item][data-out-of-stock="1"] [data-add]{ cursor:not-allowed; }
.pageMenu [data-item] .itemCard{ position:relative; }
.menuStockBadge{ position:absolute; z-index:3; top:8px; right:8px; display:inline-flex; align-items:center; justify-content:center; min-height:28px; padding:0 10px; border-radius:999px; background:rgba(166,25,38,.96); color:#fff; border:1px solid rgba(255,255,255,.25); box-shadow:0 6px 16px rgba(0,0,0,.25); font-size:12px; font-weight:900; letter-spacing:.2px; }